Canvas
#0e1116
surface-page
color.bg.canvas
Page background — DEMO / runbyus --bg-canvas.
Design system
DEMO default — the only token set this site uses.
A homelab/product UI token set — not a brand-voice profile. Same dark tokens as the design-system demo default tab and runbyus.
Source
therileys-team · therileys-team
Token-only DEMO pattern (dark). This is the default design-system tab and the same CSS variables runbyus pins. No brand-voice manifest.
Pinned to andrewkriley/design-system@v0.1.0. Resolution follows CONSUME.md.
Voice
The DEMO pattern has no voice or tone profile. Visual language only, shared with runbyus.
Tone: Token-only — no brand voice
Values
- Use only this pattern for product UIs — andrewriley.info and runbyus.
- Do not apply personal / business-primary / business-venture tokens here.
- Dark-only: there is no light variant in this token set.
Palette
Panel
#161b22
surface-muted
color.bg.panel
Cards and rails — DEMO / runbyus --bg-panel.
Accent
#58a6ff
brand-primary
color.accent.default
Primary actions and key links — --accent-default.
Cyan
#39d0d8
brand-secondary
color.accent.cyan
Secondary highlights — --accent-cyan.
Violet
#a371f7
brand-accent
color.accent.violet
Accent moments — --accent-violet.
Success
#3fb950
brand-growth
color.accent.success
Positive state — --accent-success.
Surfaces
Page
surface-page
Card
surface-card
Muted
surface-muted
Inverse
surface-inverse
Typography
Useful things, tangible ideas, growing people.
Body copy should feel calm and readable. The palette can be bright, but long-form text stays grounded through softer blue-grey tokens.
Eyebrow label
Heading One
Heading Two
Paragraph text uses `text-secondary` and should carry most content without feeling too dark or too loud.
Buttons
Cards
Build
Systems and hands-on builds
AI tooling, homelab infrastructure, automation, home projects, and DIY work share the same builder's mindset.
AI, homelab, automation, DIY
technology
Sample build note
9 May 2026
A compact example of how article cards should feel across the site.
Chips And Lists
HealthBuildPlayLead
- Build visible proof, not just claims.
- Build the work clearly enough for others to join.
- Play keeps creativity and better questions alive.