Skip to content

feat(web): Orbyn house-style tokens, fonts and Dim theme - #263

Closed
kinqsradio wants to merge 4 commits into
feat/web-rebuildfrom
feat/web-house-style
Closed

kinqsradio wants to merge 4 commits into
feat/web-rebuildfrom
feat/web-house-style

Conversation

@kinqsradio

Copy link
Copy Markdown
Member

See CONTRIBUTING before starting engineering work.

Change

First step of matching the planner to the Orbyn Engineering design (owner decision). Tokens and type only; screens follow in their own PRs.

  • Geist and JetBrains Mono replace DM Sans and Manrope, served from web/public/fonts with OFL licences and a hashed sources.json, like the fonts they replace.
  • House-style tokens with three colours: ink for everything (live and selected included), amber only when the person must act, red only for failures and removals. Calendar, list and tag colours stay the person's own.
  • Headings and emphasis stop at medium weight.
  • New Dim theme (neutral #101010) beside Light and Dark, offered in Preferences.
  • docs/design.md rewrites the "restrained blue accent / no new palette" rule to the house style, and records that there is no 3D calendar view.

Draft of every screen in this design: https://claude.ai/artifact/7DCiHUzLLfBa3t8ojwiPVM (private to the owner).

Checks and limits

  • npm run typecheck -w web and npm run build -w web pass; Prettier passes on every changed file.
  • Looked at the landing page and sign-in in Light, Dark and Dim at 1440x900 against vite with no API: Geist loads and each theme applies.
  • Not checked: signed-in screens, because no database or API was running locally. desktop/ and mobile/ are unchanged.
  • Left for later phases: the landing page's 3D week illustration (blue blocks, and the owner has dropped 3D) and its "Background or Overnight" copy, which the single-agent redesign replaces; the favicon's blue mark, which is brand and unchanged here.

Workspace

  • Used the outer Orbyn Engineering workspace with this target nested under repo/, and read the relevant project guides.

🤖 Generated with Claude Code

kinqsradio and others added 4 commits November 7, 2026 00:42
Replace the vendored DM Sans and Manrope with Geist and JetBrains Mono from Google Fonts, unmodified WOFF2 subsets with their OFL licences and a sources.json of URLs, sizes and SHA-256 hashes. Latin faces are preloaded.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Ink for everything, including live and selected states; amber only when the person must act; red only for failures and removals. Headings and emphasis stop at medium weight. Calendar, list and tag colours stay the person's own.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
A neutral #101010 dark theme beside Light and Dark. Dim counts as dark for the theme toggle and dark-only styles, and is offered in Preferences.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@kinqsradio
kinqsradio deleted the branch feat/web-rebuild November 7, 2026 04:46
@kinqsradio kinqsradio closed this Nov 7, 2026
@kinqsradio
kinqsradio deleted the feat/web-house-style branch November 7, 2026 04:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant