Style Guide

Colors

Format: oklch

--pg-bg

--pg-surface

--pg-border

--pg-muted

--pg-primary

Type

Desktop

Display

48/52 / 500

Title

24/28 / 500

Subtitle

18/28 / 400

Body

16/24 / 400

UI

13/18 / 500

Caption

12/16 / 400

Label

11/14 / 500 / .05em

Tablet

Display

40/44 / 500

Title

22/26 / 500

Subtitle

16/26 / 400

Body

14/20 / 400

UI

13/18 / 500

Caption

12/16 / 400

Label

11/14 / 500 / .05em

Mobile

Display

32/36 / 500

Title

20/24 / 500

Subtitle

14/22 / 400

Body

14/20 / 400

UI

13/18 / 500

Caption

12/16 / 400

Label

11/14 / 500 / .05em

Inputs

Text

Text Large

Dropdown

Option A

Controls

Slider

50 50

Toggle

Off

Border Radius

--radius-sm

32px (1.7)

--radius-md

48px (1.7)

--radius-lg

64px (1.7)

Shadows

Layout

1200 max · 1024 / 768 / 640

Open grid