Newmuseum
Marquee Hero
Loading
Vam Ac Uk
Warm, muted earth tones and clean, spacious typography evoke thoughtful, museum-like contemplation.
Click any value to copy. Roles are suggestions, not gospel.
- #d0aa27oklch(75.1% 0.143 91)Dominant
- #9b6a29oklch(56.4% 0.101 70)Surface
- #dad2acoklch(86.1% 0.051 97)Ink
- #918e7foklch(64.5% 0.022 98)Accent
- #d7d4bdoklch(86.6% 0.031 101)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | Spiller | 15px | 400 | 1.4 | 0 | Aa Bb Cc |
| h2 | SpillerWidth | 31px | 400 | 1 | 0 | Aa Bb Cc |
| h3 | Spiller | 23px | 400 | 1.35 | 0 | Aa Bb Cc |
| body | Spiller | 15px | 400 | 1.4 | 0 | Aa Bb Cc |
| button | Spiller | 17px | 400 | 1.65 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #d0aa27;
--color-surface: #9b6a29;
--color-ink: #dad2ac;
--color-accent: #918e7f;
--color-detail: #d7d4bd;
}
/* CSS variables exposed by source */
:root {
--btn-border: #fff;
--btn-bg-hover: #393b3f;
--btn-light-bg: #fff;
--btn-icon-transform: none;
--icon-svg-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='currentColor'%3E%3Cpath d='M0 42.857v14.286h100V42.857z'/%3E%3C/svg%3E");
--btn-size: 34px;
--s-light-dark-theme-background-color: #fff;
--btn-light-color: #1d1e20;
--s-light-dark-theme-color: #1d1e20;
--btn-icon: none;
--btn-icon-size: 48%;
--btn-light-border: #1d1e20;
--btn-light-bg-hover: #dee0e2;
--btn-bg: #1d1e20;
--btn-color: #fff;
--icon-svg-watch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M13 8 5 3v10l8-5Z'/%3E%3C/svg%3E");
}Drop-in prompt
Build a landing page in the visual style of Vam Ac Uk.
Reference design system (extracted from the live site):
- Palette: #d0aa27, #9b6a29, #dad2ac, #918e7f, #d7d4bd
- Typefaces: Spiller, SpillerWidth
- 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/vam-ac-uk
