Bauplanlabs

A developer-platform marketing surface for an AI data-pipeline product, built on a warm off-white canvas (#f7f7f7) with near-black ink, a single bold Satoshi typeface across the whole hierarchy, and a primary/secondary CTA pair (dark pill + white outline pill). Brand voltage comes from a small RGB-dot accent set (teal/sky/yellow/red) used as tiny markers and colorful card-edge frames, plus a deep dark code section that grounds the lower page with One-Dark-style syntax fragments. The system reads as precise, engineering-first, and confidently minimal.

bauplanlabs.com

Works with Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

h1 49.6px · 700 · 1.3

The quick brown fox jumps

h2 32px · 700 · 1.4

The quick brown fox jumps

h4 19.2px · 700 · 1.25

The quick brown fox jumps

h3 17.6px · 500 · 1.4

The quick brown fox jumps

body 16px · 300 · 1.4

The quick brown fox jumps

button 16px · 700 · 1.4

The quick brown fox jumps

Spacing & Shape

Spacing

Name	Value	Preview
xxs	4px
xs	8px
sm	12px
md	16px
lg	24px
xl	32px
xxl	48px
xxxl	64px
section	96px

Border Radius

Name	Value	Preview
sm	8px
md	10px
lg	15px
xl	20px
pill	100px

FAQ

What colors does Bauplanlabs use?: Bauplanlabs's core palette includes #262626, #000000, #f7f7f7, #fafafa, #ffffff. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Bauplanlabs DESIGN.md.
What font does Bauplanlabs use?: Bauplanlabs's primary typeface is Satoshi. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
What is the Bauplanlabs design system?: A developer-platform marketing surface for an AI data-pipeline product, built on a warm off-white canvas (#f7f7f7) with near-black ink, a single bold Satoshi typeface across the whole hierarchy, and…

More like this

↓ .md ↓ All files

loading…