Generative AI. 8-bit playground on clean white paper.
- AI
- Light theme
- 18 colors
- 3 typefaces
fal uses a playful generative-canvas language: clean white surfaces, one bold geometric sans (focal) at compressed tracking, dark filled buttons that sit flat against brightly-colored full-bleed section bands, and scattered 8-bit pixel art decorations in lime, violet, and pink that break the otherwise minimal developer-tool grid. Color is used sectionally — each band gets its own flat wash (sky-blue hero, lime highlight, violet CTA strip, pink testimonial accent) — so the page reads like a series of colored panels stitched together by white gutters. Components stay flat and sharp: 4px button radii, 12px card radii, hairline #e5e7eb borders, no shadows, no gradients, no rounded-pill controls. The pixel creatures are the only decorative noise on an otherwise quiet, text-forward canvas — they signal 'creative playground' without ever competing with the type.
Generative AI design system
Brand4
Hero band background, full-bleed section washes, pixel-art fill — the signature page-anchoring color
Inline links, underlined text accents, dark-band pixel highlights — the primary brand chromatic
Dark section backgrounds, card pixel-art fills, footer band — deeper companion to Electric Violet
Pixel-art creature fills, soft decorative blocks — lighter violet for the 8-bit illustrations
Accent5
Green wash for highlight backgrounds, decorative bands, and soft emphasis behind content.
Soft card surfaces, pastel pixel fills, announcement-bar tint
Testimonial-section accent blocks, pixel-art creature fill, soft card surfaces
Dark pixel-art detail strokes and creature outlines — the deep contrast pixel in illustrations
Pixel-art creature accent details, decorative icon strokes
Neutrals9
Primary display headline color, maximum-contrast text
Darkest surface for inverted sections, near-black backgrounds
Primary text, nav links, icon fills — the dominant readable text color
Dark filled button background — the only button fill color, white text on top
Body paragraph text, secondary copy
Muted helper text, captions, tertiary metadata
Universal border, divider, card outline — the only structural border color (1960 occurrences)
Card backgrounds, secondary surfaces, button hover grounds
Page canvas, card surfaces, button text on dark fills
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink Black on Sky Cyan
15.80 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
