Patina UI · Specimen No. 1
Paper, ink and type
The materials every component is made of. Change the paper below and every sheet on this page follows; the theme studio has the rest.
Paper objects
Notes, tickets and receipts from a field notebook. Each takes its edge, tilt, print and wear from one seed; switch the patina to Worn and watch them age, or to Calm and they straighten.
Observation No. 0412
Grey heron
Tidal flats, 05:42. Still for eleven minutes, then a single strike.
Expedition · Stub 0017
Saltmarsh walk
Sat 14 Nov · Meet at the sluice gate, 07:00
Admit oneSurvey · 23 specimens
Lichen on the sea wall
Crustose and foliose, north face only.
Field supplies
- Notebook, waxed
- 6.50
- Hand lens ×10
- 14.00
- Specimen vials
- 3.20
- Total
- 23.70
Paper
Warm stock with grain, generated from seeded noise. Cards are a lighter sheet of the same stock.
- --paperPage
- --paper-2Wells
- --paper-3Pressed, selected
- --cardRaised sheet
Inks
Bright drums print marks and art. Text prints in deeper inks that read at 4.5:1 on every stock; handwriting, set large and bold, keeps more of the drum.
Print inks
- blue
- violet
- pink
- green
- orange
- yellow
- red
Text inks
- Blue ink
- Violet ink
- Pink ink
- Green ink
- Orange ink
- Red ink
Hand inks
- blue
- violet
- pink
- green
- orange
- red
Three voices
A serif to read, a mono to label, a hand to annotate. Each voice has one job.
Read · Source Serif 4
Tide out by six. The heron was already there, standing in the shallows as if it had waited for us. The serif carries every sentence meant to be read.
Label · JetBrains Mono
- No. 0012 · Field note
- Updated 1 Nov 2026
- Open the index →
Annotate · Caveat
seen twice this week, check the old notebook
Type scale
Eighteen pixels times the golden ratio's square root, step by step, with leading tuned to a 37.5rem measure.
- display2.3–3.7rem · n 3→5Field notes, handled
- title2.945rem · 47px · n 4Field notes, handled
- h12.315rem · 37px · n 3Field notes, handled
- h21.82rem · 29px · n 2Field notes, handled
- lead1.431rem · 23px · n 1Field notes, handled
- body1.125rem · 18px · n 0Field notes, handled
- ui1rem · 16px · controlsField notes, handled
- small0.884rem · 14px · n −1Field notes, handled
Marks
What the hand adds to the page. Each mark means one thing, so readers learn them.
- HighlightThis phrase matters
- The heron was already standing in the shallows
- Hand underlineA term, emphasized
- Ardea cinerea
- Sketch frameA drawn box around a group
- Which bird was it?
- WashThis area belongs to the accent
- Seen today
- Margin noteAn aside from the reader
check against last spring
- Ringed stepsStep or reason N
- Note the time and the tide
- Sketch what you see before naming it
- Write the name last
- ChecklistTick what applies
- Rough ruleA section boundary