Sales Sync Design System
Neutral backgrounds • Coral brand • Clean & professional
Color Tokens
brand
#FC3638
brandHover
#FF2B2D
brandMuted
rgba(252, 54, 56, 0.1)
red
#FC3638
orange
#FF8E3C
blue
#3C53FF
purple
#773CFF
bgPrimary
#FAFAFA
bgSecondary
#F5F5F4
bgTertiary
#E7E5E4
bgDark
#111827
textPrimary
#111827
Gradient Tokens
powerRed
#FC3638 → #FF2B2D
energyOrange
#FF8E3C → #FF4416
lavanda
#773CFF → #6828FE
oceanBlue
#3C53FF → #2F47FF
Spacing Tokens
xs
4px
sm
8px
md
12px
lg
16px
xl
24px
2xl
32px
3xl
48px
4xl
64px
Border Radius Tokens
sm
8px
md
12px
lg
16px
xl
24px
full
9999px
Shadow Tokens
sm
0 1px 2px rgba(0,0,0,0.05)
md
0 4px 6px rgba(0,0,0,0.07)
lg
0 10px 25px rgba(0,0,0,0.1)
xl
0 20px 50px rgba(0,0,0,0.15)
Typography Tokens
Font Weights
normal400
medium500
semibold600
bold700
extrabold800
Line Heights
tight1.1
snug1.25
normal1.5
relaxed1.7