Eater
Ecosystem Index
Loading
Theverge
Cool, crisp geometry—clinical white, stark sans serif, boundless digital expanse.
Click any value to copy. Roles are suggestions, not gospel.
- #37e0baoklch(81.4% 0.144 173)Dominant
- #73141eoklch(36.5% 0.128 21)Surface
- #d5a980oklch(76.5% 0.076 64)Ink
- #9e734eoklch(59.0% 0.075 61)Accent
- #cda8a7oklch(76.4% 0.044 20)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h2 | __polySans_9afc27 | 24px | 700 | 1.1 | 0.24px | Aa Bb Cc |
| body | ui-sans-serif | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
| button | ui-sans-serif | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
Max content width 1300px
:root {
--color-dominant: #37e0ba;
--color-surface: #73141e;
--color-ink: #d5a980;
--color-accent: #9e734e;
--color-detail: #cda8a7;
}
/* CSS variables exposed by source */
:root {
--font-manuka: '__manuka_62afb5', '__manuka_Fallback_62afb5', Impact, Helvetica, sans-serif;
--font-fkroman: '__fkRomanStandard_cfceed', '__fkRomanStandard_Fallback_cfceed', Georgia, serif;
--font-polysans-mono: '__polySansMono_0b836e', '__polySansMono_Fallback_0b836e', Courier New, Courier, monospace;
--font-polysans: '__polySans_9afc27', '__polySans_Fallback_9afc27', Helvetica, Arial, sans-serif;
}Drop-in prompt
Build a landing page in the visual style of Theverge.
Reference design system (extracted from the live site):
- Palette: #37e0ba, #73141e, #d5a980, #9e734e, #cda8a7
- Typefaces: __polySans_9afc27, ui-sans-serif
- Macrostructure: Ecosystem Index
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/theverge-com
