uinaf/uinaf-design-system
Apply the uinaf brand identity to anything that ships under the uinaf name — web interfaces, blog posts, changelogs, documentation, READMEs, slides, OG / social images, email, terminal banners, app or product UI starting points. Covers voice, design tokens, components, motion, and brand assets, with a Tailwind v4 path for web work. Use when producing or restyling any uinaf-branded artefact. Skip for non-uinaf work; this is opinionated brand guidance, not a generic UI kit.
98
100%
Does it follow best practices?
Impact
97%
1.67xAverage score across 5 eval scenarios
Passed
No known issues
Evaluation results
100%
52%Interactive Studio Showcase Page
fade-up-in animation
87%
100%
ease-snappy easing function
100%
100%
160ms fast duration
0%
100%
220ms base duration
0%
100%
45ms stagger via --stagger-index
0%
100%
sessionStorage replay gate
0%
100%
Reduced motion fallback
70%
100%
Card hover lift and border shift
100%
100%
Card ↗ arrow color shift
87%
100%
Logo hover: lift + image scale
25%
100%
Press scale(0.97) on :active
50%
100%
No backdrop-filter or backdrop-blur
100%
100%
98%
41%Repository Docs for react-json-logic
AGENTS.md Title Case headings
0%
100%
AGENTS.md sentence-case body
100%
100%
AGENTS.md compact length
100%
100%
AGENTS.md no brand spec duplication
100%
100%
CLAUDE.md is not a second authored file
0%
83%
SECURITY.md contact: dev@uinaf.dev
0%
100%
SECURITY.md private-first
100%
100%
SECURITY.md no SLA promise
0%
100%
Conventional Commits documented
100%
100%
Voice: no SaaS sludge, no emoji, no exclamation
100%
100%
AGENTS.md covers repo orientation
100%
100%
96%
96%Task: Bootstrap a uinaf-branded landing page on Tailwind v4
Berkeley Mono CDN import
0%
100%
Neutral palette extended
0%
100%
Slime palette registered, not used as CTA
0%
100%
Type scale matches
0%
100%
Square corners only
0%
100%
u-link / u-link-plain / u-card components
0%
100%
Logo lockup
0%
100%
Favicon and OG meta
0%
100%
Lowercase voice
0%
80%
No emoji, no icon fonts
0%
100%
No coloured CTAs, no shadows on UI
0%
75%
Voice — short, dry, direct
0%
100%
Footer pattern
0%
100%
94%
6%Blog Post and Documentation Page for healthd
Blog ISO date format
100%
100%
Blog title lowercase fragment
100%
100%
No preamble in blog post
100%
100%
No author byline
100%
100%
Blog word count in range
100%
0%
Doc headings use documentation casing
100%
100%
Options as table
100%
100%
See also with ↗ arrows
0%
100%
Studio pronoun 'we'
100%
100%
No exclamation marks
100%
100%
No SaaS marketing language
50%
100%
Voice: terse fragments with periods
100%
100%
100%
Task: Draft a uinaf-branded README and changelog for a new tool
README title and tagline
100%
100%
README install block at top
100%
100%
README sections match the pattern
100%
100%
README docs link uses ↗
100%
100%
README license one-liner
100%
100%
README length
100%
100%
CHANGELOG newest-first, dated
100%
100%
CHANGELOG bullet shape
100%
100%
CHANGELOG no categories or emoji
100%
100%
Documentation casing across both files
100%
100%
No emoji, no exclamation marks
100%
100%
No SaaS marketing language
100%
100%
Voice — sentence fragments with periods, terse
100%
100%
External links carry ↗
100%
100%
No banned UI scaffolding leaked into content
100%
100%
- Evaluated
- Agent
- Claude
- Model
- Claude Sonnet 4.6