Design Index

All preview pages in one place

Hero Animations

• Hero Pipeline Animation Before/after renewal pipeline — deals flow, confetti, ARR counter

Logo: Stacked Deals

• Stacked Deal Cards (V1-V4) Dollar amount, header bar, stage pill, dollar + arrow

Logo: Tesla Valve

• Tesla Valve — Linear + Renewal Loop Full valve illustration, loop + leak drops, sealed leak, loop + bucket
• Tesla Valve — Square (C/Ↄ bumps) Alternating semicircle bumps on all 4 sides of a square

Logo: Honeycomb / Hexagon

• Honeycomb — Original Brand Colors Split hex, 4-hex cluster, 6 slices — orange + teal + navy + cream

Logo: Color Palette Explorations

• Palette 1: Trust & Authority Navy + Orange + Teal + Cream + Slate
• Palette 2: Modern SaaS Ink Black + Electric Blue + Amber Gold + Ice White + Cool Gray
• Palette 3: Revenue Growth Charcoal + Orange + Green + Sand + Graphite
• Palette 4: Premium Consulting Deep Indigo + Coral + Sage Teal + Pearl + Muted Navy

Logo: Orange + Teal Constant

• Palette 5: Deep Ocean Midnight Blue + Pale Sky + Steel (orange/teal constant)
• Palette 6: Warm Contrast Navy + Honey Gold + Warm Gray (orange/teal constant)
• Palette 7: Clean Pro Rich Black + Soft Lavender + Neutral Gray (orange/teal constant)
• Palette 8: Earth & Ocean Forest Dark + Sandstone + Olive Gray (orange/teal constant)

Logo: Dashboard & Industrial Colors

• Palette 9: Dashboard Teal Teal + Amber + Red + Green — hex + quadrant + honeycomb cluster
• Industrial 1: Green & Orange Medium Green + Alert Orange + Deep Gray + Buff — hex + cluster + quadrant
• Industrial 2: Blue & Yellow Caution Blue + Solar Yellow + Medium Blue + Deep Gray — hex + cluster + quadrant
• Industrial 3: Fire & Safety Fire Red + Safety Green + Alert Orange + Medium Gray — hex + cluster + quadrant

Sample Pages

• V5 Homepage (original amber) Mid-tones palette applied to website homepage
• V5 Dashboard (original amber) Mid-tones palette applied to Django backend dashboard

V6: Copper CTA — Light & Dark

• V6 Homepage — Light Mode Copper CTA (#C47A2A) on light background
• V6 Homepage — Dark Mode Copper CTA on dark navy background
• V6 Dashboard — Light Mode Django backend with copper accents on light bg
• V6 Dashboard — Dark Mode Django backend with copper accents on dark bg

Final Palette Explorations

• Final Palette — Base 4 Colors Amber + Teal + Blue + Yellow — hex, cluster, quadrant, lockups
• Final Palette — Shade Mixes (V2-V5) Deep, light, contrast, mid-tone variations of same families