---
name: Ibm
description: "A textbook example of enterprise software design DNA, prioritizing clarity, scalability, and professional authority."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#161616"
  secondary: "#333333"
  tertiary: "#0F62FE"
  neutral: "#525252"
  bg-soft: "#F4F4F4"
  bg-quiet: "#F4F4F4"
  line: "rgba(22, 22, 22, 1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 54px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  heading:
    fontFamily: humanist-sans
    fontSize: 42px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-1px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 4px
  md: 8px
  lg: 12px
  pill: 80px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

Global enterprise technology infrastructure and software platform.

*A structured grid of clear, efficient paths through a complex system.*

## Colors

High-contrast neutral palette with a single primary action blue.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#161616`)** — uses `ink` token
- **Secondary text (`#333333`)** — uses `ink-soft` token
- **Accent (`#0F62FE`)** — uses `accent` token
- **Muted (`#525252`)** — uses `muted` token
- **Borders (`rgba(22, 22, 22, 1)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans
- **Mono:** mono

- Use IBM Plex Sans for all primary text
- Maintain tight negative letter spacing on display sizes
- Keep font weight regular (400) for headlines

## Layout

12-column grid with significant whitespace and clear horizontal divisions.

*Rhythm:* Consistent 16px and 24px gutters throughout the grid.

## Elevation & Depth

- rgba(23, 23, 23, 0.3) 1px 0px 4px 0px
- Borders: 1px solid #161616

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 12px
- `pill`: 80px

## Components

- **button:** Primary buttons use #0F62FE background with white text; secondary buttons use transparent background with #0F62FE border and text.
- **card:** Cards are defined by thin 1px borders or subtle background shifts, often featuring large icons.
- **chip:** Chips are not prominently featured, mostly simple border-radius 4px inputs.
- **input:** Inputs use subtle borders with #161616 focus states.
- **hero:** A massive left-aligned headline with a concise paragraph and two side-by-side CTAs.

## Do's and Don'ts

**Don't:**
- Don't use multiple primary colors — screenshot shows a single dominant #0F62FE.
- Don't use decorative serifs — screenshot shows a humanist-sans typeface for all headings.
- Don't apply heavy drop shadows — screenshot shows mostly flat surfaces or very subtle box-shadows.
- Don't use rounded card corners everywhere — screenshot shows mostly sharp 4px or 8px radii.
- Don't clutter the layout with dense imagery — screenshot shows generous whitespace around elements.
- Don't use dark mode — screenshot shows a predominantly #FFFFFF light background.
- Don't use high font weights for headlines — screenshot shows regular (400) weight for large text.

---

## System Prompt (paste into AI agent)

```
IBM.com is a global enterprise technology platform with a clean, professional, and highly structured design. It utilizes a neutral palette dominated by #FFFFFF (background) and #161616 (ink), with #0F62FE serving as the primary action accent. The typography is consistently humanist-sans, featuring large, regular-weight headlines with negative letter spacing. Key critical donts: avoid using multiple accent colors, never use decorative serifs, and maintain generous whitespace rather than dense layouts. The interface emphasizes 12-column grid alignment, subtle 1px borders, and smooth cubic-bezier transitions on interactive components.
```