REALBRAIN · STARTER
Everything on this page is a token.
Replace this copy, keep the structure. One primary action, one accent, flat surfaces, weight 600 at most.
Cards are flat
Surface on bg with a hairline border. No shadow at rest, no hover lift.
Type does the hierarchy
Size and spacing, not weight. Headings are 600, body is 400.
Colour means one thing
The accent marks the primary action. Semantic colours always come with a dot and text.
A form
Labels, help text, and errors are wired with aria-describedby. Errors say what happened and what to do next.
Status
A dot plus text, never colour alone.
Passed
Degraded
Failed
Queued