UI Kit Preview
Internal kitchen-sink for the redesigned game-UI component kit. Not linked in nav.
Register legend (see UIDesign.md §7): B = homepage showcase only · A/B = usable on content pages with neutral framing · A = utility-safe shell component.
Navigation (two-tier, gbf-style) · Register A
Tier 1 — utility row; Tier 2 — glossy category strip with dropdown menus:
Picture nav (illustrated category portal):
Section headers · Register B
Pennant ribbon (headings):
Full-width banner (panel/section bars):
Race grade badges · Register A/B
Buttons · Register A/B
Badges · Register A/B
Tabs (server selector) · Register A/B
Selected: global
Panels · Register B
Tool cards (shortcut grid) · Register A/B
Icon tiles using real game/guide assets:
Row cards (feature/article style):
Current events / banners · Register B
Banner items inside a panel (the homepage "Current Events" box, redone):
Promo banner (CTA) · Register B
Wide call-to-action banner: logo, kicker, title, description, button + faint watermark. Accent recolors the eyebrow/CTA/glow.
UmaLeague
Watch match VODs, and track standings in the Uma Draft league.
Career Simulator
Plan your runs, optimise stats, and chase the perfect build.
Join the Discord
Theorycraft, share builds, and get help from other trainers.
Portrait cards (birthdays) · Register A/B
Standard markdown still works
This verifies the new tokens don't break normal content.
A blockquote should remain readable on the bright surface.
| Stat | Value |
|---|---|
| Speed | 1200 |
| Stamina | 900 |
const greeting: string = "umamusume";
console.log(greeting.toUpperCase());- Bullet one
- Bullet two with a link