Rounding and Elevation

Rounding and Elevation

Colors

Spacing

Rounding and Elevation

Rounding

4px

Small

8px

Medium

12px

Large

24px

Huge

Box Shadows

Tiny
Small
Medium
Large
Huge

Box Shadows

Tiny
Small
Medium
Large
Huge

Build your next site with Blocs

Never start from scratch again. Launch your site from start to finish in 10 minutes, not 10 days.

Get Blocs

Preview Kit

A desktop breakpoint of a hero section with centred heading, text and buttons with a full width image
A component control panel of a tooltip component with various settings, such as the variant, text control, a shortcut toggle, a shortcut text input, and a dropdown for the direction of the caret

Build your next site with Blocs

Never start from scratch again. Launch your site from start to finish in 10 minutes, not 10 days.

Get Blocs

Preview Kit

A desktop breakpoint of a hero section with centred heading, text and buttons with a full width image

Build your next site with Blocs

Never start from scratch again. Launch your site from start to finish in 10 minutes, not 10 days.

Get Blocs

Preview Kit

A desktop breakpoint of a hero section with centred heading, text and buttons with a full width image
A component control panel of a tooltip component with various settings, such as the variant, text control, a shortcut toggle, a shortcut text input, and a dropdown for the direction of the caret