Style guide
Developer reference for the design tokens, patterns, and components used across the geoda mockup. Every example renders the same component the pages use — what you see is what the corresponding page renders.
Scope: this styleguide documents the museum register (public-discovery surfaces — landing, specimen / institution / collection detail). The tool register (curator workspace, institution admin, Portal Admin) will be documented separately when those surfaces are mocked.
Organisation: definitions live in the abstraction layers (Foundation → Atoms → Primitives & cards → Domain components → Patterns), one page each. The Surface index is a thin navigational layer — each surface entry lists the components used and links back into the catalogue. Components are defined once; surfaces reference them.
Sections
Each abstraction layer is one page. Click through to see definitions, structural notes, and live examples rendering the real components.
- Foundation Design tokens — colour, typography, spacing, radius, status colours.
- Atoms Buttons, form controls, badges (status modifiers), chips, language tag.
- Primitives & cards
.panel,.section-label, row primitives (.stat-row,.fact-row), and the five card types. - Domain components Specimen-shaped composites: gallery card, classification row, constituent part block, citation block.
- Patterns Multi-element behaviours: search input, view toggle, filter chips, empty/error states, sticky sidebar.
- Surface index Thin navigational layer — one entry per page, listing the components it uses.