Skip to content
Launch offerAll 100 styles $19 $99·Launch pricing ends Sunday
StyleMD

Herbarium Journal

A naturalist's field journal: specimen plates, Latin names, moss green and foxed paper.

This style

$9$19

Launch offer · Launch pricing ends Sunday

One-time, no subscription · instant download · client use · 7-day refund before download

getstylemd.com/p/herbarium-journal

The idea

Pages from a Victorian collector's herbarium, re-set for the screen. Pressed-specimen plates in numbered frames, Latin binomials in italic, catalogue numbers in a small typewriter face and a deep moss green on foxed cream. Patient, precise and quietly delighted by detail.

Herbarium Journal borrows from Victorian herbarium sheets, 19th-century botanical plates and the field notebooks of amateur naturalists. It feels like opening a museum drawer: cream paper with faint foxing, specimens mounted in numbered frames, Latin names in italic, accession numbers in a small typewriter face. The palette is moss, lichen and rust, all slightly desaturated as if faded by a century of daylight. Precision is the charm — everything is catalogued, numbered and labelled.

Principles

  • Catalogue everything: plates get Roman numerals, items get accession numbers.
  • Show specimens flat and centred on paper, never in lifestyle scenes.
  • Use italic for every Latin name and for one word in each headline.
  • Frame content in thin ruled plates, like mounted herbarium sheets.
  • Prefer small, detailed type over large slogans.

Motion

Specimen plates settle into place with a soft 16px rise; on hover each plate tilts 1.5 degrees as if lifted from the folio by a corner.

Do & don't

Do

  • ✓ Number plates with Roman numerals (Pl. I, Pl. II).
  • ✓ Italicise all Latin names, e.g. Rumex acetosa.
  • ✓ Use double-ruled frames around specimen images.

Don't

  • ✕ Don't use bright or neon greens.
  • ✕ Don't round corners beyond 2px.
  • ✕ Don't show people gardening or lifestyle imagery.

+ 3 more of each, and component rules, in the full DESIGN.md.

What's in the DESIGN.md

  1. 01Overview & principles
  2. 02Colors (tokens + proportions)
  3. 03Typography (families + 12-role scale)
  4. 04Layout & spacing scale
  5. 05Elevation & depth
  6. 06Shapes & radii
  7. 07Motion (easing, durations, signature)
  8. 08Imagery + generation prompt
  9. 09Components (button, card, nav, input, badge)
  10. 10Do's and don'ts
  11. 11Responsive behaviour
  12. 12Iteration guide + agent checklist

Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 365 lines of DESIGN.md in total.