Component lab
Design foundation
A shared visual language and a small set of patterns to build from. Test the details here, then reuse them in the product.
Actions
A clear hierarchy, consistent sizing, and visible keyboard focus.
ReadyDraftIn review
Focused tasks
One interaction, with a desktop dialog and a mobile bottom sheet. Escape closes it and focus returns to the trigger.
Interaction preview
Try a short form with validation and an explicit result. This is a local component example.
Empty and loading states
Explain what happened and make the next step available. Loading preserves the shape of the content.
No items yet
When the brief is ready, this space will serve the primary user journey.
Loading pattern example
Usage analytics
Optional, explicit events. Form text is excluded. Recording and autocapture are disabled.
Allow anonymous usage events for this browser, or turn them off at any time.