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