Spacing & shape

Dreamcore relies on vast, empty gaps to create quietude. Emptiness is a material: use the liminal gap generously between major content areas, the way an empty hallway separates rooms.

Scale

28px

Tight: inside small controls

416px

Default: between related elements

832px

Comfortable: inside cards and sections

1248px

Distant: between component groups

liminal48px

The signature gap. Vast emptiness between major content areas — the hallway at 3am

Radius

Nothing in a dream has a sharp edge. Everything is slightly blurred or rounded.

soft12px

Inputs, small elements

dreamy24px

Cards, containers — the default

pill9999px

Buttons, badges, interactive elements