bunny.net. Orbital rabbit relay.
- SaaS
- Light theme
- 12 colors
- 3 typefaces
bunny.net - Orbital Rabbit Relay. The interface pairs a pale blue content canvas with deep navy campaign panels, making the illustrated bunny-and-rocket world feel embedded in the product rather than ornamental. Rubik at 700 carries oversized, compactly wrapped headings; white cards and restrained shadows keep dense product messaging buoyant around character illustrations. Orange-to-gold gradients are reserved for trial conversion moments and lively illustration details, while #183d6d anchors nearly all light-surface text.
bunny.net design system
Brand4
Primary text on light surfaces, section headings, product-card titles, metric values, and dark blue graphic elements
Hero backgrounds, dark promotional panels, and high-contrast campaign surfaces
Inset dark card surfaces and deep illustration backdrops
Supporting copy on dark campaign panels and subdued technical annotations
Accent3
Metric highlights, orange emphasis text, and outlined conversion-action borders — an energetic signal against navy
Trial-conversion fills and illustrated propulsion accents — the warm gradient makes conversion controls read as a launch trigger
Decorative gradient accents and high-energy illustrated details
Neutrals5
Muted footer and secondary supporting text
Low-contrast dividers and pale supporting surfaces
Page backgrounds, pale section bands, hairline borders
Subtle raised page areas and light surface transitions
Feature cards, navigation text, dark-panel headings, outlined navigation controls
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
White Surface on Edge Navy
10.90 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
