Anthropic
Split Studio
Loading
Enerblock | Next-Gen Buildings
Bold, burnt orange expanse, stark sans-serif geometry, cool, industrial stillness.
Click any value to copy. Roles are suggestions, not gospel.
- #fc5c4coklch(68.4% 0.198 29)Dominant
- #e14f40oklch(62.5% 0.184 29)Surface
- #7c2c2coklch(41.1% 0.112 23)Ink
- #6a8cb4oklch(63.0% 0.072 253)Accent
- #7494bcoklch(65.8% 0.070 254)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | Neue Corp | 80px | 600 | 0.9 | -0.8px | Aa Bb Cc |
| h2 | Neue Corp | 52px | 500 | 0.93 | -0.52px | Aa Bb Cc |
| h3 | Neue Corp | 32px | 600 | 1.1 | -0.24px | Aa Bb Cc |
| body | Neue Corp | 16px | 500 | 0 | -0.24px | Aa Bb Cc |
| button | Neue Corp | 15px | 600 | 1 | 0.15px | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #fc5c4c;
--color-surface: #e14f40;
--color-ink: #7c2c2c;
--color-accent: #6a8cb4;
--color-detail: #7494bc;
}
/* CSS variables exposed by source */
:root {
--color-white: 255, 255, 255;
--color-grey-50: 240, 239, 235;
--color-grey-500: 46, 41, 48;
--color-grey-200: 159, 157, 160;
--color-grey-300: 115, 112, 116;
--color-grey-400: 88, 84, 89;
--color-grey-700: 33, 29, 34;
--border-radius: .1875rem;
--color-grey-100: 190, 189, 191;
--color-grey-600: 42, 37, 44;
--color-grey-900: 19, 17, 20;
--color-orange: 255, 89, 73;
--color-black: 12, 11, 17;
--color-grey-800: 25, 23, 26;
--body-letter-spacing: -.015em;
--header-height: 64px;
--ease: cubic-bezier(.53, 0, 0, 1);
--filter-blur: blur(5rem);
--hero-height: 0px;
--menu-handle: cubic-bezier(.53, 0, 0, 1);
--swiper-navigation-size: 44px;
--grid-margin-negative: -1.25rem;
--grid-margin: 1.25rem;
--context: 1440;
--link-handle: cubic-bezier(.4, 0, .25, 1);
--swiper-theme-color: #007aff;
--grid-gutter: 1.25rem;
--grid-columns: 12;
}Drop-in prompt
Build a landing page in the visual style of Enerblock | Next-Gen Buildings.
Reference design system (extracted from the live site):
- Palette: #fc5c4c, #e14f40, #7c2c2c, #6a8cb4, #7494bc
- Typefaces: Neue Corp
- 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/enerblock-net
