cdn.ahlab.org · brand kit

Augmented
Human Lab
brand assets.

Logos, colors, and typography for the Augmented Human Lab. Use these assets when writing about our work, designing posters, or building on top of the lab's identity.

Maintained by AHLab
ahlab.org →
Last updated 2026
01 / Logos
Logo & mark

The wordmark is the primary identity. Use the dark version on light backgrounds and the light version on dark or photographic backgrounds. Maintain at least 16 px clearspace on all sides.

AHLab dark wordmark
Wordmark — Dark
cdn.ahlab.org/media/site/Group@2x.png
Download
AHLab light wordmark
Wordmark — Light
cdn.ahlab.org/media/site/Group-4@2x.png
Download
AHLab favicon
Favicon
cdn.ahlab.org/media/site/favicon-32x32.png
Download
02 / Colors
Color palette

A single confident purple, a signature cyan-to-purple gradient, and a neutral grayscale ramp. Click any swatch to copy its hex value.

Accent
Accent
--color-accent
#6100FF
Accent Dark
--color-accent-dark
#4400B3
Accent Light
--color-accent-light
#904DFF
Gradient Start
--gradient-start
#00D7EE
Signature gradient
linear-gradient(221deg, #00D7EE 0%, #6100FF 100%)
Neutrals
Neutral 10
--color-neutral-10
#FFFFFF
Neutral 20
--color-neutral-20
#F4F7F9
Neutral 30
--color-neutral-30
#EDF0F3
Neutral 40
--color-neutral-40
#C9D8E3
Neutral 60
--color-neutral-60
#AAAFB6
Neutral 70
--color-neutral-70
#838D95
Neutral 80
--color-neutral-80
#5E6875
Neutral 100
--color-neutral-100
#0E0F11
03 / Typography
Typography

Two cuts of Neue Haas Grotesk — Display for headlines and structural labels, Text for body copy. Served via Adobe Fonts (Typekit).

Display --font-display
Aa Bb Cc
700 / Bold
Augmented Human Lab
800 / Black
Section Label
font-family: "neue-haas-grotesk-display", sans-serif;
Text --font-text
The Augmented Human Lab investigates how technology can extend our perceptual and cognitive capabilities. We design devices, interfaces, and systems that augment everyday human experience.
400 / Regular
The quick brown fox jumps
500 / Medium
The quick brown fox jumps
600 / Semibold
The quick brown fox jumps
font-family: "neue-haas-grotesk-text", sans-serif;

Both fonts are part of Adobe Fonts kit zws2qzx · embed via <link rel="stylesheet" href="https://use.typekit.net/zws2qzx.css">

04 / Design tokens
Download the system

The full color palette, gradient, and typography stack — packaged for drop-in use in your own projects. Pick the format that matches your stack, or grab the markdown version to feed an AI coding assistant.

CSS Custom Properties
Drop into any web project. Use as var(--color-accent) after import.
.css
/* AHLab Brand Tokens */
:root {
  --color-accent: #6100FF;
  --color-accent-dark: #4400B3;
  --gradient-start: #00D7EE;
  --gradient-end: #6100FF;
  /* …8 more neutrals + fonts */
}
theme.css
Markdown Spec
For AI coding assistants. Paste into Claude, Cursor, or your project's README.md.
.md
# AHLab Design Tokens

## Colors

### Accent
| Token           | Hex     | Use          |
|-----------------|---------|--------------|
| color-accent    | #6100FF | primary      |
| gradient-start  | #00D7EE | cyan accent  |
theme.md
Copied