Pixloop Design.md
CardsAgainstHumanity homepage design, full-page screenshot

CardsAgainstHumanity

A deliberately anti-design, high-contrast interface built almost entirely from pure black canvas and pure white ink, with heavy Helvetica Neue set at extreme weights. Brand voltage comes from a scatter of loud pastel/primary accent cards (red, purple, gold, blue, yellow) used as content blocks rather than chrome, and from the party-game's own black-and-white playing cards shown directly on the landing surface. The tone is blunt, editorial, and intentionally crude — sharp-cornered content, oversized 800-weight headlines, and a monochrome shell that lets the occasional color block shout.

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

Color Palette

Accent

Neutrals

Typography

display 80px · 800 · 1.0
The quick brown fox jumps
lead 40px · 800 · 1.05
The quick brown fox jumps
heading 20px · 400 · 1.3
The quick brown fox jumps
button 14px · 800 · 2.0
The quick brown fox jumps

Spacing & Shape

Spacing

Name Value Preview
xxs 10px
xs 12px
sm 20px
md 30px
lg 40px
xl 50px
xxl 60px
huge 90px
section 160px

Border Radius

Name Value Preview
none 0px
xs 10px
sm 13px
md 20px
lg 28px
xl 32px
xxl 38px
huge 64px
mega 80px

FAQ

What colors does CardsAgainstHumanity use?
CardsAgainstHumanity's core palette includes #ffffff, #000000, #808080, #fe2f2f, #ff6b6b. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the CardsAgainstHumanity DESIGN.md.
What font does CardsAgainstHumanity use?
CardsAgainstHumanity's primary typeface is Helvetica Neue LT. 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 CardsAgainstHumanity design system?
A deliberately anti-design, high-contrast interface built almost entirely from pure black canvas and pure white ink, with heavy Helvetica Neue set at extreme weights. Brand voltage comes from a scatt…

More like this