Maharishistore
Split Studio
Quiet, muted earth tones and clean, spacious typography evoke a timeless, understated elegance.




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 | Maison Neue Book | 32px | 400 | 0 | 0.31px | Aa Bb Cc |
| body | Maison Neue Book | 16px | 400 | 1.8 | 0.6px | Aa Bb Cc |
| caption | Maison Neue Book | 10px | 400 | 1.7 | 2px | Aa Bb Cc |
| button | Maison Neue Book | 15px | 400 | 1.2 | 1px | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #c09275;
--color-surface: #6b4530;
--color-ink: #dcb79c;
--color-accent: #a67b65;
--color-detail: #cbc6b8;
}
/* CSS variables exposed by source */
:root {
--text-boxes-shadow-visible: 0;
--font-heading-style: normal;
--spacing-sections-desktop: 0px;
--color-badge-foreground: 18,18,18;
--font-body-family: Assistant, sans-serif;
--color-background: 255,255,255;
--color-badge-background: 255,255,255;
--color-button-text: 255,255,255;
--spacing-sections-mobile: 0px;
--color-button: 18,18,18;
--font-body-weight-bold: 700;
--color-secondary-button: 255,255,255;
--font-heading-scale: 1.0;
--text-boxes-border-width: 0px;
--color-shadow: 18,18,18;
--color-background-contrast: 191,191,191;
--text-boxes-shadow-blur-radius: 5px;
--secondary-font-family: 'AvenirLTStd', serif;
--text-boxes-radius: 0px;
--font-body-style: normal;
--color-secondary-button-text: 18,18,18;
--font-body-weight: 400;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--font-heading-family: Assistant, sans-serif;
--color-foreground: 18,18,18;
--font-body-scale: 1;
--font-heading-weight: 400;
--text-boxes-shadow-opacity: 0.0;
--text-boxes-border-opacity: 0.1;
--primary-font-family: 'AvenirLTStd', sans-serif;
--color-link: 18,18,18;
--color-badge-border: 18,18,18;
--inputs-shadow-opacity: 0.0;
--header-height: 74px;
--buttons-shadow-horizontal-offset: 0px;
--collection-card-shadow-opacity: 0.0;
--focused-base-box-shadow: 0 0 0 .3rem rgb(255,255,255), 0 0 .5rem .4rem rgba(18,18,18, .3);
--aa-font-weight-bold: 700;
--drawer-shadow-opacity: 0.0;
--blog-card-border-opacity: 0.1;
--aa-font-size: calc(16*1px);
--onward-tw-skew-x: 0;
--aa-base-z-index: 9999;
--drawer-shadow-blur-radius: 5px;
--alpha-link: .85;
--media-border-width: 1px;
--sparkle: url(./sparkle.gif);
--variant-pills-border-width: 1px;
--aa-panel-border-color-alpha: 0.3;
--aa-font-weight-medium: 500;
--aa-description-highlight-background-color-alpha: 0.5;
--aa-scrollbar-track-background-color-rgb: 234,234,234;
--blog-card-shadow-visible: 0;
--blog-card-corner-radius: 0.0rem;
--buttons-border-opacity: 1.0;
--collection-card-border-opacity: 0.1;
--aa-scrollbar-width: 13px;
--duration-long: .5s;
--page-width-margin: 0rem;
}Drop-in prompt
Build a landing page in the visual style of Everlane.
Reference design system (extracted from the live site):
- Palette: #c09275, #6b4530, #dcb79c, #a67b65, #cbc6b8
- Typefaces: Maison Neue Book, Arial
- 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/everlane-com--products-mens-cfo-polo-navy