Design system
Schema Builder
form-clean SEO utility with JSON output beside the form and validator feedback always visible. The system stays compact, responsive, and practical.
4product screens plus this styleguide
AAcontrast target for all text
Result-first layout Top nav
Paper
#F5F7FA
Paper 2
#E7ECF3
Ink
#172033
Muted
#596579
Line
#CCD5E2
Accent
#3F5F91
Accent soft
#E2E9F5
Accent deep
#233E68
Type and controls
Headlines are sans, result values use mono, and forms stay full-width on mobile.
ReadyDraftCopied
States
SuccessOutput copied and saved to history.
SavedWarningOne field needs a clearer value.
ReviewEmptyUse the sample to understand the flow.