Skip to content

Muse Design System

Component Library

Every component in every state. Reconstructed from the Muse writing analytics dashboard. If a component can't be rendered here in isolation, it is still coupled to the page it came from.

Foundations

Surfaces & text

Categorical series — validated, fixed order, never cycled

Sequential ramp — magnitude only, never identity

Type scale

Display 28 — The Light That Forgets

Title 20 — Brainstorm throughline

Heading 16 — Recent activity

Subtitle 14 — Coastal draft session

Body 13 — The workhorse size, 34 of 93 uses in the source artifact.

Caption 12 — May 30, 2026 · 4 new angles

Overline 11 — Section kicker

Buttons

Variants

Sizes

States — hover and focus are live; tab through them

Badges & avatars

Status — border + label, never colour alone

Active Paused Needs attention New Brainstorm

Avatars

JS AR NS JSARNS

Inputs

Cards & rows

Literary fiction

The Light That Forgets

Active

A keeper who writes the weather into being.

Updated today Format

Speculative

Coastal Static

Paused

Interactive — hover or focus me.

Epistolary

Nine Letters Home

Needs attention

Selected state.

Project rows

ProjectGenreStageMomentumStatus

Navigation

Tabs — arrow keys move between them

Filters & menu

4 of 16 projects

Data display

Active projects4
Awaiting decision1
Needs attention1
Weekly momentum88% ▲ up 12% from last week

Bar chart — single hue, identity from the axis

Mon
Tue
Wed
Thu
Fri
Sat
Sun

Ranked list — replaces the source's donut

The source encoded five categories with a single-hue violet ramp. That is a sequential scale doing a categorical job — two of five slices were literally the same colour, and the ramp fails normal-vision separation at ΔE 3.9 against a floor of 15. A ranked bar list needs no categorical palette at all: identity comes from the label.
  1. Conflict32%
  2. Setting24%
  3. Protagonist20%
  4. Stakes14%
  5. Theme10%

Line chart — with the required legend and table view

  • Brainstorm angles 8 this month
View as table
Brainstorm angles per month
MonthAngles
Jan2
Feb3
Mar2
Apr4
May8

Multi-series legend — validated categorical palette

Timeline

Conversation

  • What if the storms aren't really weather at all?
    11:02 AM
  • Interesting — what would they be instead?
    11:03 AM
  • Throughline: Memory. Like she's logging what the town forgets.
    ◆ Committed to Brainstorm
  • That reframes her job entirely. (jump-target pulse state)
    11:06 AM
  • Assistant is typing

Enter to send · Shift+Enter for a new line

Project chats

  • Today

Files

  • Mira character notes.docx48 KB · Today
  • Storm ambience.mp36.1 MB · 9 days ago

Empty, loading, overlay

No files yet

Drop research, reference photos, or drafts here to keep them with the project.

Commit this idea

Drop to upload