BRAND

Brand assets and usage.

Logo, colour tokens, typography. The project is dual-licensed (AGPL-3.0-only + commercial); the brand assets on this page are free to use for editorial coverage of the project, contributor activity, and integrations that point users back to BuildOnAI. Don't use them to imply endorsement of an unrelated product.

Colour tokens

The site uses a small token set defined in global.css as CSS custom properties; theme rules under [data-theme="dark"] swap the values for dark mode. Anything else on the site reads from these tokens — including code blocks, status pills, and callouts — so this is the authoritative palette.

Accent (light)
--accent
#1E3A8A
Accent (dark)
--accent
#60A5FA
Ink (text-primary, light)
--text-primary
#0F172A
Ink (text-primary, dark)
--text-primary
#E2E8F0
Surface (bg-primary, light)
--bg-primary
#FFFFFF
Surface (bg-primary, dark)
--bg-primary
#0B1220

Typography

One sans-serif family for prose, one mono family for code, shells, ports, and hostnames. The exact stacks defer to system defaults — fast, no web-font payload, looks native on every platform.

  • Sans — system stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, ...
  • Mono — system stack: ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", ...

The size scale (closed after three rounds of polishing):

  • h1 — 28–36 px
  • h2 — 22–28 px
  • h3 — 19 px
  • lead — 18 px
  • body — 17 px
  • code — 14 px (inline 0.92em of context)
  • label — 10–13 px, uppercase, mono

Voice and tone

Direct, technical, low on adjectives. Three habits consistently used across the site:

  • Concrete over aspirational. "Six HTTP services on one docker compose up" beats "powerful enterprise-grade platform". Numbers, names, ports — readers can verify them.
  • Released vs in preparation. The site lists what is shipping today and what is being prepared, side by side, without mixing the two.
  • Plain English over jargon. "Refuses dangerous tool calls" beats "implements zero-trust enforcement boundary". The audience is technical; condescension is a trust-killer.

Some words don't appear on the site by design: enterprise-grade, hardened, battle-tested. They flatter and don't inform.