Typography
scale ratio 1.278- Interdisplay + body400 500 600 700100%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Inter | 54.4px | 600 | 1.1 | -0.03em |
| headline | Inter | 40px | 600 | 1.2 | -0.03em |
| title | Inter | 32px | 600 | 1.2 | -0.03em |
| body | Inter | 16px | 600 | 1.6 | -0.03em |
| body-sm | Inter | 14.4px | 500 | 1.2 | -0.03em |
| label | Inter | 14px | 500 | 1.5 | -0.03em |
Type scale
Aa10Aa11Aa12Aa14Aa14.5Aa15Aa16Aa18Aa21Aa32Aa40Aa54.5
- Body size
- 16px / 1.6
- Display size
- 54.4px
- Display tracking
- -0.03em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 14.17:1
- Muted on bg
- 10.79:1
- Accent on bg
- 10.95:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 2
- 4
- 6
- 7
- 8
- 10
- 11
- 12
- 16
- 20
- 22
- 24
- 40
- 80
Corner radii
67810121620pill
Shadows (5)
- Borders
- none, 1px
- Section padding
- 100px
Components
exact computed valuesbutton-primary
- backgroundColor
- #550097
- textColor
- #0000EE
- rounded
- 10px
- padding
- 8px 11px
- height
- 38.5px
- fontFamily
- sans-serif
- fontSize
- 12px
- fontWeight
- 400
- shadow
- rgba(144, 0, 255, 0.2) 0px 1px 16px 0px
card
- rounded
- 20px
- padding
- 40px
- backgroundColor
- #FFFFFF
Layout & motion
- Container
- 1240px
- Grid columns
- n/a
- Hero
- centered+media-below
- Navigation
- top-static+transparent
- Page height
- 11,563px
- Easing
- n/a
- Durations
- n/a
- Transitions
- 0
- Keyframes
- 0
- Stack
- framer, cloudflare
Page sections (10)
section labels are heuristic
01hero
02feature detail?One app for tasks & calendars
03features?The All-in-One Productivity Suite
04feature detail?Turn your tasks into a clear Plan
05logosBuilt-in AI that plans, prioritizes, and keeps you moving.
06features?Your Always-On AI Sidekick
07feature detail?Capture tasks at the speed of thoughts
08features?A Productivity Tool Box
09logosFind us on
10footer
How Akiflow compares
- Body text
- 16px, the same as 40% of indexed sites (median 16px).
- Largest heading
- 54.4px: smaller than 60% of indexed sites (median 60px).
- Type scale
- 1.28×: flatter than 52% of indexed sites (median 1.28×).
- Container
- 1240px: narrower than 50% of indexed sites (median 1242px).
- Text contrast
- 14.2:1: lower than 80% of indexed sites (median 17.6:1).
- Page length
- 11,563px: longer than 78% of indexed sites (median 8,217px).
- Corner radius
- Mostly 6px, shared by 14 of 274 indexed sites (5%).
- Inter
- One of 58 indexed sites that load Inter (21%).
- 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 Akiflow use?
Akiflow uses Inter for headings and body text.
What are Akiflow's brand colors?
Akiflow's website uses a light scheme: background #F8FAFC, text #212833, muted text #323B4A and borders #DFE7F0.
How is Akiflow's website laid out?
The most common corner radius is 6px, body text is 16px with 1.6 line height, and the page container is 1240px wide.
