Skip to content

RunMyB — say it, and it exists: a tool, not another website

runmyb.com

“RunMyB projects a stark, utilitarian aesthetic that prioritizes function over form, embodying a 'tool-first' philosophy. The brand feels serious and direct, using high-contrast monochrome visuals punctuated by a single aggressive orange accent to signal immediate action and existence.”

utilitarian
minimalist
industrial
direct
high-contrast
functional
no-nonsense

Color Palette

Colors

Light Mode

#fd9a00

primary

#0b0d10

background

#0b0d10

accent

#e8e8ea

border

#9aa0aa

muted

Dark Mode

#0b0d10

background

#e8e8ea

text

#9aa0aa

secondaryText

#e8e8ea

link

#9aa0aa

muted

Typography

Fonts

system-ui

body
400
700
system

-apple-system, Segoe UI, Roboto, sans-serif

system-ui

heading
700
system

-apple-system, Segoe UI, Roboto, sans-serif

body

The quick brown fox

h1

The quick brown fox

h2

The quick brown fox

h3

The quick brown fox

Components

Design System

Skip to content
secondary
0px 0px 5.6px
#14181d#e8e8ea
Join the waitlist
primary
6.4px
#fd9a00#0b0d10
Say it, and it exists — your business does more, you don't.
outline
0px 3px 3px 0px
#e8e8ea

Voice & Tone

Personality

Visual Energy

7/10

Design Era

brutalist-minimal

Emotional Tone

authoritative-efficient

Target Audience

Technical founders, developers, and product managers who value speed, control, and lack of friction over decorative design.

Comparable Brands

Linear
Vercel
Figma (early)
Notion

Brand Rules

Dos & Don'ts

Do

  • Use system-ui font for all text; apply 700 weight for headings and 400 for body copy.
  • Format all headings in sentence-case only; never use title case or all-caps for main headers.
  • Set body line-height to exactly 29.04px to maintain the specific vertical rhythm.
  • Use #fd9a00 (orange) exclusively for primary CTAs and key accent elements against the #0b0d10 (near-black) background.
  • Use #0b0d10 for primary text on light backgrounds and #e8e8ea for text on dark backgrounds.
  • Apply 6.4px border-radius to primary buttons and 5.6px to secondary buttons; never use pill-shaped (50%) or sharp (0px) corners for interactive elements.
  • Maintain a flat design aesthetic: do not use box-shadows, gradients, or opacity layers for depth.
  • Use direct imperative verbs in copy (e.g., 'Say it', 'Join') and avoid exclamations or excessive emojis.

Don't

  • Do not use serif fonts; the brand relies entirely on system-ui sans-serif.
  • Do not use title case for headings; the brand strictly uses sentence-case.
  • Do not apply box-shadows to any element; the design is strictly flat.
  • Do not use gradients; backgrounds and buttons must be solid hex colors.
  • Do not use bright white (#ffffff) for text; use #e8e8ea to reduce eye strain against the dark background.
  • Do not use rounded corners larger than 6.4px; the brand prefers subtle, technical rounding.
  • Do not use decorative illustrations or complex iconography; stick to functional UI elements.
  • Do not use casual or overly enthusiastic language; keep tone matter-of-fact and direct.

DESIGN.md

AI-ready

Drop into any project root. Cursor, Claude Code, v0, Lovable, and other AI coding agents read this file to generate on-brand UI. Spec

Download
DESIGN.md not yet generated for this brand.
How to use this file

1. Save this file as DESIGN.md in your project root (sibling to README.md).

2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.

3. Validate or export tokens with the official CLI:

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md
Developer Access
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/runmyb.com \
  -H "x-api-key: ev_your_key"

# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
  -H "x-api-key: ev_your_key"

# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
  -H "x-api-key: ev_your_key"

Extract your own brand kit

Get colors, fonts, voice, and personality from any website in seconds. Open source.

Get started free