Tread
Tread is the original preset, made for sportswear, outdoor gear, and fashion. It’s clean and technical, with crisp navy text on white and warm grey, electric blue accents, and monospaced uppercase buttons. The demo homepage leads with a full-width slideshow and focuses on collections, product launches, and side-by-side product comparisons.
Typography
Section titled “Typography”- Headings — Funnel Display, semi-bold, at 130% size.
- Body text — Host Grotesk, light.
- Buttons, menus, and subheadings — Anonymous Pro, bold and uppercase.
- Product titles — Krona One, a wide display font.
Colors
Section titled “Colors”- Backgrounds — white, warm off-white (
#F6F6F4), and light grey (#EBEBE8). - Text and buttons — navy (
#03071D) with soft charcoal body text. - Accent — electric blue (
#1D39F6), used for a feature color scheme, sale badges, and overlays. - Dark scheme — navy background with white text and electric blue buttons.
Shape and motion
Section titled “Shape and motion”- Corner radius — small (0.3rem) on content, header, footer, and buttons.
- Button hover style — Moving dot.
- Product cards — square (1:1) product images, price to the right of the title, color swatches on, second image on hover, quick add, and quick view.
- Collection cards — tall (3:4) images, content top left, with the product count.
- Blog cards — 4:3 images in a box, with the author and date.