Opening your workspace
Preparing the canvas and shared controls.
Preparing the canvas and shared controls.
The control families that make up the interface.
Make the next action clear without competing with the artwork.
Primary · Quiet · IconKeep a small set of related views in one place.
Text views · Icon alignment · Icon + textExpress a small reversible choice beside its effect.
Switch row · Labeled checkbox · Guide optionMake numeric editing generous, precise and visibly connected to the canvas.
Large numeric tile · Paired fields · Decimal trackingCollect short values and useful searches with concise feedback.
Short name · Search · Read-only identifierExpose choices near their context without adding another permanent panel.
Select · Workspace menu · Object actionsFocus a task and make its consequence easy to review.
Delete confirmation · Template form · SettingsLet icons stay tidy while remaining understandable.
Icon tooltip · Keyboard hint · Supporting labelPreview a solid color while preserving a precise value and a safe cancel path.
Swatch group · Solid HSV picker · Hex inputCompare starting points and insert reusable source snapshots with a clear action.
Module tile · Block thumbnail · Template copyKeep text controls close to the selected content.
Plain sample input · Alignment selection · Contextual type toolbarKeep the document visually dominant while making its current selection clear.
Artboard · Selected-object frame · Column overlayKeep detailed controls contextual and let the worktop breathe.
Toolbar · Rail · Floating inspectorExplain what is happening and always provide a useful next step.
Success notice · Error with retry · InformationMake location and the next destination easy to understand.
Workspace link · Inventory link · BreadcrumbKeep advanced settings available without presenting them all at once.
Open section · Collapsed Advanced · Inspector bodyGive assets a clear starting point and an honest availability state.
Empty asset shell · Disabled upload · Availability noteMake labels quiet and values comfortable without branding the software chrome.
Control · 13px · Label · 12px · Metadata · 11pxConsistent labels for content types, author topics, editorial states and linked examples across chrome and paper.
Content type · Topic · CompactGive waiting a clear treatment for its context: canvas, font or export.
Spinner · Skeleton · Known progressExplain what is absent and offer the next action in that context.
Empty canvas · No selection · No font results