Beauxartsparis Fr
Split Studio
Sparse, grayscale echoes—raw charcoal on vast, cool, quiet space.




Click any value to copy. Roles are suggestions, not gospel.
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | AvenirNext | 16px | 500 | 1.5 | 0 | Aa Bb Cc |
| h2 | AvenirNext | 30px | 500 | 1.2 | 0 | Aa Bb Cc |
| h3 | AvenirNext | 44px | 500 | 1.18 | 0 | Aa Bb Cc |
| body | AvenirNext | 16px | 500 | 1.5 | 0 | Aa Bb Cc |
| caption | AvenirNext | 14px | 500 | 1.36 | 0 | Aa Bb Cc |
| button | AvenirNext | 16px | 500 | 1.5 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #36c836;
--color-surface: #1c681c;
--color-ink: #f4fcf4;
--color-accent: #767676;
--color-detail: #c3c4bc;
}
/* CSS variables exposed by source */
:root {
--color-warning-10: 239 169 27;
--color-alert-100: 79 82 14;
--color-error-60: 155 22 15;
--color-error-80: 116 20 15;
--border-disabled: #0003;
--color-alert-40: 210 218 38;
--color-success-40: 24 167 24;
--surface-primary: rgb(255 255 255);
--color-primary-10: 249 249 249;
--color-success-0: 102 229 102;
--color-error-40: 204 34 25;
--surface-success: rgb(117 117 117);
--color-warning-50: 196 138 22;
--color-error-0: 254 92 84;
--color-error-50: 181 25 18;
--surface-background: #0000001a;
--color-success-70: 11 120 11;
--color-error-20: 240 59 50;
--text-secondary: #0006;
--color-warning-30: 222 156 25;
--color-alert-80: 118 122 21;
--color-alert-10: 240 249 44;
--color-primary-70: 151 151 151;
--surface-error: rgb(181 25 18);
--color-primary-60: 176 176 176;
--text-default: #0009;
--color-primary-0: 255 255 255;
--surface-disabled: rgb(227 227 227);
--text-primary: rgb(0 0 0);
--text-error: rgb(181 25 18);
--color-error-90: 97 9 5;
--color-success-10: 91 211 91;
--border-inactive: rgb(176 176 176);
--color-warning-0: 255 189 56;
--color-alert-50: 197 204 35;
--color-warning-70: 137 97 15;
--border-error: rgb(181 25 18);
--color-error-30: 222 42 33;
--text-disabled: #0003;
--color-alert-60: 177 182 38;
--text-warning: rgb(175 123 19);
--surface-active: #0006;
--color-primary-80: 117 117 117;
--font-sans: AvenirNext;
--color-primary-40: 227 227 227;
--border-hover: #000c;
--color-primary-30: 237 237 237;
--color-warning-90: 98 69 11;
--color-warning-20: 230 163 29;
--color-alert-0: 248 255 89;
--text-inactive: #0006;
--text-active: rgb(0 0 0);
--color-alert-90: 99 102 18;
--color-success-50: 13 154 13;
--color-primary-20: 245 245 245;
--color-alert-70: 138 143 25;
--text-success: rgb(12 104 12);
--color-error-100: 74 3 0;
--color-alert-20: 234 243 43;
--border-active: #000c;
}Drop-in prompt
Build a landing page in the visual style of Davidzwirner.
Reference design system (extracted from the live site):
- Palette: #36c836, #1c681c, #f4fcf4, #767676, #c3c4bc
- Typefaces: AvenirNext
- 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/davidzwirner-com--exhibitions