BoldPolarDashboard

Indigo Polar

Bold vibrant polar area on a deep indigo background. Striking for executive dashboard cards.

Theme tokens

Background: #1e1b4b
Font: Inter / 11px
Mode: dark

API snippet

POST this to /api/v1/render to render this template programmatically.

POST /api/v1/render HTTP/1.1
Content-Type: application/json
Authorization: Bearer YOUR_API_KEY

{
  "type": "polarArea",
  "width": 560,
  "height": 460,
  "format": "png",
  "devicePixelRatio": 4,
  "theme": {
    "palette": [
      "#22d3ee",
      "#4ade80",
      "#facc15",
      "#f472b6",
      "#818cf8",
      "#fb7185"
    ],
    "backgroundColor": "#1e1b4b",
    "fontFamily": "Inter",
    "fontSize": 16,
    "gridColor": "rgba(165, 180, 252, 0.12)",
    "mode": "dark"
  },
  "data": {
    "labels": [
      "Search",
      "Social",
      "Email",
      "Direct",
      "Referral",
      "Paid"
    ],
    "datasets": [
      {
        "data": [
          34,
          22,
          18,
          14,
          8,
          4
        ],
        "backgroundColor": [
          "rgba(34,211,238,0.75)",
          "rgba(74,222,128,0.75)",
          "rgba(250,204,21,0.75)",
          "rgba(244,114,182,0.75)",
          "rgba(129,140,248,0.75)",
          "rgba(251,113,133,0.75)"
        ],
        "borderWidth": 0
      }
    ]
  },
  "options": {
    "color": "#c7d2fe",
    "plugins": {
      "legend": {
        "position": "right",
        "labels": {
          "color": "#c7d2fe",
          "usePointStyle": true,
          "padding": 12
        }
      },
      "title": {
        "display": true,
        "text": "Traffic Source Share",
        "color": "#e0e7ff",
        "font": {
          "size": 13,
          "weight": "bold"
        }
      }
    },
    "scales": {
      "r": {
        "grid": {
          "color": "rgba(165, 180, 252, 0.1)"
        },
        "ticks": {
          "display": false
        }
      }
    }
  }
}

More Polar templates

Polar Feature

Polar Skills

Vibrant Polar