Subtle
Good design leaves room to think. What are you working on?
A grammar for real work
Pieces become
places.
Compose the same foundations into a story, a studio, or a space to think. These working examples stay entirely local.
Editorial
Editorial hero
A dominant story paired with an offset live specimen.
Start with a clear headline, then place one supporting surface beside it.
Accessibility notes
Preserve one h1 and a clear mobile reading order.
Fieldnotes / Journal
Make room for what matters.
A collection of everyday observations, thoughtful objects, and places to pause.
Explore the editorial patternProduct
Workspace settings
A compact form within a contextual inspector.
Group related choices and confirm a local save.
Accessibility notes
Associate errors and labels. Keep focus on the task.
Fieldnotes studio
Product
Studio overview
Metrics, a trend, and a compact table.
Use one dominant value and a small set of comparable records.
Accessibility notes
Provide chart data and semantic table headers.
Weekly activity
68↑ 12 this week
Studio overview
| Project | Status | |
|---|---|---|
| Everyday objects | 84% | In review |
| A slower morning | 56% | In progress |
| Notes from the studio | 100% | Complete |
AI
AI conversation
An assistant response and a bounded local composer.
Keep context, speaker identity, and the next action visible.
Accessibility notes
Announce new messages and preserve input focus.
A space to think.
Local demoProduct
File collection
A searchable synthetic collection of studio documents.
Combine a labeled filter, clear file names, and an empty state.
Accessibility notes
Use named controls and a semantic list; never expose real filesystem data.
Select a synthetic file to preview its contents.
Navigation
Search and results
A bounded catalog query with categories and clear empty feedback.
Keep the query visible and let people reset filters.
Accessibility notes
Announce result counts and label search fields.
Soft Command Bar
A clear place to begin.
Navigation
Command workflow
A modal search that takes you to a published catalog entry.
Open the command bar, type, then choose a destination.
Accessibility notes
Support arrow navigation, Escape, focus trapping, and trigger restoration.
Soft Command Bar
A clear place to begin.
Editorial
Media gallery
A dominant original botanical study beside smaller context.
Let one media surface anchor the composition.
Accessibility notes
Keep captions readable and provide useful descriptions.