Design System v1

One Dream Admissions.
One system, every screen.

Every colour, font, button and card below is defined once and reused everywhere. This is what we roll the whole app onto — dashboard, opportunities, community, admin — so it finally reads as a single product.

Foundation

Colour — one accent, semantic rest

Ink
#111111 · text + dark surfaces
Cream
#F7F4EC · app background
Surface
#FFFFFF · cards
Lime
#C6F24A · THE accent
Semantic — meaning only, never decoration
Success
#2F9E44 · accepted / match
Warning
#D29922 · deadline / draft
Danger
#E5484D · urgent / rejected
Muted
#8A8A85 · secondary text
Retired: the purple AI-panel gradient, the second yellow, the amber/blue/navy one-offs, and the dark Community header. Match badges become one treatment (success green), not yellow-and-green.
Foundation

Typography — Inter, one family

Display · Inter 900
Heading · Inter 800
Subhead · Inter 700
Body · Inter 400 — the reading size for descriptions, cards and paragraphs across the app.
Small / meta · Inter 400 — timestamps, captions, helper text.
Eyebrow · Inter 700 · tracked uppercase
Components

Buttons — one hierarchy

Lime = the one primary action on a screen. Everything else steps down to ink, outline, ghost. No more yellow/navy/black all fighting to be the button.

Components

Badges & inputs

95% MatchAcceptedFeaturedDeadline soonDraftCloses todayBachelor · English
Search universities…
Components

Cards — the pieces students actually see

100+
University partners
95%
Acceptance rate
AI Recommendation
Complete your China Master's application

Your Business & Management application is still in draft. Finish it for the January 2027 intake.

Xi'an Shiyou University

95% Match
Xi'an, China
16 programs 3 scholarshipsSept intake
Components

Navigation — consistent chrome

Home
Opportunities
My Applications
Foundation

Radius & elevation

Pill · full
Card · 20px
Panel · 28px

This is the whole language. Approve it and every screen gets rebuilt on it, phase by phase.