Oster Works
One house at a time, drawn by the architect who will stand on the site every week.
Why it looks like this
Cormorant Infant's pen-stressed cuts and bracketed serifs read as drawn, not typeset — it carries the weight of a hand holding a pencil, not a cursor — while the forest-floor green accent grounds the palette in the actual material of difficult land rather than any studio convention.
Colour
bg
#f0ede6
the page ground
surface
#e8e3d9
raised cards and panels
ink
#1a1916
primary text
muted
#625d58
secondary text
accent
#3b4f3a
the one bold colour, used sparingly
accent-ink
#e8e3d9
text on the accent
border
#c4bfb4
hairlines and dividers
Contrast, measured
| pair | measured | WCAG needs | verdict |
|---|---|---|---|
| body text on the page | 15.04:1 | 4.5:1 | passes |
| secondary text on the page | 5.57:1 | 4.5:1 | passes |
| body text on a card | 13.75:1 | 4.5:1 | passes |
| the accent on the page | 7.59:1 | 3:1 | passes |
| text on the accent | 6.94:1 | 4.5:1 | passes |
Type
Display Cormorant Infant · body Literata · scale 1.414
- --s--1labels, captions, footnotesAg
- --s-0body copyAg
- --s-1subheads and buttonsAg
- --s-2the deck — the one large secondary voiceAg
- --s-3headlinesAg
- --s-4the largest displayAg
The mark at small sizes
The wordmark above is the primary lockup. Where it will not fit — a browser tab, an app icon, an avatar — the identity falls back to a monogram in the accent. Shown at 64, 40 and 24 pixels, which are the sizes it will actually be seen at.
The tokens — paste this into your stylesheet
:root{--bg:#f0ede6;--surface:#e8e3d9;--ink:#1a1916;--muted:#625d58;--accent:#3b4f3a;--accent-ink:#e8e3d9;--border:#c4bfb4;--display:"Cormorant Infant",Georgia,"Times New Roman",serif;--body:"Literata",-apple-system,system-ui,"Segoe UI",sans-serif;--display-w:700;--display-w2:600;--ratio:1.414;--s--1:0.707rem;--s-0:1rem;--s-1:1.414rem;--s-2:1.999rem;--s-3:2.827rem;--s-4:3.998rem}
https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@500;600;700&family=Literata:wght@400;500;600&display=swap