HomeDocsComponentsBlocksForm contractValidation
Blocks / Brand settings

Brand settings

A colour with a contrast check, an upload cap and a support number.

Open in Claude Code

1.07:1below AA against #FFFFFF

MB is 1000 squared here. Your storage bill agrees.

Shown to customers. Stored as E.164.

Caret holds when you edit the middle.

This is a live form, not a screenshot — fill it in and submit it. The code tab is the exact file that is running, read from disk at build time, so the two cannot drift.

What it is doing

A settings page, and a deliberate demonstration of a warning that does not block. Pale yellow on white is unreadable and perfectly legal, so minContrast says so and lets the form submit anyway. Blocking on it would be the wrong call.

What it submits

FIELDVALUE
brand"#FFF9C4" — with a live WCAG ratio against white
uploadCap26214400 bytes, with MB as 1000 squared
supportE.164
postcodethe raw postcode, mask stripped

Components used