Subset. Editorial boutique on raw linen.
- Commerce
- Light theme
- 10 colors
- 3 typefaces
Subset is an editorial intimates boutique rendered on warm raw linen rather than stark white. The page breathes through a muted earth palette — sage, dusty blue, blush, ember — with Founders Grotesk as the workhorse voice and a refined serif (TT Ramillas) reserved for editorial headlines. Product photography is the hero; the UI gets out of the way with hairline borders, minimal radii, and no decorative shadows. The signature moves: aggressive letter-spacing on uppercase labels (0.1–0.15em), generous cream canvas, and color used as quiet punctuation on borders, badges, and icons rather than as large filled blocks.

Subset design system
Brand3
Signature accent — top announcement bar, hairline decorative borders, icon strokes, functional green; the brand's quiet living color
Primary action — filled buttons, link underlines, selected states; dusty mid-blue carries trust without corporate coldness
Dark filled buttons (hero CTA), deep green-black for high-emphasis actions; warmer than charcoal, more sophisticated than black
Accent1
NEW badges, notification dots, star ratings, cart count bubble — vivid warm orange used sparingly as functional punctuation
Neutrals6
Neutral form states, badge text, and quiet UI feedback where color should stay understated. Do not promote it to the primary CTA color
Darkest UI surface — footer dark bands, chat widget shell, overlaid panels
Muted helper text, secondary dividers, disabled labels
Accent surface wash — hero image tint, product photo backdrop, soft highlight zones
Page canvas and card backgrounds — warm off-white, the signature surface that distinguishes this system from generic white SaaS
Elevated card surfaces, badge fills, inverse text on dark buttons
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink on Sage Leaf
7.47 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











