Design System
Pulse component library — built on Headliner brand tokens.
Color tokens
crimson
#FF0044
espresso
#1A130F
cream
#FAF6F0
teal
#00A8C8
yellow
#F5A623
green
#3D8B5F
text
#1A1A1A
textSecondary
#6B7280
textMuted
#9CA3AF
border
#E5E7EB
surface
#FFFFFF
background
#fbfdfc
error
#DC2626
success
#16A34A
warning
#F5A623
Typography
size3xl / 28pxHeadliner Music Academy
size2xl / 22pxStart a Campaign
sizeXl / 18pxZara Hassan
sizeLg / 16pxNew Message
sizeMd / 14pxMessaging for small businesses that know their customers personally.
sizeBase / 13pxParent or account holder · Last attended Aug 1
sizeSm / 12pxVisible to your team only
sizeXs / 11pxINTERNAL NOTES · SELECT MESSAGE RECIPIENT
Buttons
Badges
activeneeds attentionopted outbandinactiveMinor
Avatars
ZH
MA
BW
LA
JB
Inputs
Include country code
This field is required
Visible to your team only
Pills
Send to
With disabled option
Field rows
Phone+19165550212
Emailhassan.zara@gmail.com
Last attendedAug 1, 2026
SubjectMath
LevelF
InstructorMr. Okonkwo
Toast
changes saved
Empty state
No contacts yet
Import a spreadsheet or add contacts manually to get started.
Spacing tokens
xs4px
sm8px
md10px
lg14px
xl18px
2xl22px
3xl28px
4xl40px
Border radius
sm
4px
md
6px
lg
8px
xl
12px
2xl
16px
full
9999px