hueStint
Device-centered design system.
Stint is the muted-violet system for a focus-block productivity tool. Device-on-mesh field, quiet violet field, calm rituals.
A tracker that doesn't pretend. Fixed-cycle work units (two-week stints), clinical voice, deadpan directness. The hero is the product window, not a glowing object — the work is the star.
Anatomy
Fictional project tracker for teams that work in fixed cycles. Dark cool canvas, muted violet mesh background, floating app-window mockup as the hero subject. Proves the device-on-mesh preset: mesh medium + device subject + flat relation.
Tokens — colors
| Token | Value (dark) |
|---|---|
| background | #0B0D14 |
| surface1 | #12141D |
| surface2 | #1B1F2C |
| surface3 | #2C3142 |
| border | #1B1F2C |
| border_visible | #2C3142 |
| text1 | #F4F5F9 |
| text2 | #929AAE |
| text3 | #646B80 |
| text4 | #454B5E |
| accent | #7B6FEA |
| accent_hover | #9189E6 |
| accent_subtle | #1F1756 |
Tokens — typography
| Role | Family | Size |
|---|---|---|
| display | Inter | 56px |
| body | Inter | 15px |
| mono | JetBrains Mono | 12px |
Live preview
Generate one like this
hue is a free, open-source skill that turns any brand into a complete design language your AI assistant can use.
Claude Codegit clone github.com/dominikmartn/hue ~/.claude/skills/hue
Codexgit clone github.com/dominikmartn/hue ~/.codex/skills/hue