Editorial Report Strategy

How I build scrolly-telling reports for you.

G2 Brand Palette (Source of Truth)

All reports use G2's Elevate design system palette. Extracted from engines/elevate/theme/.

Core Palette

:root {
  /* === PURPLE (Primary / Brand) === */
  --g2-purple-5: #f5f4fb;
  --g2-purple-10: #f2f0f9;
  --g2-purple-20: #ebe9f6;
  --g2-purple-30: #dedaf1;
  --g2-purple-40: #c3bde5;
  --g2-purple-60: #988ed2;
  --g2-purple-80: #7769c4;
  --g2-purple-100: #5746b2; /* PRIMARY action, brand anchor */
  --g2-purple-120: #45388f;
  --g2-purple-140: #342a6a;
  --g2-purple-160: #211b46;
  --g2-purple-180: #15112c;

  /* === RORANGE (Brand accent / Critical) === */
  --g2-rorange-20: #fff6f5;
  --g2-rorange-40: #ffd7d1;
  --g2-rorange-60: #ffa394;
  --g2-rorange-80: #ff7761;
  --g2-rorange-100: #ff492c; /* G2 BRAND orange-red */
  --g2-rorange-120: #eb2000;
  --g2-rorange-140: #b21800;
  --g2-rorange-160: #610d00;

  /* === NEUTRAL === */
  --g2-neutral-0: #ffffff;