11x. Full-bleed terrain photography against monumental serif headlines, where the page reads like a luxury magazine spread.
- AI
- Mixed theme
- 16 colors
- 1 typeface
11x.ai operates as a cinematic editorial platform: dramatic full-bleed landscape photography meets oversized custom serif typography, creating the feel of a luxury magazine spread repurposed for enterprise software. The interface is almost entirely monochrome — black on white surfaces, white on deep teal sections — with color appearing only as muted, sun-bleached pastels on feature cards (dusty blue, mint, lavender, peach). The single recurring accent on dark sections is a muted slate-teal used for feature tag pills. Components are deliberately minimal: pill-shaped buttons with 999px radius, soft-bordered portrait cards, and small status badges — nothing competes with the photography or the serif headlines. The rhythm alternates between white editorial spreads and full-bleed dark narrative bands, giving the entire site the cadence of a print campaign rather than a typical SaaS landing page.
11x design system
Accent7
Dark section backgrounds — the only large chromatic surface, used for narrative bands between editorial spreads
Soft blue pastel — feature card background, decorative portrait card tint
Pale mint-teal pastel — feature card background variant
Lavender pastel — feature card background variant
Warm peach/tan pastel — feature card background variant, ties to hero photography palette
Muted blue-teal for feature tag pills on dark sections, badge backgrounds — the only repetitive chromatic UI element
Warm brown for badge borders and occasional accent text — echoes the terrain photography
Neutrals9
Primary action buttons on light surfaces, body text, headlines, card borders — the universal ink of the system
Near-black for dark button fills on light surfaces where pure black feels too harsh
Disabled or tertiary button fills, secondary surface fills
Muted neutral footer and section dividers — warm mid-gray grounding color
Button and link background tint, card surface for outlined controls
Soft warm card surface, secondary peach accent on portrait cards
Warm card surface tint, section backgrounds in cream/peach areas — desert-hour warmth
Card surfaces and hairline borders on light sections — the warm off-white that prevents starkness
Page canvas on light sections, card surfaces, text on dark backgrounds, button text on filled buttons
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Paper White on Deep Teal
16.00 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
