Typography
scale ratio 1.241- Louize-Regular-205TFdisplay40073%
- Intercss: Inter-Regularbody40019%
- Nunitocss: Nunito-SemiBoldother400 5005%
- Louize-Italic-205TFother4002%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Louize-Regular-205TF | 140px | 400 | 0.85 | -0.06em |
| body | Inter | 20px | 400 | 2.2 | -0.02em |
| body-sm | Nunito | 16px | 400 | 1.75 | 0.125em |
Type scale
Aa15Aa16Aa18Aa20Aa24Aa32Aa40Aa42Aa52Aa54Aa80Aa96Aa140
- Body size
- 20px / 1.4
- Display size
- 140px
- Display tracking
- -0.06em
- Case
- mixed
Color
light schemePalette by painted area
- Text on bg
- 21.00:1
- Muted on bg
- 9.42:1
- Accent on bg
- 3.13:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 2
- 4
- 8
- 10
- 11
- 16
- 18
- 20
- 24
- 30
- 32
- 40
- 50
- 60
Corner radii
121620pill
Shadows (3)
- Borders
- hairline, 1px
- Section padding
- 91px
Components
exact computed valuescard
- rounded
- 16px
- padding
- 50px
- backgroundColor
- #F3F0E7
Layout & motion
- Container
- 1300px
- Grid columns
- n/a
- Hero
- centered-over-media+media-below
- Navigation
- top-fixed+transparent
- Page height
- 18,990px
- Easing
- cubic-bezier(0.19, 1, 0.22, 1)
- Durations
- 200ms 250ms 500ms 700ms
- Transitions
- 92
- Keyframes
- 0
- Stack
- gsap, cloudflare, cloudfront
Page sections (10)
section labels are heuristic
02nav
03code sample?OUR MANIFESTO
04feature detail?The first and only extension for your real mind.
05feature detail?Just save it. Artificial Intelligence takes care of the rest. A
06feature detail?Folders are dead. This is your personal search engine.
09content?
How Mymind compares
- Body text
- 20px: larger than 90% of indexed sites (median 16px).
- Largest heading
- 140px: larger than 97% of indexed sites (median 60px).
- Type scale
- 1.24×: flatter than 67% of indexed sites (median 1.28×).
- Container
- 1300px: wider than 70% of indexed sites (median 1242px).
- Text contrast
- 21.0:1: higher than 81% of indexed sites (median 17.6:1).
- Page length
- 18,990px: longer than 97% of indexed sites (median 8,217px).
- Corner radius
- Mostly 16px, shared by 11 of 274 indexed sites (4%).
- Louize-Regular-205TF
- The only site in the index that loads Louize-Regular-205TF.
- 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 Mymind use?
Mymind uses Louize-Regular-205TF for headings. Inter (loaded as "Inter-Regular") is used for body text. Nunito (loaded as "Nunito-SemiBold") is used for other.
What are Mymind's brand colors?
Mymind's website uses a light scheme: background #FFFFFF, surface #FFF1F1, text #000000, muted text #3A475A and borders #E2E2E2.
How is Mymind's website laid out?
The most common corner radius is 16px, body text is 20px with 1.4 line height, and the page container is 1300px wide.
