Atelier

Editorial studio: white field, black type, one red mark.

Agency/atelierlight + dark

Exemplar: Pentagram and studio index sites

Studied from editorial studio portfolios. Original tokens and copy; no assets copied.

Live tokens

Colors

bg
#FFFFFF

surface
#F6F6F3

surface-alt
#EDEDE8

text
#111110

text-muted
#63635D

border
#DCDCD4

primary
#111110

on-primary
#FFFFFF

accent
#D8232A

on-accent
#FFFFFF

Type

Directionxxxl · 4.5rem

Design systemxxl · 3rem

Conversion notesxl · 2rem

Section headinglg · 1.375rem

Body copy for the pagemd · 1rem

Supporting textsm · 0.875rem

Meta labelxs · 0.75rem

Pack recipe 0123'Instrument Serif', 'Times New Roman', Georgia, serif

Pack recipe 0123'Geist', 'Inter', system-ui, sans-serif

Pack recipe 0123'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace

Spacing, radius, shadow

xs 0.25rem

sm 0.625rem

md 1.125rem

lg 2rem

xl 3.5rem

xxl 6rem

sm 0px

md 0px

lg 0px

Component samples

Selected work, 2019 to now

Identity, editorial, and digital design.

Index tone.

D&AD, 2024

Your name

We reply within two days.

Kestrel Press

Identity and editorial system

2024 — Print, digital

Recipe

Apply the rules, place the patterns, then tune the conversion notes against the rubric.

Rules

Let the display serif set the page rhythm.
Use red once per screen: the mark or the action.
Kill rounded corners and shadows entirely.
Give every image a full-bleed or full-margin treatment.
Write captions, not paragraphs.

Patterns

Full-bleed project opener with a one-line caption.
Index-style project list with year and discipline columns.
Studio note in two columns, serif body.
Contact as a single line and an email address.

Conversion notes

Lead with named clients; reputation is the product.
Offer one clear next step: start a project.
Keep the enquiry form to three fields.

See this pack on your site.

Attach your URL. The audit maps your gaps to Atelier or a better-fit pack.