Elements
Typography
A clear point of view
Good work starts with a little space to think.
Ordinary text, something important, and a different emphasis.
Make room for the work that matters.
A note from the studio
- Gather ideas
- Make a first draft
- Leave room to revise
Images and figures
A fresh start, an old draft, a quiet detail, and ETA.
- Season
- Early summer
- Location
- At the lake
Tables and pagination
| Project | Status | Due |
|---|---|---|
| Field notes | Ready | June 12 |
| Summer journal | Draft | June 18 |
| Autumn collection | Research | September 4 |
| Yearbook | Planned | December 1 |
Code and lists
npm start
<h1>Field notes</h1>- Discover
- Draft
- Publish
Components
Alerts and close buttons
Your changes are saved.
Your trial ends in three days. View plans
Buttons, groups and badges
Published 3 drafts
Collapse and accordion
The next chapter
Sketches, research, and a little room for discovery.
A shared workspace for notes, photographs and drafts.
Bring your team into the next chapter.
Navigation and tabs
A journal of places worth remembering.
The first photographs arrived this morning.
List group
- Research 4
- Drafts
- Published work
Cards
Modal and offcanvas
Tooltips and popovers
Toasts
Progress, spinners and placeholders
Loading project
Loading photographs
Carousel
Scrollspy
Arrival
A cool morning and the first light on the water.
The trail
The path turns away from the lake and into the trees.
Return
Back at the cabin, with a notebook full of places to revisit.
Forms
Utilities and helpers
Background, color and borders
Primary accent
Published work
Awaiting review
Sizing, shadow and opacity
Current draft
Archived
Float and clearfix
The mountains stay in view as the path winds toward the lake.
Text and links
fieldnotes.example.com
The summer collectionPosition, z-index and alignment
At the center
Field notes New
Visibility and interactions
FIELD-NOTES-2026
AvailableOverflow and truncation
Day one: a walk beside the lake.
Day two: the path into the mountains.
Day three: one last look before leaving.
An exceptionally long title for a very short field journal.
Ratio and object fit