Guggenheim
Split Studio




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 | Lausanne | 30px | 400 | 1.2 | 0 | Aa Bb Cc |
| h2 | Lausanne | 60px | 400 | 1.08 | 0 | Aa Bb Cc |
| body | Lausanne | 30px | 400 | 1.2 | 0 | Aa Bb Cc |
| button | Lausanne | 13px | 400 | 1.38 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #cc643c;
--color-surface: #d48464;
--color-ink: #076c74;
--color-accent: #52a49c;
--color-detail: #b2b8c1;
}
/* CSS variables exposed by source */
:root {
--tw-ring-offset-shadow: 0 0 #0000;
--f-spinner-stroke: 2.75;
--tw-ring-shadow: 0 0 #0000;
--f-button-svg-disabled-opacity: 0.65;
--f-spinner-color-2: rgba(17,24,28,.8);
--red-alt: 235 174 152;
--f-button-svg-width: 20px;
--pink: 240 207 205;
--f-button-border-radius: 0;
--lime-alt: 203 248 0;
--lime-bg: 243 250 212;
--red: 203 99 62;
--f-button-bg: #f8f8f8;
--f-button-height: 40px;
--tw-border-spacing-x: 0;
--f-spinner-color-1: rgba(0,0,0,.1);
--tw-scale-y: 1;
--f-button-svg-stroke-width: 1.5;
--theme-bg: 243 250 212;
--red-bg: 248 228 217;
--tw-ring-color: rgba(59,130,246,.5);
--blue: 45 84 237;
--lime: 207 253 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-ring-offset-color: #fff;
--f-button-svg-filter: none;
--green: 91 123 105;
--theme-alt: 203 248 0;
--f-spinner-height: 36px;
--f-button-svg-height: 20px;
--green-alt: 194 214 203;
--tw-skew-x: 0;
--fancybox-bg: #fff;
--pink-bg: 255 255 255;
--tw-shadow: 0 0 #0000;
--tw-translate-x: 0;
--tw-ring-offset-width: 0px;
--f-button-color: #374151;
--violet-bg: 238 234 253;
--tw-scroll-snap-strictness: proximity;
--f-spinner-width: 36px;
--tw-scale-x: 1;
--tw-shadow-colored: 0 0 #0000;
--f-button-active-bg: #d0d0d0;
--f-button-transform: none;
--tw-border-spacing-y: 0;
--theme: 207 253 0;
--pink-alt: 240 207 205;
--violet-alt: 210 208 252;
--tw-skew-y: 0;
--green-bg: 222 234 227;
--f-button-svg-fill: none;
--violet: 131 127 250;
--f-button-border: 0;
--f-button-transition: all 0.15s ease;
--f-button-hover-bg: #e0e0e0;
--f-button-shadow: none;
--f-button-width: 40px;
}Drop-in prompt
Build a landing page in the visual style of Gosteli-Archiv.
Reference design system (extracted from the live site):
- Palette: #cc643c, #d48464, #076c74, #52a49c, #b2b8c1
- Typefaces: Lausanne
- 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/gosteli-archiv-ch