Readymag
Readymag sets restrained custom_157067 headlines with tight tracking on a light bone white canvas. Ember (#ff5900) is reserved for actions, on fully rounded pill buttons, while the rest of the page stays with graphite text and neutral surfaces. The most common corner radius is 8px, with 4px and 20px on smaller elements.
readymag.com ↗Colors
Ember
#ff5900
Primary actions and links
Citrine
#ff9c00
Secondary accent and highlights
Bone White
#ffffff
Page canvas
Graphite
#282828
Headlines and body copy
Void
#000000
Surface or divider
Fog
#e4e4e4
Surface or divider
Soft Graphite
#313131
Supporting colour
Lime
#d9ff00
Surface or divider
Deep Bone White
#f4f4f4
Surface or divider
Type scale
Buttons
Style reference measured from the public page at readymag.com on 2026-10-12 for design education. Readymag and its logos are trademarks of their owners; AnimatedWebs is not affiliated with or endorsed by them. Owners can ask us to update or remove this page via our copyright page.
# Readymag — Style Reference > Readymag sets restrained custom_157067 headlines with tight tracking on a light bone white canvas. Ember (#ff5900) is reserved for actions, on fully rounded pill buttons, while the rest of the page stays with graphite text and neutral surfaces. The most common corner radius is 8px, with 4px and 20px on smaller elements. **Theme:** light · **Source:** https://readymag.com (captured 2026-10-12). Measurements come from the rendered page; roles are interpreted. ## Tokens — Colors | Name | Value | Token | Role | |------|-------|-------|------| | Ember | `#ff5900` | `--color-accent` | Primary actions and links | | Citrine | `#ff9c00` | `--color-secondary` | Secondary accent and highlights | | Bone White | `#ffffff` | `--color-canvas` | Page canvas | | Graphite | `#282828` | `--color-ink` | Headlines and body copy | | Void | `#000000` | `--color-surface-1` | Surface or divider | | Fog | `#e4e4e4` | `--color-surface-2` | Surface or divider | | Soft Graphite | `#313131` | `--color-surface-3` | Supporting colour | | Lime | `#d9ff00` | `--color-surface-4` | Surface or divider | | Deep Bone White | `#f4f4f4` | `--color-surface-5` | Surface or divider | ## Typography | Role | Family | Size | Weight | Line height | Tracking | |------|--------|------|--------|-------------|----------| | Body | custom_157067 | 30px | 400 | 1.03 | -0.030em | Font families on the page: -apple-system, custom_190030, custom_157067, custom_37866, custom_189785. Brand fonts are licensed by their owners; use a close open alternative (Inter, Geist, Manrope) if you don't hold a licence. ## Shape - Corner radius, most to least used: 8px, 4px, 20px, 290px, 142px - Primary button: background `#f4f4f4`, text `#000000`, radius 200px, padding 0px 24px, 16px / 400
