Aa
Newsreader
Wordmark (outlined, optical size 72, weight 500), headlines (weights 500 and 600), deks.
Brand guide
Logos, colors, type and spacing for anyone writing about, linking to, or partnering with The Priority Review.
Use the files; never retype the wordmark. SVG is the master. PNGs are transparent unless noted.
Also available: social image, 1200 × 630, avatar, 400 px, favicon, SVG, Apple touch icon, 180 px, app icon, 512 px.
Keep a margin of X on every side, where X is half the width of the flag mark. Nothing else (text, edges, other logos) enters that space.
Full logo: at least 160 px wide on screen, 35 mm in print.
Mark: at least 16 px tall on screen, 6 mm in print. Below that, use the favicon.
Priority Teal is the brand color. Ink on Paper carries the reading experience. Tap a value to copy it.
var(--brand)
Primary brand color: the face of the flag mark, links on hover, accents.
var(--brand-deep)
The tail of the flag mark; dark accents and rules.
var(--brand-fold)
The fold of the flag mark only. Not a text or surface color.
var(--ink)
Wordmark lettering, headlines and body text.
var(--ink-soft)
Secondary text: deks, bylines, dates, captions.
var(--paper)
Page background; the reversed wordmark on Ink.
var(--rule)
Hairlines, dividers and borders.
Contrast (WCAG 2): Ink on Paper 17.75:1, Slate on Paper 8.27:1, Priority Teal on Paper 6.49:1. All pass AA for body text.
Aa
Wordmark (outlined, optical size 72, weight 500), headlines (weights 500 and 600), deks.
Aa
Body text, navigation and labels. The platform sans: San Francisco, Segoe UI, Roboto, then Helvetica Neue or Arial.
A 4 px base. Use the steps below for padding, gaps and margins; reading text keeps a measure of about 40 rem (640 px).
--space-1
4 px
--space-2
8 px
--space-3
12 px
--space-4
16 px
--space-5
24 px
--space-6
32 px
--space-7
48 px
--space-8
64 px
--space-9
96 px