← cp-design-system

Color

Working specimen. Only primary #4F46E5 is locked.

Brand · action only

Primary

#4F46E5

Start / Resume / Create, current nav, logo, focus ring.

Primary tint

#E8E9FF

Selected chip, current-step wash, selection, empty-state icon well.

Primary deep

#241C8F

Text or icon on a tint. Never a second button color, never a hover.

Paper & type · the stage and the text

Canvas

#F8F8FB

Page / main column. Cards sit on this.

Surface

#FFFFFF

Cards, dialogs, menus, inputs.

Secondary fill

#ECECEE

Quiet filled controls. Between canvas and line.

Line

#E7E8ED

Hairline borders, dividers, rest-state input stroke.

Ink

#12132A

Titles, class names, primary labels. Near-black.

Body

#2F3148

Paragraphs and supporting sentences. Almost as dark as ink.

Muted

#8F91A8

Meta, timestamps, placeholders, inactive nav.

In action · type

Good afternoon, Steph

ClassPoint helps teachers run live activities without leaving the slide. Students join with a short class code, then answer on their own devices. Reports stay attached to the class so you can reopen last Tuesday’s quiz without hunting through files.

Last session: 2 days ago · 32 participants · 4 groups

Identity · which object, not which state

Classes, groups, photo-less avatars, named tags, chart series, live teams. Not buttons, live, or saved.

Seafoam

#34D399

Lavender

#A78BFA

Amber

#FBBF24

Sky

#38BDF8

Pink

#F472B6

Orange

#FB923C

Status · how something is doing

Success

#059669

Created, saved, healthy session.

Warning

#D97706

Quota, unsaved, session about to end.

Danger

#DC3348

Live label, delete, log out, errors. Not a red card.

In action · buttons and nav

HomeClassesReports

In action · class cards

M

Math 8B

32 participants · 4 groups

MATH8B

Last session: 2 days ago

E

English 9A

28 participants · 3 groups

ENG9A

Last session: yesterday

S

Science 3

24 participants · 3 groups

SCI3A

Last session: 1 week ago

H

History 10

30 participants · 4 groups

HIST10

Last session: 3 days ago

C

ClassPoint Training

18 participants · 2 groups

CPTOT

Last session: today

P

Physics 1

22 participants · 3 groups

PHYS1

Last session: 4 days ago

In action · live session

M
Live

Math 8B

Started 24 min ago · 23 students joined · 4 groups

In action · groups, avatars, named tags

Groups

Table 1Table 2Table 3Table 4

Participants

SKJLMTLMPNEW

Activity filters

AllQuizPollWord cloud

In action · field and empty state

Students join with this name on their device.

+

No saved classes yet

Create a class to keep rosters and reports in one place.

In action · status

Class created

Math 8B is saved. Students can join with MATH8B.

5 AI credits left this month

Quiz generation will pause when you run out.

Couldn’t end the session

Check your connection and try again.

In action · report series

Responses this week

One identity hue per class.

Math 8B

92

English 9A

74

Science 3

61

History 10

48

Training

33

Physics 1

27