Good design,
with AI

What AI won’t decide for you.

What makes good design

One job per screen

Clear in a second

Hierarchy from space

Not boxes, colour or bold

One accent

Colour only with meaning

Motion that explains

Fast, no bounce

AI output, then pushed

Dashboard overview

Welcome back, Emma! 👋

Here’s what’s happening with your business today.

Total outstanding

$18,420↑ +12.5% vs last month

Paid this month

$42,960↑ +8.2% vs last month

Overdue amount

$3,150⚠ 3 invoices overdue

Recent invoices

View All

Add

Emma CollinsProduct designer$4,200

Real content

Real names, real numbers

EmptyLoadingError

Every state

Empty, loading, error

Press feedback

Try it

Tuned dark mode

Not just inverted

Search⌘KNew invoiceOpen settings

Keyboard first

Shortcuts everywhere

One great detail

Numbers that count

Avoid

Eyebrow labels

All caps

Mono outside code

Icon tiles

Gradients and glow

Left accent borders

01 02 03

Bounce

Give the AI your taste

One rules file every agent reads first.

AGENTS.md

# Interface rules

- No eyebrows, all caps, or mono outside code
- No icon tiles, gradients, or glow
- Regular 400 and medium 500 only
- Titles: line height 110%, tracking -3%
- One surface with dividers, no nested cards
- Motion under 300ms, no bounce
- Buttons squeeze to 0.97 on press
- Real content and every state

uiarc.dev

Every component follows these rules.

Browse Arc

Good design,with AI