Building a Remote Work Infographic - Tutorial

What You'll Build

Infographics present data visually. You'll create a remote work statistics graphic with large numbers, icon cards, and clear hierarchy.

Bold headline and hero statistic
Icon-based stat cards
Color-coded categories
Source citation footer

Remote Work Infographic Preview — The final remote work infographic you'll create

Step 1: Create the Hero Statistic

Add Large Number Display

{
  "id": "hero-stat",
  "type": "text",
  "x": 200, "y": 180, "w": 400, "h": 100,
  "text": "74%",
  "fontSize": 96,
  "fontWeight": "bold",
  "align": "center",
  "options": { "stroke": "green.600" }
}

Step 2: Create Icon Stat Cards

Build Icon + Number Cards

// Card with icon and stat
{
  "id": "stat-card",
  "type": "rectangle",
  "x": 80, "y": 350, "w": 160, "h": 120,
  "borderRadius": 12,
  "options": { "stroke": "blue.400", "fill": "blue.50", "fillStyle": "solid" }
},
{
  "id": "stat-icon",
  "type": "text",
  "x": 80, "y": 370, "w": 160, "h": 35,
  "text": "💻",
  "fontSize": 32,
  "align": "center"
},
{
  "id": "stat-num",
  "type": "text",
  "x": 80, "y": 405, "w": 160, "h": 25,
  "text": "3.7 days",
  "fontSize": 20,
  "fontWeight": "bold",
  "align": "center",
  "options": { "stroke": "blue.700" }
}

Key Design Principles

Visual hierarchy — Most important info is largest
Limited colors — 3-4 colors maximum
White space — Don't overcrowd
Source citation — Credit your data

📊 Build Your Infographic

Visualize your data beautifully in Privacy Sketch.

Open Privacy Sketch