CurrentlyDesign system

THE CURRENTLY DESIGN SYSTEM

Clarity, with a little character.

Precise interfaces. A calm rhythm. Our original Waves blue. A shared visual language for keeping product knowledge clear, connected, and easy to trust.

01 · Color & surfaces

Canvas

--background

Sidebar

--sidebar

Subtle

--muted

Ink

--foreground

Currently blue

--primary

Verified

--success

Attention

--warning

Information

--info

Brand tint

--brand-soft

Secondary ink

--muted-foreground

Border

--border

Critical

--destructive

02 · Typography

Page title / 24px

Catalog

Body / 14px

Product knowledge should feel easy to find, easy to understand, and easy to trust. Keep sentences clear, labels short, and the evidence close.

03 · Hierarchy & tables

One shared map, from product to capability.

ItemLabelOwnerStatus
Orbit Commerce2
productProduct teamLive
Checkout
capabilityCommerce teamLive
Subscriptions
capabilityBilling teamBeta

Flat rows share column alignment. Group bands, indentation, and weight convey structure; labels describe type. Expand the product or change visible properties to try it.

04 · Actions

36px default height · 6px radius · Visible keyboard focus · One primary action per context

05 · Status pills & metadata chips

AutomationProductLiveBetaPlannedNeeds review3 new updatesVerified

Neutral chips for categories and owners. Tinted pills for status. Keep names, dates, and descriptions as plain text.

06 · Inputs & composition

A short description in your team’s own words.

Enter a name to continue.

Related capabilities

AI Flow Builder
Developer API
Canonical documents

07 · Navigation & overlays

A quiet underline keeps the focus on the content.

08 · Empty states

Your product story starts here

Explain what belongs in this space and give people a clear next step.
Explore the catalog

09 · Page patterns

Use one page title and a consistent toolbar for lists. Lead detail pages with accepted facts; keep structure secondary. Align settings descriptions with their controls.

Accepted now

Available in private beta

Proposed

Available to every workspace

Workspace details

A shared rhythm for settings across the app.

The small details add up.

4px spacing scale. 1px borders. 4–12px component radii. Semantic color tokens across both themes. Reduced motion support and visible focus for every control.