Wordmark Type Test
Comparing the "UwUly" wordmark across three typefaces where the lower w acts optically as a cat mouth.
At 40px:
UwUlyAt 28px:
UwUlyLiterary, warm, and precise. The brush curves give the w a gentle, beckoning smile without drawing a cartoon cat.
At 40px:
UwUlyAt 28px:
UwUlyRounded terminals and approachable geometry. Slightly more casual, suited for mobile app badges.
At 40px:
UwUlyAt 28px:
UwUlyCrisp and neutral with subtle stroke modulation. Used as the primary interface and body typeface.
Color Palette and Tints
Strict solid colors only. Zero gradients, zero glows. Depth comes only from 1px hairline borders and 2px hover lifts.
Light Theme (Washi)
Washi (bg)
Page background
Paper (surface)
Tiles and cards
Sumi (ink)
Headings and body text
Sumi soft
Captions, helper text
Ai indigo
Primary buttons, links
Ai deep
Hover and active states
Matcha (fill)
Chart marks and fills
Matcha deep
Positive text and icons
Nezu
Tags and neutral pills
Kin gold (fill)
1 accent per screen
Kin deep
Gold text when required
Hairline
1px borders and dividers
Beni
Errors and destructives
Bento Tile Tints (Max 3 per bento cluster)
Indigo tint
Demo tile, active states
Matcha tint
Editable tile, success states
Nezu tint
Soft highlights, tag fills
Gold tint
Promise tile, subtle honors
Dark Theme (Yoru)
Yoru bg
Dark page background
Yoru surface
Dark tiles and cards
Yoru text
Primary dark text
Yoru text soft
Secondary dark text
Yoru hairline
Dark borders
Yoru indigo
Action indigo on dark
Yoru matcha
Dark positive accent
Yoru gold
Dark gold highlight
Yoru beni
Dark error accent
WCAG Contrast Ratios
All copy meets WCAG AA standards. Deep variants are used whenever colors carry words.
| Color Pair | Preview | Contrast Ratio | WCAG Rating |
|---|---|---|---|
| Sumi on washi | Sample text | 14.4 : 1 | Pass AAA |
| Sumi soft on washi | Sample text | 5.7 : 1 | Pass AA |
| White on indigo | Sample text | 7.0 : 1 | Pass AAA |
| Indigo on washi | Sample text | 6.4 : 1 | Pass AA |
| Matcha deep on washi | Sample text | 4.9 : 1 | Pass AA |
| Kin deep on washi | Sample text | 4.6 : 1 | Pass AA |
| Beni on washi | Sample text | 6.2 : 1 | Pass AA |
| Sumi on tile tints | Sample text | 11.8 - 13.0 : 1 | Pass AAA |
| Dark text on yoru | Sample text | 14.2 : 1 | Pass AAA |
| Dark indigo on yoru | Sample text | 7.4 : 1 | Pass AAA |
Typography Scale
Display headings in Shippori Mincho, interface and body text in Zen Kaku Gothic New, code and links in JetBrains Mono.
Links that stay alive.
Quiet tools for links and QR codes.
One quiet place for all your links.
Make a link in seconds
A calm home for the links and QR codes a business puts out in the world.
What you print on a menu, poster, or card keeps working tomorrow, with clear numbers and zero surprises.
Organize links and dynamic QRs per client with dedicated permissions.
https://go.uwuly.com/launch - 48,291 clicks - 99.99% uptime
Bento Tile Grid System
Standard tile units: S (1x1), W (2x1), T (1x2), L (2x2), and X (4x1 banner). 20px radius, 1px hairline border, 24px padding.
Single stat
Wide Promise Card
Wide horizontal unit spanning two columns.
Dynamic
Instant redirect switch
Full width banner component
Spans all four columns in the desktop grid.
Component Primitives
Buttons (40px high, 10px radius), Inputs (44px high), Nezu pills, and hairline table rows.
Buttons (40px high, 10px radius)
Inputs (44px high, 10px radius)
That name is taken. Try another.