Vam Ac Uk
Marquee Hero
Loading
Newmuseum
Soft, muted greens and deep teal, clean sans-serifs, spacious, contemplative gallery feel.
Click any value to copy. Roles are suggestions, not gospel.
- #bcfc04oklch(91.4% 0.232 126)Dominant
- #0d4b53oklch(38.0% 0.060 208)Surface
- #b9d26coklch(82.3% 0.132 121)Ink
- #877c71oklch(59.3% 0.021 67)Accent
- #b4b2b5oklch(76.6% 0.005 315)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h2 | __neographik_0c9254 | 72px | 400 | 0.95 | -1.44px | Aa Bb Cc |
| h3 | __akkurat_4a8bdc | 22px | 700 | 1.3 | 0 | Aa Bb Cc |
| body | Akkurat | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
| caption | __akkurat_4a8bdc | 14px | 400 | 1.25 | 0 | Aa Bb Cc |
| button | __akkurat_4a8bdc | 22px | 400 | 1.3 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #bcfc04;
--color-surface: #0d4b53;
--color-ink: #b9d26c;
--color-accent: #877c71;
--color-detail: #b4b2b5;
}
/* CSS variables exposed by source */
:root {
--color: #2D1964;
--bg-color: #EBF5FF;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--inverse-color: #EBF5FF;
--tw-skew-x: 0;
--inverse-color25: #EBF5FF40;
--wp-admin--admin-bar--height: 32px;
--tw-shadow: 0 0 #0000;
--tw-translate-x: 0;
--tw-ring-offset-width: 0px;
--nav-height: 68px;
--tw-scroll-snap-strictness: proximity;
--tw-border-spacing-x: 0;
--tw-scale-x: 1;
--dark-color: #2D1964;
--tw-shadow-colored: 0 0 #0000;
--tw-border-spacing-y: 0;
--tw-scale-y: 1;
--tw-skew-y: 0;
--inverse-bg-color: #2D1964;
--tw-ring-color: rgba(59,130,246,.5);
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-ring-offset-color: #fff;
}Drop-in prompt
Build a landing page in the visual style of Newmuseum.
Reference design system (extracted from the live site):
- Palette: #bcfc04, #0d4b53, #b9d26c, #877c71, #b4b2b5
- Typefaces: __neographik_0c9254, Akkurat, __akkurat_4a8bdc
- Macrostructure: Marquee Hero
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/newmuseum-org
