ParagonGaming Styleguide

SPG1 Styleguide ParagonGaming Saved

Metadata

Name Version (e.g. SG1) Description

Typography

Display font — Titles and headings. Body font — Running copy. Chrome font — Small type — eyebrows, nav, labels, buttons, captions.

Scale (px)

display h1 h2 h3 h4 body_lg body body_sm eyebrow micro

Line heights (unitless)

tight heading body card ui

Letter spacing

tight heading normal wide wider widest

Colours

Primary Secondary Tertiary Dark Light Accent Text Button Positive Neutral Negative

Border Radius

none sm md lg xl

Spacing Scale

space-1 space-2 space-3 space-4 space-5 space-6 space-7 space-8 space-9 space-10

Borders

hairline regular thick

Shadows

sm md lg xl

Container Widths

narrow default wide

Breakpoints

mobile tablet desktop wide