A calm B2B form control: white fill, soft slate border, 8px radius, and a sky-blue focus ring that feels precise rather than flashy. The default input for light admin and finance dashboards.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Build Sky Soft Field inputs for light SaaS / finance UIs.
1. White fill, 1px #CBD5E1 border, 8px radius, height 40–44px.
2. Focus: border #2563EB + 3px ring #1E3A8A38. Transition 150ms.
3. Label 13px medium #0F172A; placeholder #64748B.
4. Sit fields on cool slate page background #F1F5F9.
5. Never use warm gray borders or red focus rings.A calm B2B form control: white fill, soft slate border, 8px radius, and a sky-blue focus ring that feels precise rather than flashy. The default input for light admin and finance dashboards.
Click into the fields and type — focus rings, label motion and error states are live.
Click into the fields and type — focus rings, label motion and error states are live.