AdresX· Playground v2

Adres Design Design System Storybook

Playground/ docs

Playground/ docs

Adres Design Projects Intro Branding

Colours Typography Elevation Corner Radius Layout Grids

Foundations

Layout Grids

The spacing scale and 12-column layout grid.

Layout Grids

Spacing scale

2xs

4px

xs

8px

sm

12px

md

16px

lg

20px

xl

24px

2xl

32px

3xl

40px

4xl

48px

5xl

64px

6xl

96px

Column grid — 12

1

2

3

4

5

6

7

8

9

10

11

12

Corner Radius

The corner-radius scale, from tight to full-circle.

Accordion

Single and multiple expand modes, disabled items, and custom trigger content with icons and badges.