Editorial Serif themePro
Magazine typesetting: Fraunces headlines over DM Sans, oxblood ink on warm paper, tight corners and unhurried motion. Part of Pro theme packs. Radius 0.25rem.
Live preview
Install
The CLI writes these variables into your global stylesheet. Every component reads them, so the whole app changes at once.
Editorial Serif is a Pro theme pack
Preview it freely. The CSS, Tailwind file, design tokens and the CLI install come with a tealmac UI Pro licence.
Export the tokens
The same theme as Tailwind v4 CSS, plain CSS variables, SCSS, JavaScript, TypeScript, DTCG design tokens, Figma variables and starter files for Swift, Android, Jetpack Compose and Flutter.
Exports of a Pro theme need an active licence.
Contrast report
Measured contrast of every pair. This preset predates the theme gates and is shown as it is.
| Pair | Ratio | Result |
|---|---|---|
| Text on background | 17.36:1 / 4.5:1 | Pass |
| Text on cards | 17.97:1 / 4.5:1 | Pass |
| Popover text | 17.97:1 / 4.5:1 | Pass |
| Muted text on muted | 5.91:1 / 4.5:1 | Pass |
| Muted text on background | 6.56:1 / 4.5:1 | Pass |
| Primary button text | 7.82:1 / 4.5:1 | Pass |
| Secondary button text | 15.65:1 / 4.5:1 | Pass |
| Accent label | 11.64:1 / 4.5:1 | Pass |
| Sidebar text | 16.76:1 / 4.5:1 | Pass |
| Sidebar active item | 7.82:1 / 4.5:1 | Pass |
| Sidebar hover item | 11.64:1 / 4.5:1 | Pass |
| Primary on background | 7.71:1 / 3:1 | Pass |
| Focus ring on background | 7.71:1 / 3:1 | Pass |
| Destructive on background | 4.7:1 / 4.5:1 | Pass |
| Destructive on cards | 4.87:1 / 4.5:1 | Pass |
| Pair | Ratio | Result |
|---|---|---|
| Text on background | 17.8:1 / 4.5:1 | Pass |
| Text on cards | 16.77:1 / 4.5:1 | Pass |
| Popover text | 16.77:1 / 4.5:1 | Pass |
| Muted text on muted | 6.53:1 / 4.5:1 | Pass |
| Muted text on background | 7.81:1 / 4.5:1 | Pass |
| Primary button text | 6.13:1 / 4.5:1 | Pass |
| Secondary button text | 14.89:1 / 4.5:1 | Pass |
| Accent label | 11.19:1 / 4.5:1 | Pass |
| Sidebar text | 17.25:1 / 4.5:1 | Pass |
| Sidebar active item | 6.13:1 / 4.5:1 | Pass |
| Sidebar hover item | 11.19:1 / 4.5:1 | Pass |
| Primary on background | 6.32:1 / 3:1 | Pass |
| Focus ring on background | 6.32:1 / 3:1 | Pass |
| Destructive on background | 6.77:1 / 4.5:1 | Pass |
| Destructive on cards | 6.38:1 / 4.5:1 | Pass |