Pick the UI choices that feel right to you.

StyleSpec turns them into a DESIGN.md your coding agent can follow.

Essentials

Five choices are enough to create a useful UI profile.

0 of 5

Optional details Fine-tune only the things you care about. 0 of 6 selected

Choose the 5 essentials

Nothing optional is added unless you select it.

Weekly focus

Keep a small list of meaningful priorities, make progress visible, and leave room for the next good idea.

Progress 68%

Three milestones completed this week.

Today3 tasks

Review dashboardHigh Design landing pageMedium Update documentationLow

State playground

HoverMove a pointer over this control.

FocusTap or tab into this field.

PressedFeel the active feedback.

DisabledStill readable, clearly inactive.

Longer body copy should remain readable without forcing a single-line layout or hiding meaningful content just to keep a card visually tidy.

https://example.com/projects/a-very-long-unbroken-reference-that-must-not-create-horizontal-overflow