Typography
scale ratio 1.338- Intercss: __Inter_d8ebd1display + body400 500 600 700 80093%
- Couriercss: monospacemono4006%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Inter | 60px | 800 | 1 | -0.025em |
| headline | Inter | 36px | 700 | 1.111 | -0.025em |
| title | Inter | 18px | 600 | 1.556 | 0em |
| body | Inter | 14px | 400 | 1.429 | 0em |
| body-sm | Courier | 13px | 400 | 1.846 | 0em |
| label | Inter | 14px | 600 | 1.429 | 0em |
Type scale
Aa10Aa12Aa13Aa14Aa16Aa18Aa20Aa36Aa60
- Body size
- 14px / 1.714
- Display size
- 60px
- Display tracking
- -0.025em
- Case
- sentence
Color
dark schemePalette by painted area
- Text on bg
- 18.62:1
- Muted on bg
- 5.31:1
- Accent on bg
- 13.92:1
- Dark mode
- none
Declared accent tokens
- --turso-primary-aqua#4FF8D2painted
Space, shape & depth
Spacing scale (base 4px)
- 4
- 6
- 8
- 10
- 12
- 16
- 20
- 24
- 28
- 32
- 36
- 40
- 48
- 56
Corner radii
81216pill
Shadows (1)
- Borders
- hairline, 1px
- Section padding
- 114px
Components
exact computed valuesbutton-primary
Try Cloud free
- backgroundColor
- #4FF8D2
- textColor
- #000000
- rounded
- 9999px
- padding
- 12px 24px
- height
- 44px
- fontFamily
- Inter
- fontSize
- 14px
- fontWeight
- 600
card
- rounded
- 16px
- padding
- 20px
- backgroundColor
- #0D131880
- border
- 1px solid #28394599
Layout & motion
- Container
- 1280px
- Grid columns
- 2
- Hero
- left-aligned
- Navigation
- top-sticky+transparent
- Page height
- 8,193px
- Easing
- cubic-bezier(0.4, 0, 0.2, 1)
- Durations
- 150ms
- Transitions
- 77
- Keyframes
- 0
- Stack
- next.js, tailwind, shadcn/ui, posthog, google-tag-manager, vercel
Page sections (12)
section labels are heuristic
01hero
02feature detail?Millions of Databases.
03feature detail?The database wasn't built for a world where every agent wants its own.
04features?Five properties of the architecture, not features layered on top.
05code sample?From zero to a database per entity in under a minute.
06testimonialsReplicate to the device. Sync to the cloud. One database, everywhere it needs to
07features?The pattern is the same. The use cases are everywhere.
08feature detail?Built for modern enterprise architecture.
09features?Start where you already are. Scale to where you're going.
10features?Built in the open.
11feature detail?Build with the database you'll never outgrow.
12footer
How Turso compares
- Body text
- 14px: smaller than 82% of indexed sites (median 16px).
- Largest heading
- 60px: larger than 48% of indexed sites (median 60px).
- Type scale
- 1.34×: steeper than 66% of indexed sites (median 1.28×).
- Container
- 1280px: wider than 55% of indexed sites (median 1242px).
- Text contrast
- 18.6:1: higher than 61% of indexed sites (median 17.6:1).
- Page length
- 8,193px: shorter than 51% of indexed sites (median 8,217px).
- Corner radius
- Mostly 8px, shared by 21 of 274 indexed sites (8%).
- Inter
- One of 58 indexed sites that load Inter (21%).
- Color scheme
- Dark by default, like 25% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does Turso use?
Turso uses Inter (loaded as "__Inter_d8ebd1") for headings and body text.
What are Turso's brand colors?
Turso's website uses a dark scheme: background #101317, surface #0D131880, text #FFFFFF, muted text #FFFFFF80 and borders #28394599.
How is Turso's website laid out?
The most common corner radius is 8px, body text is 14px with 1.714 line height, and the page container is 1280px wide.
