Apartamentomagazine
Specimen
Loading
Science and Math News | Quanta Magazine
Earthy ochre and muted sage, crisp sans-serif, spacious and deeply contemplative.
Click any value to copy. Roles are suggestions, not gospel.
- #f7d03doklch(86.7% 0.160 93)Dominant
- #fce4ccoklch(93.2% 0.041 67)Surface
- #5c3e18oklch(39.0% 0.067 70)Ink
- #877566oklch(57.5% 0.032 62)Accent
- #d3c2a9oklch(82.2% 0.039 78)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | Pangram | 40px | 700 | 1.15 | 0 | Aa Bb Cc |
| h2 | Pangram | 22px | 700 | 1.4 | 0 | Aa Bb Cc |
| h3 | Noe Display | 45px | 700 | 1.05 | 0 | Aa Bb Cc |
| body | Merriweather | 16px | 400 | 1.7 | 0 | Aa Bb Cc |
| caption | Merriweather | 12px | 400 | 1.65 | 0 | Aa Bb Cc |
| button | sans-serif | 16px | 400 | 0 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #f7d03d;
--color-surface: #fce4cc;
--color-ink: #5c3e18;
--color-accent: #877566;
--color-detail: #d3c2a9;
}
/* CSS variables exposed by source */
:root {
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--wp-admin-theme-color-darker-20: #005a87;
--wp-block-synced-color--rgb: 122,0,223;
--wp-bound-block-color: #7a00df;
--tw-border-spacing-x: 0;
--wp-editor-canvas-background: #ddd;
--tw-scale-y: 1;
--wp-admin-theme-color-darker-20--rgb: 0,90,135;
--wp-admin-theme-color--rgb: 0,124,186;
--wp-admin-theme-color: #007cba;
--tw-ring-color: rgba(59,130,246,.5);
--tw-translate-y: 0;
--wp--preset--font-size--huge: 42px;
--wp--preset--font-size--normal: 16px;
--tw-rotate: 0;
--tw-ring-offset-color: #fff;
--wp-admin-theme-color-darker-10--rgb: 0,107,160.5;
--tw-skew-x: 0;
--tw-shadow: 0 0 #0000;
--tw-translate-x: 0;
--tw-ring-offset-width: 0px;
--wp-block-synced-color: #7a00df;
--tw-scroll-snap-strictness: proximity;
--tw-scale-x: 1;
--tw-shadow-colored: 0 0 #0000;
--wp-admin-border-width-focus: 2px;
--tw-border-spacing-y: 0;
--wp-admin-theme-color-darker-10: #006ba1;
--tw-skew-y: 0;
}Drop-in prompt
Build a landing page in the visual style of Science and Math News | Quanta Magazine.
Reference design system (extracted from the live site):
- Palette: #f7d03d, #fce4cc, #5c3e18, #877566, #d3c2a9
- Typefaces: Pangram, Merriweather, sans-serif
- Macrostructure: Specimen
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/quantamagazine-org
