Button Styles

Standard button variants for the Shadowrock design system

Live Preview (Brand Context)

Style Specifications

Primary

Main call-to-action buttons

background:#5200CC
color:#FFFFFF
border-radius:10px
padding:12px 24px
font-size:16px
font-weight:500
hover-background:#4100A3

Secondary

Secondary actions, less prominent

background:#222222
color:#FFFFFF
border-radius:10px
padding:12px 24px
font-size:16px
font-weight:500
hover-background:#333333

Ghost

Subtle actions, tertiary importance

background:transparent
color:#FFFFFF
border:1px solid #222222
border-radius:10px
padding:12px 24px
font-size:16px
font-weight:500
hover-background:#0F0F0F