Design System Builder

Define your brand colors and typography. The preview on the right updates live — save when it looks right and the template becomes available on the Generate page.

Name

Description

Brand colors

Primary #1F3A5F Accent #C86E3C Text #222222 Muted #6B6B6B Background #FFFFFF Success #2E7D5B Warning #C9941F Danger #B23A3A

Typography

Heading font

Body font

Browse curated web fonts, detect fonts installed on this machine (Chrome / Edge 103+), or upload your own .ttf / .otf / .woff2.

…working

Saved templates

._acme ._acme.json
._contrast-test ._contrast-test.json
._default ._default.json
._starter ._starter.json
acme acme.json
contrast-test contrast-test.json
default default.json
starter starter.json

Live preview · 16:9

Acme · Confidential draft

On track At risk Off track

Strategic review / Q2 2026

Three moves to defend the core and unlock the next $50M

Findings, recommendations & a 90-day decision plan for the leadership team.

01 Re-segment the customer base around willingness-to-pay.

02 Consolidate the long tail of low-margin SKUs.

03 Stand up a dedicated growth squad against new ICPs.

Decision required

Prepared by Strategy Office 01 / 24