Buildkite
Ecosystem Index
Loading
Typesense
Cool, spacious, technical—crisp sans-serif on a deep, tranquil blue-grey canvas.
Click any value to copy. Roles are suggestions, not gospel.
- #363ed3oklch(46.6% 0.223 272)Dominant
- #1d1d60oklch(28.0% 0.115 276)Surface
- #bbf258oklch(89.4% 0.189 127)Ink
- #6e9355oklch(62.0% 0.097 134)Accent
- #bcbccaoklch(80.0% 0.020 286)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | Oddval | 56px | 500 | 1.2 | -1.44px | Aa Bb Cc |
| h2 | Oddval | 48px | 500 | 1.2 | -1.44px | Aa Bb Cc |
| h3 | Oddval | 18px | 500 | 1.3 | -0.32px | Aa Bb Cc |
| body | Inter | 16px | 300 | 1.5 | 0 | Aa Bb Cc |
| caption | Inter | 14px | 300 | 1.43 | 0 | Aa Bb Cc |
| button | Inter | 14px | 300 | 1.43 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #363ed3;
--color-surface: #1d1d60;
--color-ink: #bbf258;
--color-accent: #6e9355;
--color-detail: #bcbcca;
}
/* CSS variables exposed by source */
:root {
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--site-padding: 32px;
--tw-skew-x: 0;
--tw-shadow: 0 0 #0000;
--tw-translate-x: 0;
--tw-ring-offset-width: 0px;
--tw-scroll-snap-strictness: proximity;
--section-gap: 200px;
--tw-border-spacing-x: 0;
--tw-scale-x: 1;
--tw-shadow-colored: 0 0 #0000;
--tw-border-spacing-y: 0;
--content-max-width: min(100%,calc(1440px - (152px - 32px)*2));
--tw-scale-y: 1;
--tw-skew-y: 0;
--tw-ring-color: rgba(59,130,246,.5);
--tw-translate-y: 0;
--site-top-padding: 172px;
--tw-rotate: 0;
--tw-ring-offset-color: #fff;
}Drop-in prompt
Build a landing page in the visual style of Typesense.
Reference design system (extracted from the live site):
- Palette: #363ed3, #1d1d60, #bbf258, #6e9355, #bcbcca
- Typefaces: Oddval, Inter
- 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/typesense-org
