Typography
scale ratio 1.188- Ritualcss: Ritual VF Variabledisplay + body400100%
- Couriercss: Fragment Monomono4000%
| style | family | size | weight | line | tracking |
|---|---|---|---|---|---|
| display | Ritual | 112px | 400 | 0.9 | -0.045em |
| headline | Ritual | 80px | 400 | 0.98 | -0.04em |
| title | Ritual | 32px | 400 | 1.2 | -0.04em |
| body | Ritual | 20px | 400 | 1.3 | 0em |
| body-sm | Ritual | 18px | 400 | 1.45 | 0em |
| label | Ritual | 16px | 400 | 1.3 | 0em |
| mono | Courier | 9px | 400 | 1.2 | 0.06em |
Type scale
Aa10Aa12Aa13Aa14Aa16Aa17Aa18Aa19Aa20Aa21Aa26Aa31Aa32Aa60.5Aa72Aa76Aa80Aa90Aa112
- Body size
- 20px / 1.3
- Display size
- 112px
- Display tracking
- -0.045em
- Case
- sentence
Color
light schemePalette by painted area
- Text on bg
- 17.48:1
- Muted on bg
- 4.68:1
- Dark mode
- none
Space, shape & depth
Spacing scale
- 2
- 3
- 4
- 5
- 6
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
Corner radii
46891214263236pill
Shadows (1)
- Borders
- hairline, 1px
- Section padding
- 148px
Components
exact computed valuesbutton-secondary
Side quest
- textColor
- #100F31A8
- rounded
- 9999px
- padding
- 9px 14px
- height
- 40px
- fontFamily
- Courier
- fontSize
- 9px
- fontWeight
- 400
- border
- 1px solid #E8DCC4
Layout & motion
- Container
- 1312px
- Grid columns
- 2
- Hero
- split
- Navigation
- top-sticky+transparent
- Page height
- 10,117px
- Easing
- ease
- Durations
- 160ms 180ms 260ms
- Transitions
- 14
- Keyframes
- 0
- Stack
- astro, segment, google-tag-manager, fastly
Page sections (12)
section labels are heuristic
01nav
02heroYour AI chief of staff.
03features?The whole picture, kept for you.
04feature detail?It understands before you ask.
05feature detail?Give it the context only you know.
06feature detail?Say it once. Mem keeps track.
07features?Its mental model stays up to date.
08features?Ask anytime. Skip the briefing.
09feature detail?Proactive without the noise.
10features?Put your chief of staff to work
11logosLess upkeep. More progress.
12footer
How Mem compares
- Body text
- 20px: larger than 90% of indexed sites (median 16px).
- Largest heading
- 112px: larger than 94% of indexed sites (median 60px).
- Type scale
- 1.19×: flatter than 86% of indexed sites (median 1.28×).
- Container
- 1312px: wider than 73% of indexed sites (median 1242px).
- Text contrast
- 17.5:1: lower than 51% of indexed sites (median 17.6:1).
- Page length
- 10,117px: longer than 66% of indexed sites (median 8,217px).
- Corner radius
- Mostly fully rounded (pill), shared by 53 of 274 indexed sites (19%).
- Ritual
- The only site in the index that loads Ritual.
- 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 Mem use?
Mem uses Ritual (loaded as "Ritual VF Variable") for headings and body text.
What are Mem's brand colors?
Mem's website uses a light scheme: background #FCF8F1, surface #FFFFFF, text #100F31, muted text #707070.
How is Mem's website laid out?
The most common corner radius is fully rounded (pill), body text is 20px with 1.3 line height, and the page container is 1312px wide.
