made
Contents

Design system

Cleaner and greener. One serif, one mono, one green, a lot of air. Light is home; dark is a switch.

Principles

air firstSection padding 96–140. Content column 720. If a section feels empty, it is probably right.
green means goThe accent is reserved for success, primary action, and the current position. Failure is never red; it is muted text and a plain word.
round, softlyPills for actions and chips (999px). Cards and code at 10–14px. Nothing sharp.
json is the interfaceAnything a machine returns is shown as mono in a dark block, even in light mode.

Color

--bg
#f7f8f5
--surface
#ffffff
--line
#dde3dd
--muted
#5f6b64
--fg
#14201a
--accent
#1F7A4D
dark bg · #0e1511
dark surface · #131c17
dark line · #22302a
accent-soft · #e3f0e8
code · #0f1a14
dark accent · #4fb37f

Type

display 76/1.05 -0.025emGreen PRs.
h1 48/1.1Quick start
h2 28/1.2Run states
lead 19/1.6 mutedSubmit a SHA. Get a decision.
body 17/1.7Neither path is preferred; having both fails closed.
mono 13 · Red Hat Monomade run status --json

Elements

buttons
state chips
queuedrunningawaiting_mergefailed
badge
the no-mistakes button
json block
{ "state": "awaiting_merge", "pr": "#42" }
card
eyebrow

Card title

Cards hold one idea and one optional code block.

note
A soft green note for provenance and caveats.

Tables

Grid-based. Header row mono lowercase muted, first column mono accent, hairline rows, generous 16px cell padding. No fills, no stripes.

state
meaning
next
queued
in the spool
running
awaiting_review
needs a decision
awaiting_merge · failed
awaiting_merge
green PR, awaiting human merge
—

Forms

Boxed inputs with 10px radius on the surface color; accent border on focus. Labels mono above. Errors are a plain sentence in muted text; the field border does not change color.

Links

inlineSee the pipeline docs. Accent, underline offset 3, line color underline.
externalGitHub ↗
pager
nav active / rest
PipelineCLIConfig

Text elements

h3 22/1.2Daemonless verification
h4 17 mono accentone run, eight states
lists
  • review
  • tests
  • docs
  • lint
kbd⌘K
inline codeRun made doctor --json first. Mono, no background.

Icons

Same policy as consigliere: glyphs from the mono face, no icon set. The status dot is the one graphic element and only ever appears in the accent.

→ next← back↗ external✕ dismiss▾ menu$ shell# anchor· separatorstatus

Layout

frame1080 everywhere · 32px side padding · centered hero
docs grid200px sidebar · 72px gutter · prose max 720
768–1023Sidebar becomes a "Contents" disclosure. Three-up → one column. Display 56.
< 768Nav into drawer. Display 40, h1 34. Side padding 20. Pills stack full-width.

Motion and focus

enter160ms ease-out, opacity + 4px rise. Slightly softer than consigliere.
exitInstant.
hoverPrimary pill: accent → fg. Links: fg → accent. No transition.
focus ring
Focused2px accent, 3px offset, keyboard only.

Wordmark and social card

Lowercase mono "made" with a green dot before it. The dot is the only mark. The social card is white; the green word carries it.

mademade
made
Turn code into green PRs.
github.com/douglasjarquin/made

Token notes

--code and --code-fg are identical in light and dark: machine output is always shown on the dark ground. --accent-soft is the only tinted fill and exists for badges, notes, and the active chip.

Relationship to consigliere

Siblings, not twins. Consigliere is noir: dark, hairlines, taupe, JetBrains Mono. made is daylight: white, pills, green, Red Hat Mono. Both share the serif-plus-mono pairing and a body-level token set that flips with one attribute.

consigliere ↗Home →