Internal — PR 1

Styleguide

Theme tokens, type scale, color, spacing, and themed Bootstrap components for principal review.

Color

Flame
#ff5722 / $primary
Azure
#1e90ff / $secondary
Ink
#1a1a1a / $body-color
Paper
#faf7f2 / $body-bg

Theme map

primary
.bg-primary
secondary
.bg-secondary
success
.bg-success
danger
.bg-danger
warning
.bg-warning
info
.bg-info
light
.bg-light
dark
.bg-dark

Typography

Display 1

Simply Complex

Display 3

Operating systems

H1 / 48px

The wow stays wow.

H2 / 36px

The soothe stays soothing.

H3 / 28px

Spacing is composition.

H4 / 22px

Breakpoints are choreography.


Lead paragraph — the primary entry into a section. Carries weight without shouting; reads as confident voice rather than hero copy.

Body — the warm-blanket reading surface. Nunito at 1rem (16px), line-height 1.65, ink (#1a1a1a) on paper (#faf7f2). The point of view is calm, grounded, and on the visitor's side. Pricing is described in ranges. The founder is reachable. Nothing yells.

Body secondary — for support copy that complements the primary line without competing for attention.

Tertiary / small — captions, metadata, labels.

Spacing rhythm

Single $spacer (1rem = 16px). $spacers map exposes the standard 0–8 scale; use the utility classes (.p-3, .gap-5, .mt-7) to compose layouts on rhythm.

p-0 0
p-1 4px
p-2 8px
p-3 16px
p-4 24px
p-5 40px
p-6 64px
p-7 96px
p-8 144px

Buttons

Sizes

States

Forms

Cards & alerts

Personal OS

The agent that helps you run your life — calendar, inbox, files, reminders — without you needing to be a tech expert.

Learn more
Business solutions

Marketing, scheduling, payments, reviews — wired together so your business runs while you sleep.

Learn more
A 30-minute call

No pitch — just a conversation about what you'd want a system to do, and whether we can build it together.

Schedule
Primary alert.
Success — your message landed in Eric's inbox.
Warning — heads up.
Danger — something went wrong; please try again or email directly.

Accordion

The visitor lands somewhere that feels held — calm, breathable, on their side. Inside that warmth, the next action is a 30-minute conversation with Eric. Not a wizard funnel. Not a pitch. A conversation.

Duotone palette, cosmos backdrop, per-letter glow, circuit-organic traveling mark, founder-direct dialog, ranged pricing, and the pill geometry — all reauthored on top of Bootstrap rather than replaced by it.