Typography
scale ratio 1.205- Interbody400 500 60059%
- Tana Serifdisplay400 50041%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Tana Serif | 52px | 500 | 1.05 | -0.02em |
| title | Inter | 24px | 400 | 1.25 | -0.01em |
| body | Inter | 17px | 400 | 1.588 | 0em |
| body-sm | Inter | 15px | 500 | 1.333 | 0em |
| label | Inter | 15px | 400 | 0em |
Type scale
Aa8.5Aa9Aa13Aa14Aa15Aa17Aa18Aa19Aa24Aa28Aa36Aa52
- Body size
- 17px / 1.588
- Display size
- 52px
- Display tracking
- -0.02em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 19.28:1
- Muted on bg
- 10.99:1
- Accent on bg
- 19.28:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 3.5
- 4
- 5
- 5.5
- 6
- 7
- 7.5
- 8
- 8.5
- 9.5
- 10
- 10.5
- 11
- 14
Corner radii
371428pill
Shadows (4)
- Borders
- hairline, 1px
- Section padding
- 112px
Components
exact computed valuesbutton-primary
Download for Mac
- backgroundColor
- #0C0805
- textColor
- #FFFFFF
- rounded
- 14px
- padding
- 15px 28px
- height
- 50px
- fontFamily
- Inter
- fontSize
- 17px
- fontWeight
- 500
card
- rounded
- 20.7px
- padding
- 0px
- backgroundColor
- #14100E66
Layout & motion
- Container
- 1316px
- Grid columns
- 2
- Hero
- left-aligned
- Navigation
- top-sticky+transparent
- Page height
- 9,534px
- Easing
- ease
- Durations
- 120ms 150ms 200ms 700ms
- Transitions
- 89
- Keyframes
- 4
- Stack
- next.js, hubspot, posthog, google-tag-manager, vercel
Page sections (11)
section labels are heuristic
01nav
02banner?
03heroBring your own agents into the meeting
04testimonials
05feature detail?Your meetings. Minus the homework.
06features?One source of truth for your team and all your agents
07features?How it works
08testimonialsYour IT department won’t freak out
09faqBring your agents to the next meeting
10cta?Turn meetings into the most productive part of your day
11footer
How Tana compares
- Body text
- 17px: larger than 65% of indexed sites (median 16px).
- Largest heading
- 52px: smaller than 63% of indexed sites (median 60px).
- Type scale
- 1.21×: flatter than 79% of indexed sites (median 1.28×).
- Container
- 1316px: wider than 77% of indexed sites (median 1242px).
- Text contrast
- 19.3:1: higher than 68% of indexed sites (median 17.6:1).
- Page length
- 9,534px: longer than 62% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- Inter
- One of 58 indexed sites that load Inter (21%).
- Tana Serif
- The only site in the index that loads Tana Serif.
- Color scheme
- Light by default, like 75% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.
In short
What font does Tana use?
Tana uses Inter for body text. Tana Serif is used for headings.
What are Tana's brand colors?
Tana's website uses a light scheme: background #FBFBFB, surface #F3F3F1, text #0C0805, muted text #3A3A3A and borders #E4E1DB.
How is Tana's website laid out?
The most common corner radius is fully rounded (pill), body text is 17px with 1.588 line height, and the page container is 1316px wide.
