tjue/kokosbananas
0
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity

Design system: National Park headings, drop emoji, timeline & form polish #2

Merged
arne merged 3 commits from design-system into main 2026-06-22 12:45:30 +02:00
Conversation 0 Commits 3 Files changed 18 +1124 -153
arne commented 2026-06-22 12:45:21 +02:00
Owner
Copy link

Polishes the playful/light design system and applies it across the tool templates.

Typography

  • Display font Fredoka → National Park (body stays Nunito); headings weight 600 → 700.

Branding & content

  • Remove all decorative emoji (logo, card/callout icons, timeline dots) plus the now-dead carrier markup/CSS. Functional arrows kept. Fixed prose that described the emoji logo.

Timeline

  • Dashed rail → connected state dots: done (filled), current (pulsing, reusing the live-chip keyframe), upcoming (hollow + dimmed). Lydlab marked current.

Tool form polish (now matches the design page)

  • Native file-selector button styled as a design pill; upload field grows to fill the row.
  • Selects get a custom caret (appearance: none) so they stop looking native.
  • Number-input units (LUFS/dBTP) kept inline via .field-unit.

Dev

  • shell.nix: add watchexec; README documents the live-reload command.
  • web.go: serve the on-disk design/ folder at /design/.

Verified locally: build/vet clean, and an end-to-end upload renders the detail page (styled tweak form + 3 renditions).

Polishes the playful/light design system and applies it across the tool templates. ## Typography - Display font Fredoka → **National Park** (body stays Nunito); headings weight 600 → 700. ## Branding & content - Remove all decorative emoji (logo, card/callout icons, timeline dots) plus the now-dead carrier markup/CSS. Functional arrows kept. Fixed prose that described the emoji logo. ## Timeline - Dashed rail → connected **state dots**: done (filled), current (pulsing, reusing the live-chip keyframe), upcoming (hollow + dimmed). Lydlab marked current. ## Tool form polish (now matches the design page) - Native file-selector button styled as a design pill; upload field grows to fill the row. - Selects get a custom caret (`appearance: none`) so they stop looking native. - Number-input units (LUFS/dBTP) kept inline via `.field-unit`. ## Dev - `shell.nix`: add `watchexec`; README documents the live-reload command. - `web.go`: serve the on-disk `design/` folder at `/design/`. Verified locally: build/vet clean, and an end-to-end upload renders the detail page (styled tweak form + 3 renditions).
build/ (compiled binaries) and data/ (runtime uploads) shouldn't be versioned.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
The site root (/) is now a focused, Norwegian-language landing page
presenting the project's intent — masters as the source of truth,
podcast distribution, a tailored kid-focused listening experience, and
honest cross-platform stats — plus a roadmap. The audio preview lab
moved from / to /tools/audio-preview-lab/, with every route, redirect
and template URL derived from a single labBase prefix.

All user-facing UI is now Norwegian (bokmål): landing page, lab pages,
form labels, rendition labels/notes, validation errors, and lang="nb".
Internal docs (docs/) and operator-facing logs stay English.

Also folds in pre-existing uncommitted working-tree work that was
intermixed in these files and not separable by hunk: per-rendition and
master spectrograms (audio.Spectrogram + Spectro/MasterSpectro fields)
and upload deletion (store.Delete + handleDelete).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Typography:
- Swap display font Fredoka -> National Park (body stays Nunito); headings 600 -> 700.

Branding/content:
- Remove all decorative emoji (logo, card/callout icons, timeline dots) and the now-dead
  carrier markup + CSS; keep functional arrows. Fix prose that described the emoji logo.

Timeline:
- Replace the dashed rail with connected state dots: done (filled), current (pulsing,
  reusing the live-chip keyframe), upcoming (hollow, dimmed). Mark Lydlab as current.

Tool form polish (match the design system):
- Style the native file-selector button as a design pill; let the upload field grow.
- Give selects a custom caret (appearance:none) so they stop looking native.
- Keep number-input units (LUFS/dBTP) inline via .field-unit.

Dev:
- shell.nix: add watchexec; README documents the live-reload run command.
- web.go: serve the on-disk design/ folder at /design/ for the design exploration.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
arne merged commit 7662bdae7f into main 2026-06-22 12:45:30 +02:00
arne deleted branch design-system 2026-06-22 12:45:30 +02:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
tjue/kokosbananas!2
No description provided.