CogniSyncEmpty state
Surfaces for missing data or first-run contexts: large icon, title, short guidance, and optional CTAs. Use isometric or brand illustration assets in the icon slot in production; this page uses Lucide as a stand-in. Use the Playground tab to try copy and actions.
With primary and secondary actions
No clauses in this library
Create a clause from a template or import text from an existing agreement to get started.
Minimal (title + description)
No matches for this query
Try a shorter phrase or clear filters to see more documents.
Using external artwork
Export an isometric scene from Isocons and pass it as the icon prop, for example <img src="/isocons/empty-inbox.png" alt="" width={88} height={88} />. Keep alt empty if the title already describes the state for screen readers, or set a concise description if the image adds meaning.
Anatomy
Icon
Large ~88px visual in a soft 104px rounded container (#F1F5F9).
Title
Short headline in Geist semibold, #101828.
Description
Optional supporting line at 14px, muted slate.
Actions
Optional button row; align to product workflow (one primary max).