Everlane
Split Studio
Loading
Maharishistore
Dusty sepia and muted charcoal, with a subtly textured, spacious serif – quiet confidence.
Click any value to copy. Roles are suggestions, not gospel.
- #3d669eoklch(50.7% 0.101 257)Dominant
- #753833oklch(41.9% 0.087 26)Surface
- #e0c1afoklch(83.3% 0.043 52)Ink
- #9e6353oklch(56.0% 0.081 36)Accent
- #c9b49eoklch(78.2% 0.039 69)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | Univers LT W01_63 Bold_1476034 | 10px | 400 | 1.2 | 0.5px | Aa Bb Cc |
| h2 | Univers LT W01_63 Bold_1476034 | 10px | 400 | 1.2 | 0.5px | Aa Bb Cc |
| h3 | Univers LT W01_53 Extended | 10px | 400 | 1.3 | 0.5px | Aa Bb Cc |
| body | Univers LT W01_55 Roman1475956 | 15px | 400 | 1.33 | 0 | Aa Bb Cc |
| caption | Univers LT W01_63 Bold_1476034 | 14px | 400 | 1.14 | 0.5px | Aa Bb Cc |
| button | Univers LT W01_63 Bold_1476034 | 10px | 700 | 1.95 | 0.5px | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #3d669e;
--color-surface: #753833;
--color-ink: #e0c1af;
--color-accent: #9e6353;
--color-detail: #c9b49e;
}
/* CSS variables exposed by source */
:root {
--border-selected: 0,0,0;
--border-keyline: 221,221,221;
--wrapper-padding-inline-sm: 2.875rem;
--swiper-pagination-bullet-height: 0.25rem;
--button-bg-default: 0,0,0;
--tw-ring-offset-shadow: 0 0 #0000;
--wk-button-border-width: 1px;
--tw-ring-shadow: 0 0 #0000;
--wk-shadow-opacity: 15%;
--main-grid-gap-x-lg: 1rem;
--swiper-pagination-bullet-width: 0.25rem;
--announcement-height: 0px;
--link-default: 0,0,0;
--swiper-pagination-bottom: 0;
--swiper-pagination-right: auto;
--wk-color-accent-2: 0, 0, 0;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-size: 0.25rem;
--page-bg: 255,255,255;
--wk-button-min-height: 45px;
--tw-border-spacing-x: 0;
--wk-color-background-2: 255, 255, 255;
--wk-shadow-horizontal-offset: 0px;
--swiper-pagination-bullet-inactive-opacity: 0.25;
--tw-scale-y: 1;
--link-hover: 0,0,0;
--wk-color-accent-1: 0, 0, 0;
--tw-ring-color: #3b82f680;
--wk-color-background-1: 255, 255, 255;
--form-field-text: 0,0,0;
--wk-shadow-blur: 4px;
--wk-font-text-scale: 1.0;
--swiper-theme-color: #007aff;
--swiper-pagination-left: 0;
--wk-color-outline-button-label: 0, 0, 0;
--wk-button-border-radius: 0px;
--swiper-pagination-bullet-border-radius: 50%;
--tw-rotate: 0;
--form-field-bg: 243,243,243;
--tw-translate-y: 0;
--button-bg-hover: 87,87,84;
--wrapper-padding-inline-lg: 2rem;
--tw-ring-offset-color: #fff;
--produce-sale-saving: 110,110,92;
--swiper-pagination-bullet-opacity: 1;
--wk-input-min-height: 45px;
--form-field-error: 187,0,0;
--tw-skew-x: 0;
--body-main: 124,124,117;
--button-text-default: 255,255,255;
--wk-input-border-width: 1px;
--swiper-navigation-size: 44px;
--tw-shadow: 0 0 #0000;
--title-main: 0,0,0;
--tw-translate-x: 0;
--tw-ring-offset-width: 0px;
--swiper-pagination-bullet-vertical-gap: 0.5rem;
--swiper-pagination-bullet-horizontal-gap: 0.5rem;
--tw-scroll-snap-strictness: proximity;
--wrapper-padding-inline: 3rem;
}Drop-in prompt
Build a landing page in the visual style of Maharishistore.
Reference design system (extracted from the live site):
- Palette: #3d669e, #753833, #e0c1af, #9e6353, #c9b49e
- Typefaces: Univers LT W01_63 Bold_1476034, Univers LT W01_55 Roman1475956
- 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/maharishistore-com--pages-fabrics
