Pixloop Design.md
Air.inc homepage design, full-page screenshot

Air.inc

A near-monochrome creative-ops interface built on pure white canvas and black ink, distinguished by a large categorical accent palette (16 measured hues) used for color-coded tags, brand-kit swatches, or asset labels rather than for primary UI chrome.

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

Color Palette

Accent

Neutrals

Typography

display-lg 48px · 600 · 1.1
The quick brown fox jumps
title-md 24px · 600 · 1.3
The quick brown fox jumps
body-md 16px · 400 · 1.5
The quick brown fox jumps
caption 13px · 500 · 1.4
The quick brown fox jumps
button 14px · 600 · 1.0
The quick brown fox jumps

Spacing & Shape

Spacing

Name Value Preview
xs 8px
sm 16px
md 24px
lg 32px
xl 48px
section 96px

Border Radius

Name Value Preview
xs 4px
sm 8px
md 12px
pill 9999px

FAQ

What colors does Air.inc use?
Air.inc's core palette includes #000000, #1b1b1b, #ffffff, #f5f5f5, #e5edfa. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Air.inc DESIGN.md.
What font does Air.inc use?
Air.inc's primary typeface is system-ui. 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 Air.inc design system?
A near-monochrome creative-ops interface built on pure white canvas and black ink, distinguished by a large categorical accent palette (16 measured hues) used for color-coded tags, brand-kit swatches…

More like this