Design system

OFF-FRAME

Brutalist cinematic visual journalism cut against relentless cobalt planes. Technical aspect grids and pale cream typography elevate West Coast landscapes into high-contrast editorial film stills.

Remix Use this system

Colours

background#2c54c7

surface#2c54c7

text#fcf8c9

text muted#fcf8c9

accent#fcf8c9

Type

Display · Anton

AUTEUR THEORY IN 35MM

Body · PT Mono

Brutalist cinematic visual journalism cut against relentless cobalt planes. Technical aspect grids and pale cream typography elevate West Coast landscapes into high-contrast editorial film stills.

Mono · PT Mono · 0123456789

Components

shadcn/ui’s own components, wearing the system.

NewBetaDraft
Form controls
Fields, choices and ranges.
Email
Plan
Message
 Remember me
Choices
One of several, on and off, a value.
 Default Comfortable Compact
Airplane mode 
x
October 2026
SuMoTuWeThFrSa
Make changes to your account here.
Yes. It follows the WAI-ARIA design pattern.
Heads up
You can add components to your app with the CLI.
Payment failed
Check your card details and try again.
ALGHMK
Recent invoices
InvoiceStatusAmount
INV-001Paid€250.00
INV-002Pending€150.00
INV-003Unpaid€350.00

Invoice	Status	Amount
INV-001	Paid	€250.00
INV-002	Pending	€150.00
INV-003	Unpaid	€350.00

Install in a shadcn project

One command puts this system into any shadcn/ui project. Sign in to install it.

Blocks

Sections from our blocks, in this system.

Shared Matter · Hero

Bento picture and number · Bento

Fourfold Signal · Feature grid

Duo plan cards · Pricing

Hairline accordion · FAQ

Split steps with spine · Steps

Colours

Type

Components

Is it accessible?

Is it styled?

Install in a shadcn project

Blocks