aristocratjnr@portfolio:~/check
$ ./check-display.sh
✓ Detected viewport
~ Narrow layout — some features optimized for desktop
$ cat ./contact-info
Obuobi Ayim David — Software Engineer & QA
↳ github.com/Aristocratjnr↳ linkedin.com/in/obuobi-ayim-david↳ obuobiayimdavid@gmail.com
$ ./resume --brief
aristocratjnrportfolio|available for work|0%|contact||

/design

$ Design tokens are live — toggle ☾/☀ in the control deck to see every value update in real time.

← Back home
COLOR TOKENS
--hz-bg
Page background
--hz-fg
Body text
--hz-muted
Secondary text
--hz-faint
Lowest-emphasis text
--hz-border
Subtle borders
--hz-border-strong
Strong borders
--hz-accent
Interactive accent
--hz-accent-dim
Dark accent
--hz-accent-soft
Accent wash
--hz-accent-text
Text on accent
--hz-ok
Success indicator
TYPOGRAPHY
JetBrains Mono · UI, code, terminal, labels · var(--hz-mono) · 13px
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Playfair Display · Headings, titles, identity · var(--hz-display) · 24px
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Iowan Old Style · Long-form prose, reading · var(--hz-read) · 1.2rem
The quick brown fox jumps over the lazy dog.
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
SPACING
4px
8px
12px
16px
24px
32px
48px
64px
TEST PATTERN
Interactive sample — toggle theme to see it adapt
Status OKTag
This paragraph uses Iowan Old Style at 0.85rem. The border, background, text, and accent colours all respond to the active theme.