Bird
Ecosystem Index
Loading
Standardhotels
Cool, nocturnal concrete, stark sans-serifs, vast negative space—a sophisticated urban stillness.
Click any value to copy. Roles are suggestions, not gospel.
- #246fe6oklch(56.6% 0.195 260)Dominant
- #6d2420oklch(37.1% 0.105 27)Surface
- #f1bcb5oklch(84.1% 0.062 27)Ink
- #945064oklch(51.8% 0.093 2)Accent
- #c6b5aeoklch(78.5% 0.022 44)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | TradeGothicBoldCondTwenty | 49px | 500 | 1 | -0.45px | Aa Bb Cc |
| h2 | TradeGothicBoldCondTwenty | 39px | 500 | 1 | -0.45px | Aa Bb Cc |
| h3 | TradeGothicBoldCondTwenty | 111px | 300 | 0.85 | -0.45px | Aa Bb Cc |
| body | GT Zirkon | 15px | 400 | 1.3 | -0.45px | Aa Bb Cc |
| button | GT Zirkon | 19px | 400 | 1 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #246fe6;
--color-surface: #6d2420;
--color-ink: #f1bcb5;
--color-accent: #945064;
--color-detail: #c6b5ae;
}
/* CSS variables exposed by source */
:root {
--primary: #EE2324;
--secondary: #6c757d;
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--breakpoint-xxxl: 1900px;
--indigo: #6610f2;
--yellow: #FFC527;
--light: #FFF;
--green: #28a745;
--pink: #e83e8c;
--breakpoint-xxl: 1400px;
--breakpoint-xs: 0;
--purple: #6f42c1;
--teal: #20c997;
--gray-dark: #343a40;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--blue: #007bff;
--white: #FFF;
--danger: #EE2324;
--success: #28a745;
--gray: #6c757d;
--warning: #FFC527;
--red: #EE2324;
--cyan: #17a2b8;
--info: #17a2b8;
--dark: #343a40;
--breakpoint-xl: 1200px;
--orange: #fd7e14;
}Drop-in prompt
Build a landing page in the visual style of Standardhotels.
Reference design system (extracted from the live site):
- Palette: #246fe6, #6d2420, #f1bcb5, #945064, #c6b5ae
- Typefaces: TradeGothicBoldCondTwenty, GT Zirkon
- Macrostructure: Ecosystem Index
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/standardhotels-com
