Design system

Component showcase

Every building block of the Mawimbi UI. Open the style panel and switch styles to see radius, borders, depth, type and motion change together.

Typography scale

displayWaves
h1Plan in waves
h2Work in flow
h3Focus Tides
h4Tide Reviews
bodyCalm teams ship better work, week after week.
smallUpdated two minutes ago
monofocus.start(90)

Color roles

Buttons

Inputs

Shown to the whole team.
That email looks incomplete.
Options
Priority
Focus mode

Cards

Basic card

Surface, border, radius and shadow all come from the theme.

Media

Media card

With an image slot ready for real media.

Focus hours this week

128

Up 18% versus last week

Tabs

Three outcomes committed, two in progress, one shipped on Wednesday.

Modal and toasts

Start a Focus Tide?

We will silence chat and block your calendar for 90 minutes. You can end it early at any time.

Table

OutcomeOwnerWaveStatus
Customers can export invoicesLeo ChenBuild In progress
New onboarding checklistWanjiru KamauReflect Shipped
Calendar sync for OutlookTomas RiveraBuild Blocked
Pricing page refreshKofi MensahCommitPlanned

Badges, chips, alerts and avatars

DefaultSolidAccentOutlineSuccessWarningDanger
Tip: press F anywhere to start a Focus Tide.
Your Tide Review is ready to share.
AOTRWK+5
8 people in this wave

Accordion

What is a wave?
A third of your week with one clear purpose: commit, build or reflect.
Can I rename waves?
Yes, waves are fully customizable per team.