palantir-design

A Palantir-style "editorial systems" design language for coding agents.

High-contrast monochrome · one neo-grotesque set large at weight 400 · tracked earmark labels · underline-as-emphasis · 1px geometric line-work · bilingual (Latin + 中文). Ships as a Claude Code skill that renders web pages, app UI & dashboards, slide decks / PPT, and long-form documents — all from one token system, straight to HTML, PDF, PPTX, and DOCX.

an unofficial homage — not affiliated with Palantir Technologies

---

When in doubt, remove. This is the quiet, precise, instrument-panel look of software built for serious institutions: paper-white and near-black surfaces that flip wholesale, off-white #EFEFEF headlines on dark (never pure white), hierarchy from size not weight, and decoration kept to 1px hairlines. Restraint is the whole point — but restraint is not bareness: every flagship page earns depth from layered surfaces, a signature element, and muted accent glows confined to the blueprint plane.

What it is

One design language, many formats. The look is identical everywhere; only the layout container changes.

Register	Formats
Marketing / brand	landing · product · news pages · slide decks / PPT · long-form reports & one-pagers
Product / app	dense dashboards & data-app UI (a Blueprint-class register)
Data-viz	hairline charts, metrics, dot grids, marketecture diagrams

It is also a valid DESIGN.md — the tokens live in examples/DESIGN.md and pass Google's design.md lint with 0 errors / 0 warnings, so they export straight to Tailwind or W3C DTCG. Google's design.md is the neutral container; this is one opinionated, finished language that lives inside that container.

Gallery

Rendered from the templates in assets/templates/. Screenshots in examples/render/.

Landing	Product	Dashboard
Deck / PPT	Metrics	Document

The latest addition — the surface-aware light chart (solid ink-filled bars + faint gridlines, the inverse of the dark hairline instrument):

Quickstart

Use it inside Claude Code — clone, install as a skill, then just ask for the look:

git clone https://github.com/<owner>/palantir-design.git && cd palantir-design
# install as a Claude Code skill (symlink keeps it in sync, or copy):
ln -s "$(pwd)" ~/.claude/skills/palantir-design

Then ask Claude Code for any of:

"make a Palantir-style landing page" · "格物 / instrument-panel slide deck" · "a Palantir-style dashboard" · "clean monochrome technical one-pager" · "a Palantir-style chart / metrics page" · or just "make it look like Palantir."

It also fires when you name a format (PPT, Word, site, dashboard) without naming the style — if you want this restrained monochrome technical register, this is the skill.

Preview the examples without Claude Code — open any file in assets/templates/ or examples/ in a browser. Lint / export the tokens with Google's CLI:

npx @google/design.md lint   examples/DESIGN.md      # → 0 errors / 0 warnings
npx @google/design.md export --format tailwind examples/DESIGN.md > tailwind.theme.json

Export to PDF / PPTX / DOCX (build the HTML first, then convert):

pip install -r scripts/requirements.txt && playwright install chromium
python scripts/html_to_pdf.py  deck.html  deck.pdf
python scripts/html_to_pptx.py deck.html  deck.pptx

How it's organized

palantir-design/
├── SKILL.md                  ★ skill entry — the language + the format router
├── PHILOSOPHY.md               the thesis (why it looks like this)
├── README.md · CONTRIBUTING.md · FONTS.md · LICENSE · NOTICE
├── references/                 the operational spec (source of truth)
│   ├── design-language.md    ★ full token spec + rationale + sources
│   ├── web.md · slides.md · documents.md · data-viz.md
│   ├── product-ui.md           the dense product/app (dashboard) register
│   ├── cjk.md · office-export.md · interop.md
│   └── checklist.md          ★ definition of done + guardrails + is/isn't-Palantir rubric
├── assets/
│   ├── tokens.css            ★ the runtime system (oklch source of truth)
│   ├── tailwind.theme.json     generated from examples/DESIGN.md
│   ├── fonts.css + fonts/      @font-face (licensed faces are BYO — see FONTS.md)
│   ├── css/{deck,print,app}.css
│   └── templates/              working pages to mirror (+ product-app dashboard)
├── scripts/                    html_to_pdf · html_to_pptx · build_docx (+ requirements.txt)
├── examples/
│   ├── DESIGN.md             ★ the machine-readable tokens (lints 0/0)
│   └── render/                 the gallery screenshots
└── docs/                       published-facing index

Start at SKILL.md's §3 router; it pulls in the right reference for your format.

Philosophy

Read PHILOSOPHY.md for the thesis: restraint as conviction, the four core ideas and their rationale, the bilingual-first stance, and the lineage (Swiss / International Typographic Style · Dieter Rams · Bloomberg & NASA instrument panels) that makes this an original, IP-safe system rather than a clone.

Fonts

The exact look uses the commercial Alliance No.1/No.2 (Degarism) and Apercu Mono Pro (Colophon). Those files are not included and are git-ignored — the repo renders out of the box with open fallbacks (Inter / JetBrains Mono / Noto Sans SC). See FONTS.md to bring your own licensed faces or change the fallbacks.

Provenance & IP

An original, reusable design language — tokens, type logic, and motifs — reverse-engineered from the live palantir.com token system and the Q2 2021 Business Update investor deck, then generalized. It is not a clone of any company's site, logo, or copy. Build original layouts and copy; the example brand LATTICE 格物 is fictional. "Palantir" is a trademark of Palantir Technologies Inc.; this project is an independent homage and is not affiliated with, endorsed by, or sponsored by them. See NOTICE.

License

Code, design tokens, documentation, and the DESIGN.md spec are licensed under Apache-2.0 (LICENSE). Fonts are not covered — they are separately licensed by their foundries and excluded (see FONTS.md and NOTICE).