Foundations
Typography
Elza headings, a platform body stack, and compact bookmark labels organize a deliberately small interface.
On this page
Font sources
The source Adobe kit dak3qge provides Elza normal/italic at weight 900. The heading token is elza, sans-serif. Capture preparation caches those exact kit files locally and verifies loaded faces before taking images. Font binaries are not included in the public documentation exports.
The body token is Enter, Inter, Segoe UI, system-ui, sans-serif. This repository does not load Enter or Inter. The body therefore falls through to an available platform font; that platform dependency is a source characteristic and should be addressed explicitly if cross-platform typography parity is required.
Hierarchy
| Surface | Source scale | Purpose |
|---|---|---|
| Clock | text-6xl → sm:text-7xl → md:text-8xl; Elza 900 | Primary daily anchor |
| Settings heading | text-4xl; font-heading font-black | Route identity |
| Dialog heading | text-2xl font-semibold | Current edit task |
| Search / AI input | text-lg; AI leading-7 | Primary input |
| Board chip | text-sm | Workspace selection |
| Bookmark label | text-xs; max-w-[5.5rem] truncate | Compact link identity |
| Metadata / feedback | text-xs or text-sm | Secondary guidance |
Content rules
- Use a short, recognizable bookmark label; preserve the full label in title and accessible name.
- Do not make every settings sentence a heading. Use uppercase tracking only for compact section labels.
- Localize time/date with Intl rather than composing date strings manually.
- Test long board titles and translated text: the source has no explicit chip truncation policy.
Source references
| Repository file | Responsibility |
|---|---|
| app/globals.css | Font tokens |
| app/layout.tsx | Adobe kit delivery |
| app/(home)/AppHome.tsx | Clock and label scale |
Examples from the app
Actual Startboard source UI with isolated fictional records; both native themes at 2× resolution or higher. No live integrations or account writes. Captured at 2× resolution or higher. Select an image to inspect it full size.
Related topics
Source audit: 2026-10-08 · Revision 08fa2595a668 · Documentation v1.0.0