← all resources design system

design repository.

the visual identity for ai builders network. tokens, typography, and components — sourced from one object: the aibn logo grid.

download design.md generate your own

tokens

colors.

primary #C73E22

vermilion — buttons, accents

primary-deep #B83A22

hover states

ink #1A1A1A

headers, dark sections

on-ink #F4F1EA

text on ink

neutral #F4F1EA

page background

muted #5C5C5C

secondary text

surface #FFFFFF

cards, lifted blocks

typography

type scale.

display-xl

where builders ship.

display-l

resources for builders.

heading

peers who build

body-lg

a community of enthusiasts passionate about building AI solutions.

body-md

weekly build demos. async knowledge sharing. early access to projects.

eyebrow

members · est. 2026

components

building blocks.

button-primary

button-secondary

card-on-neutral

lifted on paper

surface white on neutral background.

card-on-ink

lifted on ink

for dark sections.

source file

design.md

the canonical styleguide. feed it to your ai coding tools so every page matches the identity.

---
version: alpha
name: AI Builders Network
description: Visual identity for a community of builders shipping AI solutions. Built from the aibn logo — a 2x2 vermilion grid of lowercase letters on near-black.
colors:
  primary: "#C73E22"
  primary-deep: "#B83A22"
  on-primary: "#FFFFFF"
  ink: "#1A1A1A"
  on-ink: "#F4F1EA"
  neutral: "#F4F1EA"
  on-neutral: "#1A1A1A"
  muted: "#5C5C5C"
  surface: "#FFFFFF"
  divider: "#1A1A1A"
typography:
  display-xl:
    fontFamily: DM Mono
    fontSize: 5rem
    fontWeight: 500
    lineHeight: 1.0
    letterSpacing: "-0.03em"
  display-l:
    fontFamily: DM Mono
    fontSize: 3.25rem
    fontWeight: 500
    lineHeight: 1.05
    letterSpacing: "-0.02em"
  heading:
    fontFamily: DM Mono
    fontSize: 1.5rem
    fontWeight: 500
    lineHeight: 1.2
  body-lg:
    fontFamily: Inter
    fontSize: 1.25rem
    fontWeight: 400
    lineHeight: 1.5
  body-md:
    fontFamily: Inter
    fontSize: 1rem
    fontWeight: 400
    lineHeight: 1.6
  label-caps:
    fontFamily: DM Mono
    fontSize: 0.75rem
    fontWeight: 500
    lineHeight: 1.4
    letterSpacing: "0.12em"
rounded:
  none: 0px
  sm: 4px
  md: 8px
spacing:
  xs: 8px
  sm: 16px
  md: 24px
  lg: 48p…