UI Kit Preview

Internal kitchen-sink for the redesigned game-UI component kit. Not linked in nav.

Tier 1 — utility row; Tier 2 — glossy category strip with dropdown menus:

uma.guide
Search characters, skills, guides…
DiscordDonate

Picture nav (illustrated category portal):

Section headers

Pennant ribbon (headings):

Maiden
What's New
Race Info

Full-width banner (panel/section bars):

Current Events
Pickup Banners
Reset Timers

Race grade badges

G1G2G3OPPre-OPEX

Buttons

Badges

G1NEWFrontSSRDebut
SpeedMileTurfA

Tabs (server selector)

Selected: global

Panels

Green Panel
White floating panel with a glossy header bar. Collapsible via the chevron.
Pink Panel
Same panel, pink header.
Blue Panel
Same panel, blue header.

Tool cards (shortcut grid)

Icon tiles using real game/guide assets:

Row cards (feature/article style):

Tier List
Best support cards
Skill Browser
Search every skill
Training Sim
Plan your runs
Race Browser
All courses

Current events / banners

Banner items inside a panel (the homepage "Current Events" box, redone):

Current Events

Promo banner (CTA)

Wide call-to-action banner: logo, kicker, title, description, button + faint watermark. Accent recolors the eyebrow/CTA/glow.

Portrait cards (birthdays)

Special Week
Special Week
May 2
Silence Suzuka
Silence Suzuka
May 1
Tokai Teio
Tokai Teio
Apr 20
Gold Ship
Gold Ship
Mar 24

Standard markdown still works

This verifies the new tokens don't break normal content.

A blockquote should remain readable on the bright surface.

StatValue
Speed1200
Stamina900
ts
const greeting: string = "umamusume";
console.log(greeting.toUpperCase());
  • Bullet one
  • Bullet two with a link