Cards Against Humanity

Cards Against Humanity uses a stark, high-contrast dark mode aesthetic, reminiscent of classic card-game tabletop. Its visual system is built on a foundation of pure black and white, punctuated by vibrant, almost neon, accent colors primarily used in badges and card-like elements. Typography is bold and direct, often in all-caps, with content framed by clear borders but minimal use of soft shadows or gradients. The overall atmosphere is playful yet structured, with distinct elements standing out against the deep background. Always use Midnight Ink (#000000) for page backgrounds and primary text. Utilize Canvas White (#ffffff) for text on dark backgrounds and ghost button elements. Apply 64px border-radius to primary filled buttons and 38px to badges for consistent rounding. Emphasize content blocks with distinct background colors such as Neon Yellow (#fffe5b) or Electric Blue (#1b5bff) for cards. Use Stinger Red (#fe2f2f), Jester Violet (#7333f1), or Mischief Yellow (#d7b73b) for badge backgrounds and prominent decorative borders. Employ the Helvetica Neue LT typeface at varied weights for all text elements to maintain a unified, bold voice. Maintain a spacious density with a base element gap of 10px and card padding of 20px. Avoid soft shadows; the system relies on hard borders and high contrast for visual separation. Do not introduce gradients unless explicitly defined; use solid colors for all UI elements. Refrain from using desaturated color palettes; the brand's identity is built on vivid, high-contrast accents. Do not deviate from the Helvetica Neue LT font family; its specific weights are crucial to the brand's typographic tone. Avoid small, subtle text; the system prefers direct, legible typography, often in larger sizes. Do not use generic border radii; adhere to the defined values of 0px, 13px, 20px, 32px, 38px, and 64px for specific components. Do not obscure backgrounds with complex imagery; backgrounds should be stark and allow UI elements to pop.