InternMatch — Live Design System Token Explorer

Design Token Map

Role-scoped semantic tokens · Switch role to see live updates

Token

COL

EMP

STU

Primary — Role Accent

--role-primary

#a3e635

#a78bfa

#38bdf8

--role-primary-100

#d9f99d

#ddd6fe

#bae6fd

--role-primary-50

#f7fee7

#f5f3ff

#f0f9ff

Fit Ring — ML Score Display

--ring-fill-color

→ primary

--ring-track-color

--ring-size

34px

Row Selection State

--row-selected-bg

→ primary-50

--row-detail-border

→ primary-100

Filter Chips — Active State

--chip-active-bg

→ primary-50

--chip-active-border

→ primary

Major Tag — Contextual

--tag-major-bg

→ primary-50

--tag-major-color

→ primary

Score Dimension Bars

--dim-fill-color

→ primary

--dim-track-color

Student-Only Tokens

--salary-col-visible

hidden

visible

--salary-tag-color

—

#a78bfa

COL = College Administrator (Primary View)

EMP = Hiring Organization

STU = Student / Candidate

        Bold column = active role.
Highlighted swatch = live token value.
One design system · three contexts.
      

Filter by →

Candidate Results

10 candidates · ranked by match score · college view

#	Match	Candidate	Major	Available	Hrs/Wk	Location	Salary Range	Top Fit