Skip to content
Browse
Library

Rainmaker. Storm front over a pine forest.

  • Brand
  • Dark theme
  • 11 colors
  • 2 typefaces

Rainmaker operates as a cinematic field report: full-viewport panels of Forest Canvas #1c2c26 and Pine Field #103d1d alternate with full-bleed drone and storm footage, broken once by a pale Cloud #e0ded7 split panel. Flecha, a tall condensed high-contrast serif, carries every headline at 72-96px weight 400 with -0.02em tracking, so statements read like a period almanac rather than a tech launch. Founders Grotesk at weight 300 keeps body copy, uppercase eyebrows and footer links light and dry. Hi-Vis Lime #e5ff42 is the one loud colour, reserved for pill CTAs and deco corner ornaments; Wheat Gilt #daba89 plays the same ornamental role on the pledge panel. Everything is square-cornered except the 9999px pills, and depth comes from video and frosted glass rather than shadows.

Visit rainmaker.com
Screenshot of Rainmaker
Captured from rainmaker.com on November 6, 2026

Rainmaker design system

Rainmaker

Brand1

  • Pill CTA fills, research eyebrows, highlighted headlines and deco corner ornaments — a safety-vest signal against the forest greens

Accent3

  • Pledge-panel headline, eyebrow and gilt corner ornaments — a harvest tone that marks the trust and transparency story

  • Active tab headline on the Cloud panel and the giant cropped footer wordmark — a mid green that reads as tone-on-tone

  • Footer column labels, language switcher, muted metadata and the 1px footer rule

Neutrals7

  • Default page canvas for the hero and text-led panels, and label colour on Hi-Vis pills

  • Footer field and deco ornament fills — a deeper, greener floor beneath the Forest Canvas panels

  • Backdrop behind full-bleed film and drone video sections

  • The 1px dashed and dotted survey-grid lines laid over the careers image

  • The light split-panel canvas for the technology story and the secondary pill fill

  • Headlines, body copy and footer links on every dark panel — a warm off-white rather than pure white

  • Hero headline and supporting line over the opening video

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Obsidian on Hi-Vis Lime

18.48 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.