arne/blog
0
0
Fork 0
Code Issues Pull requests Projects Releases 4 Packages Wiki Activity

Add Orbit design system #1

Merged
arne merged 2 commits from design-system into main 2026-04-06 19:48:30 +02:00
Conversation 0 Commits 2 Files changed 21 +1479
arne commented 2026-04-06 19:47:05 +02:00
Owner
Copy link

Summary

  • Adds design/ directory with the blog's full design system adapted for Orbit
  • Styleguide (index.html) with typography, color tokens, spacing, and component demos
  • Page previews: frontpage, post, link post, archive — all with prototype chrome and cross-navigation
  • Logo component page with spec, sizes, animations, and don'ts
  • Self-hosted fonts (Fraunces, IBM Plex Sans, IBM Plex Mono) with preload hints
  • Design spec from blog-design docs

Test plan

  • Open https://orbit.fismen.no/projects/blog/design-preview/ and verify styleguide renders
  • Click through frontpage, post, link-post, archive previews
  • Toggle dark/light theme on each page
  • Verify no font flash or blue border flash on reload
  • Check logo component page renders all variations
  • Verify ← orbit back link works on all pages

🤖 Generated with Claude Code

## Summary - Adds `design/` directory with the blog's full design system adapted for Orbit - Styleguide (`index.html`) with typography, color tokens, spacing, and component demos - Page previews: frontpage, post, link post, archive — all with prototype chrome and cross-navigation - Logo component page with spec, sizes, animations, and don'ts - Self-hosted fonts (Fraunces, IBM Plex Sans, IBM Plex Mono) with preload hints - Design spec from blog-design docs ## Test plan - [ ] Open https://orbit.fismen.no/projects/blog/design-preview/ and verify styleguide renders - [ ] Click through frontpage, post, link-post, archive previews - [ ] Toggle dark/light theme on each page - [ ] Verify no font flash or blue border flash on reload - [ ] Check logo component page renders all variations - [ ] Verify ← orbit back link works on all pages 🤖 Generated with [Claude Code](https://claude.com/claude-code)
Initializes the design/ directory for Orbit integration with the blog's
actual design tokens, fonts, and components adapted from blog-design.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Orbit replaces the standalone dev server, so the spec is no longer relevant.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
arne merged commit 37ec2bedbd into main 2026-04-06 19:48: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
arne/blog!1
No description provided.