Buildkite
Ecosystem Index
Loading
Turso Tech
Deep teal geometry on charcoal, crisp sans-serif precision, expansive digital stillness.
Click any value to copy. Roles are suggestions, not gospel.
- #4cfad3oklch(88.8% 0.150 174)Dominant
- #2c8c7coklch(58.1% 0.091 180)Surface
- #4cdcbcoklch(81.0% 0.131 175)Ink
- #7a7c80oklch(58.6% 0.007 265)Accent
- #959899oklch(67.8% 0.004 220)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h2 | __Inter_f367f3 | 72px | 800 | 1 | -1.8px | Aa Bb Cc |
| h3 | __Inter_f367f3 | 48px | 600 | 1 | -1.2px | Aa Bb Cc |
| body | __Inter_f367f3 | 16px | 400 | 1.4 | 0 | Aa Bb Cc |
| caption | __Inter_f367f3 | 14px | 600 | 2 | 0 | Aa Bb Cc |
| button | __Inter_f367f3 | 16px | 400 | 1.4 | 0 | Aa Bb Cc |
:root {
--color-dominant: #4cfad3;
--color-surface: #2c8c7c;
--color-ink: #4cdcbc;
--color-accent: #7a7c80;
--color-detail: #959899;
}
/* CSS variables exposed by source */
:root {
--font-geist-mono: "__GeistMono_46451f",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;
--font-inter: "__Inter_f367f3","__Inter_Fallback_f367f3";
--turso-dark-blue: #121b22;
--turso-primary-aqua: #4ff8d2;
--turso-blue-4: #232e36;
--turso-medium-dark-blue: #232e36;
--turso-yellow: #e0ca3c;
--turso-white: #fafafa;
--turso-gray: #7b8690;
--turso-dark-gray: #293945;
--turso-blue: #0f4f62;
--turso-blue-3: #1b252d;
--main-bg-color: 18,27,34;
--turso-blue-2: #121b22;
--turso-lime: #a4df95;
--turso-red: #ff6663;
--turso-light-gray: #c5cace;
--turso-aqua-text: #88ffe4;
--main-text-color: 255 255 255;
--turso-blue-8: #0f4f62;
}Drop-in prompt
Build a landing page in the visual style of Turso Tech.
Reference design system (extracted from the live site):
- Palette: #4cfad3, #2c8c7c, #4cdcbc, #7a7c80, #959899
- Typefaces: __Inter_f367f3
- 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/turso-tech
