Perlite
Perlite is made for plant shops, homeware, and lifestyle brands. It’s calm and editorial, with large serif headings, deep green text on white and soft sage, and lifestyle photography up front. The demo homepage opens with a split hero and uses collection quick links, shop the look, and dividers to give the page a magazine-like rhythm.
Typography
Section titled “Typography”- Headings — Instrument Serif, at 180% size on desktop.
- Body text — Syne.
- Buttons, menus, and subheadings — Syne, uppercase, with wider letter spacing on subheadings.
- Product titles — Instrument Serif, to match the headings.
Colors
Section titled “Colors”- Backgrounds — white and soft sage (
#DEEBE5). - Text and buttons — deep green (
#082020). - Dark schemes — deep green, and black, both with white text.
Shape and motion
Section titled “Shape and motion”- Corner radius — small (0.2rem) on content, header, footer, and buttons.
- Button hover style — Stagger letters.
- Spacing — more padding above and below sections on mobile.
- Product cards — tall (3:4) lifestyle images, with a second lifestyle image on hover, price to the right of the title, quick add, and quick view. Swatches are off.
- Collection cards — square (1:1) images, content at the bottom left, with the product count.
- Blog cards — wide (16:9) images with larger headings, without the author or date.