Knoll
Split Studio
Loading
HAY.com – latest products, designer news and retailer info
Warm sand and soft shadows, clean san-serifs, a quiet, modern Mediterranean stillness.
Click any value to copy. Roles are suggestions, not gospel.
- #9c564aoklch(53.2% 0.095 31)Dominant
- #f4c474oklch(84.6% 0.113 79)Surface
- #22473foklch(36.8% 0.045 178)Ink
- #5c9ca1oklch(65.2% 0.066 202)Accent
- #d1c6a9oklch(82.8% 0.041 90)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h3 | ITCNewBaskervilleRoman | 20px | 400 | 1.4 | 1.1px | Aa Bb Cc |
| body | NeueHelvetica55Roman | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
| button | NeueHelvetica55Roman | 12px | 400 | 1 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #9c564a;
--color-surface: #f4c474;
--color-ink: #22473f;
--color-accent: #5c9ca1;
--color-detail: #d1c6a9;
}Drop-in prompt
Build a landing page in the visual style of HAY.com – latest products, designer news and retailer info.
Reference design system (extracted from the live site):
- Palette: #9c564a, #f4c474, #22473f, #5c9ca1, #d1c6a9
- Typefaces: NeueHelvetica55Roman
- Macrostructure: Split Studio
Use the dominant colour for surfaces, the accent sparingly,
and lean on type weight + scale rather than colour for hierarchy.
Full DESIGN.md: https://inspomcp.dev/api/design/hay-com
