# Symmetry AI — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.getsymmetry.com/
Captured: 2026-11-05
CSS measured: 2026-11-05T16:09:17.678Z at 1440×1000 — https://www.getsymmetry.com/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: claude-sonnet-5

## Design direction

The webpage features a clean, modern design with a soft and colourful illustrative aesthetic. The layout utilizes layered UI cards and geometric 3D-like shapes, specifically cylinders, to visually represent the product's capabilities in an abstract yet structured manner. The typography relies on modern sans-serif fonts (Google Sans for headings, Geist for body text), creating a professional yet approachable feel. The colour palette includes warm off-whites for backgrounds, contrasted with distinct, playful accents of green, blue, and yellow.

## Classification

- Industry: ai
- Site type: Waitlist, Landing
- Business model: Software
- Styles: minimal, soft, geometric, illustrative, colourful, typographic, layered-ui, isometric-presentation
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: Google Sans — weight 500; size 64px; line-height 70.4px; tracking -1.9px; Regular (95% role confidence, computed values)
- Heading: Google Sans — weight 500; size 48px; line-height 52.8px; tracking -1.4px; Regular (95% role confidence, computed values)
- Body: geist — weight 400; size 18px; line-height 27px; tracking normal; Regular (90% role confidence, computed values)
- Mono: geist — weight 600; size 11px; line-height 11px; tracking -0.1px; Regular (80% role confidence, computed values)

## Functional palette

- Canvas — canvas #FFFFFF: color-2: computed rgb(255, 255, 255); AI role: Pure white (#FFFFFF) used as the primary background for many sections. (95% role confidence, computed values)
- Text — text #2E2926: color-3: computed rgb(46, 41, 38); AI role: Dark grey (#2E2926) used for primary headings, body text, and primary button backgrounds. (95% role confidence, computed values)
- Surface — surface #F5F3F2: color-1: computed rgb(245, 243, 242); AI role: Off-white (#F5F3F2) used for distinct section backgrounds to separate content. (90% role confidence, computed values)
- Accent — accent #40AA4A: color-21: computed rgb(64, 170, 74); AI role: Green (#40AA4A) used for success states, checkmarks, and abstract geometric shapes. (90% role confidence, computed values)
- Accent — accent #6CBEE4: color-22: computed rgb(108, 190, 228); AI role: Blue (#6CBEE4) used extensively in the 3D illustrations and as accents within the UI cards. (90% role confidence, computed values)
- Muted Text — muted text #6E6660: color-10: computed rgb(110, 102, 96); AI role: Lighter grey (#6E6660) used for secondary text elements like the 'Founder' label in the feature list. (85% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h3",
        "text": "Syms work together",
        "top": 7972,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Context carries forward",
        "top": 7972,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Conflicts get caught",
        "top": 8142,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "17.6px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h3",
        "text": "Your data stays yours",
        "top": 9092,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Nothing leaves without you",
        "top": 9092,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "You decide what it sees",
        "top": 9092,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "40px",
    "lineHeight": "44px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "Builds its own skills.",
        "top": 4102,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Sees the whole picture.",
        "top": 4674,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Stays on top of it all.",
        "top": 5246,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "27px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "p",
        "text": "Work comes at you from every direction. Keeping track is a job of its own. Sym finds your tasks, und",
        "top": 1361,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Each task arrives with its source and",
        "top": 2554,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "background context attached.",
        "top": 2581,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "16.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "a",
        "text": "Product",
        "top": 32,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Integrations",
        "top": 32,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Security",
        "top": 32,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Send the weekly team update",
        "top": 664,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Review the new onboarding spec",
        "top": 621,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Review Owen’s PR for the task backend",
        "top": 575,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "23.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Ana asked in #team for this week’s update before Monday planning. Last week’s went out Friday at 4: ",
        "top": 698,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Maya moved the onboarding spec to review. Engineering starts on Thursday, and two open questions abo",
        "top": 659,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The task-management backend branch is finished but unreviewed. Owen said in eng sync he can’t start ",
        "top": 617,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "They team up on shared tasks and unblock each other.",
        "top": 8005,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Project context follows the work, so Syms stay aligned.",
        "top": 8005,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Symmetry flags drift before mistakes change hands.",
        "top": 8175,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Never used to train models,and never sold.",
        "top": 9117,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Sym asks before anythingsensitive goes out.",
        "top": 9117,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Connect or remove sources anddelete data any time.",
        "top": 9117,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "19px",
    "lineHeight": "28.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Hand Sym a new task and it studies how you’ve done it before, then builds a skill. Next time, it’s d",
        "top": 4166,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Sym maps every thread, doc, decision and person behind your work and how they connect, so it starts ",
        "top": 4738,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Work stalls and loose ends pile up. Sym nudges you when it needs your input and unblocks itself by c",
        "top": 5310,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "17px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Maya needs your metrics to finish the weekly team update.",
        "top": 5226,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The weekly team update, with Sam’s metrics, is ready for your approval to go out before tonight’s de",
        "top": 5289,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "11.5px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Tue · Follow-upSend them by noon?",
        "top": 5249,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "SSamHere you goQ3 metrics",
        "top": 5267,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "42dot Sans",
    "fontStack": "\"42dot Sans\", geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "700",
    "size": "20px",
    "lineHeight": "22px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "All done!",
        "top": 637,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "27px",
    "letterSpacing": "0px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Sym catches every task, commitment and deadline that surfaces throughout your day, and lands it in o",
        "top": 1655,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Every teammate gets a Sym, a personal work agent that finds the tasks hiding across your tools and f",
        "top": 301,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Nothing left in the queue. Press Esc to head back.",
        "top": 674,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "15px",
    "lineHeight": "19.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 24,
    "contexts": [
      {
        "tag": "span",
        "text": "Investor updates",
        "top": 6976,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Hiring follow-ups",
        "top": 7034,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Board prep",
        "top": 7092,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "17px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 24,
    "contexts": [
      {
        "tag": "span",
        "text": "Drafted monthly from your metrics and wins.",
        "top": 6998,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Every candidate intro answered on time.",
        "top": 7056,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "The deck and the open questions, ready before you walk in.",
        "top": 7114,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "42dot Sans",
    "fontStack": "\"42dot Sans\", geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "700",
    "size": "14px",
    "lineHeight": "normal",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 20,
    "contexts": [
      {
        "tag": "span",
        "text": "Accept",
        "top": 797,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Remind me",
        "top": 797,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Delete",
        "top": 797,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "600",
    "size": "11px",
    "lineHeight": "11px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 20,
    "contexts": [
      {
        "tag": "kbd",
        "text": "A",
        "top": 794,
        "property": "font"
      },
      {
        "tag": "kbd",
        "text": "R",
        "top": 794,
        "property": "font"
      },
      {
        "tag": "kbd",
        "text": "D",
        "top": 794,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "Weekly team update",
        "top": 4303,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Post-call follow-up",
        "top": 4324,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Board prep",
        "top": 4365,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "11px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "span",
        "text": "Checking",
        "top": 4230,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "No match",
        "top": 4229,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Learning",
        "top": 4232,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "span",
        "text": "#team · 2h ago",
        "top": 636,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Operations",
        "top": 747,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Today",
        "top": 747,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 13,
    "contexts": [
      {
        "tag": "span",
        "text": "Every task,",
        "top": 1646,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "from everywhere.",
        "top": 1699,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "A task list that runs itself.",
        "top": 2375,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "11px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "From your past work",
        "top": 4290,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Due Fri",
        "top": 4229,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "#team",
        "top": 4906,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "text",
        "text": "Share the scorecard",
        "top": 2040,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "Update the launch timeline",
        "top": 1875,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "Prep for the 2pm with Dana",
        "top": 1900,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "17px",
    "lineHeight": "22px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Founder",
        "top": 6916,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Product",
        "top": 6968,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Operations",
        "top": 7046,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "$6 / mo",
        "top": 7241,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$8 / mo",
        "top": 7190,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Signed",
        "top": 7257,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "42dot Sans",
    "fontStack": "\"42dot Sans\", geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "700",
    "size": "17px",
    "lineHeight": "19.6px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "b",
        "text": "Slack",
        "top": 618,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "Linear",
        "top": 569,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "Google Meet",
        "top": 518,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "24px",
    "lineHeight": "26.4px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Tasks land with context",
        "top": 2513,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Your list, already sorted",
        "top": 2513,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Tasks update themselves",
        "top": 3173,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "17px",
    "lineHeight": "normal",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Monthly investor update",
        "top": 4141,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Send the weekly team update",
        "top": 4789,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Priya: SOC 2 access policy",
        "top": 7038,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Reading the #team thread",
        "top": 730,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Pulling this week’s numbers",
        "top": 756,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Drafting it the way you write it",
        "top": 782,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "42dot Sans",
    "fontStack": "\"42dot Sans\", geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "700",
    "size": "15px",
    "lineHeight": "normal",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "b",
        "text": "Your skills",
        "top": 4279,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "Weekly team update",
        "top": 5426,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "Vendor review: device management",
        "top": 7149,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "600",
    "size": "13px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Urgent",
        "top": 622,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Urgent",
        "top": 522,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Urgent",
        "top": 499,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "600",
    "size": "12px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Ship moved to Friday",
        "top": 4671,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Kandji",
        "top": 7232,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Rippling",
        "top": 7180,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "11.5px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Approve",
        "top": 5411,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Edit",
        "top": 5382,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Open the brief",
        "top": 7344,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "600",
    "size": "9px",
    "lineHeight": "normal",
    "letterSpacing": "0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "S",
        "top": 5015,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "S",
        "top": 5477,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "S",
        "top": 5391,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "Google Sans",
    "fontStack": "\"Google Sans\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "64px",
    "lineHeight": "70.4px",
    "letterSpacing": "-1.9px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "The work finds itself",
        "top": 148,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "and gets done.",
        "top": 218,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "geist",
    "fontStack": "geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "20.8px",
    "letterSpacing": "0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Get early access",
        "top": 387,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Get early access",
        "top": 9621,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "42dot Sans",
    "fontStack": "\"42dot Sans\", geist, \"geist Fallback\", Geist, -apple-system, \"system-ui\", \"Segoe UI\", sans-serif",
    "weight": "700",
    "size": "13px",
    "lineHeight": "normal",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "b",
        "text": "Your Sym",
        "top": 5295,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "Your Sym",
        "top": 5352,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#F5F3F2",
    "alpha": 1,
    "cssValue": "rgb(245, 243, 242)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "article",
        "text": "Your skillsFrom your past workCheckingNo matchLearningSkill addedWeekly team updatePost-call follow-",
        "top": 4022,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 106,
    "contexts": [
      {
        "tag": "body",
        "text": "{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://www.getsymmetry.co",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Get early access",
        "top": 23,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "Get early access",
        "top": 387,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#2E2926",
    "alpha": 1,
    "cssValue": "rgb(46, 41, 38)",
    "count": 232,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 32,
        "property": "svg-fill"
      },
      {
        "tag": "a",
        "text": "Product",
        "top": 32,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Book a demo",
        "top": 32,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 12,
    "contexts": [
      {
        "tag": "svg",
        "text": "Share the scorecard",
        "top": 2029,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 7941,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FCF1D8",
    "alpha": 1,
    "cssValue": "rgb(252, 241, 216)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "Tasks update themselvesAs work moves across your tools, tasks pick up new context, change status and",
        "top": 3124,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "No match",
        "top": 4229,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#E8F3FA",
    "alpha": 1,
    "cssValue": "rgb(232, 243, 250)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Tasks land with contextEach task arrives with its source and background context attached.",
        "top": 2464,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FDFCFA",
    "alpha": 1,
    "cssValue": "rgb(253, 252, 250)",
    "count": 22,
    "contexts": [
      {
        "tag": "div",
        "text": "Your skillsFrom your past workCheckingNo matchLearningSkill addedWeekly team updatePost-call follow-",
        "top": 4199,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 5329,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#45A74E",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(64, 170, 74, 0.1)",
    "count": 2,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 377,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#E6F3E7",
    "alpha": 1,
    "cssValue": "rgb(230, 243, 231)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "Your list, already sortedGrouped by source, project and urgency, so you skip the sorting and get str",
        "top": 2464,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Skill added",
        "top": 4222,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#6E6660",
    "alpha": 1,
    "cssValue": "rgb(110, 102, 96)",
    "count": 41,
    "contexts": [
      {
        "tag": "span",
        "text": "Founder",
        "top": 6916,
        "property": "text"
      },
      {
        "tag": "i",
        "text": "",
        "top": 6926,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#2E2926",
    "alpha": 0.6588235294117647,
    "cssValue": "rgba(46, 41, 38, 0.66)",
    "count": 24,
    "contexts": [
      {
        "tag": "p",
        "text": "Every teammate gets a Sym, a personal work agent that finds the tasks hiding across your tools and f",
        "top": 301,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "#team · 2h ago",
        "top": 636,
        "property": "text"
      },
      {
        "tag": "kbd",
        "text": "R",
        "top": 794,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#342F2D",
    "alpha": 1,
    "cssValue": "rgb(52, 47, 45)",
    "count": 2,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 8562,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 8563,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#312727",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(46, 41, 38, 0.1)",
    "count": 178,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "",
        "top": 614,
        "property": "border"
      },
      {
        "tag": "i",
        "text": "",
        "top": 778,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#F5F3F3",
    "alpha": 0.7215686274509804,
    "cssValue": "rgba(245, 243, 242, 0.72)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#2D2926",
    "alpha": 0.6392156862745098,
    "cssValue": "rgba(46, 41, 38, 0.64)",
    "count": 16,
    "contexts": [
      {
        "tag": "p",
        "text": "Nothing left in the queue. Press Esc to head back.",
        "top": 674,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "From your past work",
        "top": 4290,
        "property": "text"
      },
      {
        "tag": "rect",
        "text": "",
        "top": 4284,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#FAC344",
    "alpha": 1,
    "cssValue": "rgb(250, 195, 68)",
    "count": 25,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 41,
        "property": "svg-fill"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 637,
        "property": "svg-fill"
      },
      {
        "tag": "i",
        "text": "",
        "top": 581,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#2F2926",
    "alpha": 0.8588235294117647,
    "cssValue": "rgba(46, 41, 38, 0.86)",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Maya needs your metrics to finish the weekly team update.",
        "top": 5226,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#2E2A26",
    "alpha": 0.5490196078431373,
    "cssValue": "rgba(46, 41, 38, 0.55)",
    "count": 12,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 4197,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#FFFFFF",
    "alpha": 0.6392156862745098,
    "cssValue": "rgba(255, 255, 255, 0.64)",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Built so you can hand Sym real work with confidence.",
        "top": 9000,
        "property": "text"
      },
      {
        "tag": "b",
        "text": "SOC 2 Type",
        "top": 9139,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#F3F3F2",
    "alpha": 1,
    "cssValue": "rgb(243, 243, 242)",
    "count": 18,
    "contexts": [
      {
        "tag": "kbd",
        "text": "R",
        "top": 794,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Checking",
        "top": 4230,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#40AA4A",
    "alpha": 1,
    "cssValue": "rgb(64, 170, 74)",
    "count": 31,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 28,
        "property": "svg-fill"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 631,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 801,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#6CBEE4",
    "alpha": 1,
    "cssValue": "rgb(108, 190, 228)",
    "count": 50,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 28,
        "property": "svg-fill"
      },
      {
        "tag": "i",
        "text": "",
        "top": 754,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 795,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#2E2A25",
    "alpha": 0.7215686274509804,
    "cssValue": "rgba(46, 41, 38, 0.72)",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Checking",
        "top": 4230,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#205525",
    "alpha": 1,
    "cssValue": "rgb(32, 85, 37)",
    "count": 19,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 634,
        "property": "svg-stroke"
      },
      {
        "tag": "span",
        "text": "Accept",
        "top": 797,
        "property": "text"
      },
      {
        "tag": "kbd",
        "text": "A",
        "top": 794,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#6CBAE2",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(108, 190, 228, 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Monthly investor updateNew",
        "top": 4293,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#7D6222",
    "alpha": 1,
    "cssValue": "rgb(125, 98, 34)",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "No match",
        "top": 4229,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#EAF5FB",
    "alpha": 1,
    "cssValue": "rgb(234, 245, 251)",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Hand to SymS",
        "top": 790,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#E2F2F9",
    "alpha": 1,
    "cssValue": "rgb(226, 242, 249)",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 4372,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#123A4E",
    "alpha": 1,
    "cssValue": "rgb(18, 58, 78)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Drafted your way",
        "top": 4161,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#EEF7EF",
    "alpha": 1,
    "cssValue": "rgb(238, 247, 239)",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "AcceptA",
        "top": 790,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#164F6B",
    "alpha": 1,
    "cssValue": "rgb(22, 79, 107)",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "Hand to Sym",
        "top": 795,
        "property": "text"
      },
      {
        "tag": "kbd",
        "text": "S",
        "top": 794,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#EDECEA",
    "alpha": 1,
    "cssValue": "rgb(237, 236, 234)",
    "count": 7,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 24,
        "property": "control-background"
      },
      {
        "tag": "i",
        "text": "",
        "top": 894,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Due Fri",
        "top": 4229,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#2E2824",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(46, 41, 38, 0.3)",
    "count": 61,
    "contexts": [
      {
        "tag": "button",
        "text": "Paused",
        "top": 886,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "Your skillsFrom your past workCheckingNo matchLearningSkill addedWeekly team updatePost-call follow-",
        "top": 4199,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#E8E8E4",
    "alpha": 0.6,
    "cssValue": "rgba(232, 231, 229, 0.6)",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Operations",
        "top": 747,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#2D2828",
    "alpha": 0.2,
    "cssValue": "rgba(46, 41, 38, 0.2)",
    "count": 13,
    "contexts": [
      {
        "tag": "div",
        "text": "Slack#team · 2h agoUrgentSym is workingDoneSend the weekly team updateAna asked in #team for this we",
        "top": 591,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "",
        "top": 10010,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#2E2926",
    "alpha": 0.6784313725490196,
    "cssValue": "rgba(46, 41, 38, 0.68)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Reading the #team thread",
        "top": 730,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#B45309",
    "alpha": 1,
    "cssValue": "rgb(180, 83, 9)",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "Urgent",
        "top": 622,
        "property": "text"
      },
      {
        "tag": "rect",
        "text": "",
        "top": 634,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#FEF3C7",
    "alpha": 1,
    "cssValue": "rgb(254, 243, 199)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Urgent",
        "top": 622,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#40A94B",
    "alpha": 0.5490196078431373,
    "cssValue": "rgba(64, 170, 74, 0.55)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "OutlookPriya · 1d agoUrgentSend Brightline the demo follow-upPriya needs pricing for 40 seats and a ",
        "top": 376,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#FFFFFF",
    "alpha": 0.7019607843137254,
    "cssValue": "rgba(255, 255, 255, 0.7)",
    "count": 10,
    "contexts": [
      {
        "tag": "kbd",
        "text": "A",
        "top": 794,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#DEAA32",
    "alpha": 0.4,
    "cssValue": "rgba(222, 170, 50, 0.4)",
    "count": 16,
    "contexts": [
      {
        "tag": "div",
        "text": "Vendor review: device managementBefore Thursday’s meetingKandji RipplingPer seat$6 / mo$8 / moGDPR D",
        "top": 7125,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#332626",
    "alpha": 0.0784313725490196,
    "cssValue": "rgba(46, 41, 38, 0.08)",
    "count": 13,
    "contexts": [
      {
        "tag": "div",
        "text": "Weekly team updatePost-call follow-upBoard prepNo skill for this yetMonthly investor updateNew",
        "top": 4243,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "",
        "top": 7079,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#2F95C7",
    "alpha": 0.3411764705882353,
    "cssValue": "rgba(47, 149, 198, 0.34)",
    "count": 20,
    "contexts": [
      {
        "tag": "span",
        "text": "Hand to SymS",
        "top": 790,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#3FA94A",
    "alpha": 0.34901960784313724,
    "cssValue": "rgba(64, 170, 74, 0.35)",
    "count": 20,
    "contexts": [
      {
        "tag": "span",
        "text": "AcceptA",
        "top": 790,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#A9F2C0",
    "alpha": 1,
    "cssValue": "rgb(169, 242, 192)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 576,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#2A2A2A",
    "alpha": 0.07058823529411765,
    "cssValue": "rgba(46, 41, 38, 0.07)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "Post-call follow-up",
        "top": 4260,
        "property": "border"
      },
      {
        "tag": "p",
        "text": "Tue · Follow-upSend them by noon?",
        "top": 5249,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-47",
    "hex": "#E9A91C",
    "alpha": 1,
    "cssValue": "rgb(233, 169, 28)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 4765,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-48",
    "hex": "#A04A08",
    "alpha": 1,
    "cssValue": "rgb(160, 74, 8)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Today",
        "top": 747,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 754,
        "property": "svg-stroke"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Generous vertical padding between sections (macro spacing) and distinct, structured gaps between floating UI cards to prevent clutter.
- Corner style: Smooth, rounded corners are universally applied to UI cards, form elements, and buttons to maintain a soft aesthetic.
- Radius: Buttons use a fully rounded pill shape, while UI cards have a pronounced border radius (likely 12px-24px).
- Borders: Subtle, low-opacity borders (e.g., rgba(46, 41, 38, 0.1)) are used to define the edges of floating white cards against light backgrounds.
- Buttons: Primary actions are solid dark pill shapes, while secondary actions are light grey pill shapes.
- Content width: Content is generally centered within a constrained max-width column, while illustrations are allowed to break out or span wider.
- Density: Loose density, utilizing ample whitespace to help users focus on the complex, overlapping UI illustrations without feeling overwhelmed.
- Evidence: DOM facts confirm pill buttons (color-3 background) and borders using rgba(46, 41, 38, 0.1) (color-13). The visual hierarchy is heavily reliant on scale contrast between Google Sans and Geist fonts, supported by generous whitespace.

## Sections

Gallery section count: 12. Each entry corresponds to one gallery capture.

1. **Navbar — Symmetry AI Navbar** (Home)
   Few links and a clear split between a ghost demo button and a filled sign-up button keep the choices simple.
   Capture: 1440×80px; page bounds 0–80px of 10483px; source section ID: `3da4beb9-7fdf-460b-9b52-80e8d790d1ed`; image: https://media.designdetails.io/library/887e13037e89acd493cce63aeb26641c98afa87c91dc4d054daebb75e0b8e8b2/3da4beb9-7fdf-460b-9b52-80e8d790d1ed.webp
   SECTION.md v3.2: `3da4beb9-7fdf-460b-9b52-80e8d790d1ed` (deterministic evidence; editorial review pending)
2. **Hero — Centered hero with task card** (Home)
   A large headline over a realistic task card on colourful shapes shows the product action immediately, with one clear button.
   Capture: 1440×962px; page bounds 80–1042px of 10483px; source section ID: `c750a91c-8574-469e-82e5-62aaa4ffc611`; image: https://media.designdetails.io/library/6f50161302aa7735d35a7421c6aef171e08caf12308f1ba4d3e749ffbf011a81/c750a91c-8574-469e-82e5-62aaa4ffc611.webp
   SECTION.md v3.2: `c750a91c-8574-469e-82e5-62aaa4ffc611` (deterministic evidence; editorial review pending)
3. **Other — Product introduction card with shapes** (Home)
   A soft rounded panel with a short statement and bold geometric shapes introduces the product in a calm, memorable way.
   Capture: 1440×480px; page bounds 1042–1522px of 10483px; source section ID: `0b5e2a96-6e5d-452a-87fd-9592d50c8bd1`; image: https://media.designdetails.io/library/db4124a65574aab44033156bfd6763ad2384f05c3073024c8b9e1eee2b288afd/0b5e2a96-6e5d-452a-87fd-9592d50c8bd1.webp
   SECTION.md v3.2: `0b5e2a96-6e5d-452a-87fd-9592d50c8bd1` (deterministic evidence; editorial review pending)
4. **Features — Isometric hub of connected tools** (Home)
   A central icon linked to surrounding app tiles shows tasks gathering from many sources faster than a text list would.
   Capture: 1440×829px; page bounds 1522–2351px of 10483px; source section ID: `b5ffe82e-278a-4795-babd-4aa7c5fbbc35`; image: https://media.designdetails.io/library/021fd3260724a30cd4edf570bc559a958a5aa55411cb816545c49519fca9bad3/b5ffe82e-278a-4795-babd-4aa7c5fbbc35.webp
   SECTION.md v3.2: `b5ffe82e-278a-4795-babd-4aa7c5fbbc35` (deterministic evidence; editorial review pending)
5. **Features — Two-by-two pastel feature cards** (Home)
   Tinted cards pair a short caption with a product visual, so each capability reads separately and the grid scans quickly.
   Capture: 1440×1413px; page bounds 2351–3764px of 10483px; source section ID: `da153153-dd69-43fe-aa47-47fb173f1281`; image: https://media.designdetails.io/library/bc18c1c1294fe871777436be59e6b471f176bac348af34d25f9cd081ba98ba36/da153153-dd69-43fe-aa47-47fb173f1281.webp
   SECTION.md v3.2: `da153153-dd69-43fe-aa47-47fb173f1281` (deterministic evidence; editorial review pending)
6. **Features — Stacked wide cards with illustrations** (Home)
   Full-width cards put short copy beside isometric diagrams, giving each capability room and a steady reading rhythm down the page.
   Capture: 1440×656px; page bounds 3941–4597px of 10483px; source section ID: `05265dd4-90e5-4b92-b9c7-90260aa6e3f4`; image: https://media.designdetails.io/library/78fc58651d49e579a20fd4209f700acd7a7442aa72b92cff397d41f91c22cd5f/section-manual-05265dd4-90e5-4b92-b9c7-90260aa6e3f4-1793903620471.webp
   SECTION.md v3.2: `05265dd4-90e5-4b92-b9c7-90260aa6e3f4` (deterministic evidence; editorial review pending)
7. **Other — Integration tiles on isometric grid** (Home)
   A diagonal field of app icons next to a short claim shows the breadth of connected tools at once.
   Capture: 1440×802px; page bounds 5914–6716px of 10483px; source section ID: `a26a2ded-a3af-4953-94ad-0c3040861576`; image: https://media.designdetails.io/library/c14b279535304f835bb04cddeb4d9f13a0b8ee031e8815cce048139c4dda534e/section-manual-a26a2ded-a3af-4953-94ad-0c3040861576-1793903627662.webp
   SECTION.md v3.2: `a26a2ded-a3af-4953-94ad-0c3040861576` (deterministic evidence; editorial review pending)
8. **Features — Role accordion beside product visual** (Home)
   Expandable role tabs with example tasks let visitors pick their own job, while the image beside them shows the result.
   Capture: 1440×892px; page bounds 6619–7511px of 10483px; source section ID: `ff23bbb6-bcbc-49fc-80fd-f5f399113064`; image: https://media.designdetails.io/library/136b72d0f2628cbc30f8fb65ee62367a6817174f93af9b2e8f6ceedb4f62f969/ff23bbb6-bcbc-49fc-80fd-f5f399113064.webp
   SECTION.md v3.2: `ff23bbb6-bcbc-49fc-80fd-f5f399113064` (deterministic evidence; editorial review pending)
9. **Features — Team feature with four-point grid** (Home)
   A diagram of linked shapes beside four icon-led points explains collaboration, and a small badge marks it as upcoming.
   Capture: 1440×820px; page bounds 7511–8331px of 10483px; source section ID: `bc45e25a-9957-46cf-b017-e203a28c7e0b`; image: https://media.designdetails.io/library/0b63567d14c960bed40aef0a5cf0ae24ce0c7aee647c1763de4136f47e06d8a5/bc45e25a-9957-46cf-b017-e203a28c7e0b.webp
   SECTION.md v3.2: `bc45e25a-9957-46cf-b017-e203a28c7e0b` (deterministic evidence; editorial review pending)
10. **Other — Dark security panel with four points** (Home)
   A dark panel with a shield graphic and four short columns sets the trust message apart from the light page.
   Capture: 1440×1068px; page bounds 8331–9399px of 10483px; source section ID: `3c28da6d-0d0c-466d-b386-a4847c921e09`; image: https://media.designdetails.io/library/c0042575d6a125bb3720fa236e992590102f5acbcb775c61673181ff32f30908/section-manual-3c28da6d-0d0c-466d-b386-a4847c921e09-1793903638181.webp
   SECTION.md v3.2: `3c28da6d-0d0c-466d-b386-a4847c921e09` (deterministic evidence; editorial review pending)
11. **CTA — Closing call to action over shapes** (Home)
   A short headline, one line of copy and a single button sit above the colourful shapes from the hero, closing the page with the same look.
   Capture: 1440×600px; page bounds 9411–10011px of 10483px; source section ID: `dcad2558-7a53-49ab-b7d8-f846be39e0a3`; image: https://media.designdetails.io/library/e61b1bef271b7a1cd51c9ad6c9115c63ae7e415c20983b7422583999010fa836/dcad2558-7a53-49ab-b7d8-f846be39e0a3.webp
   SECTION.md v3.2: `dcad2558-7a53-49ab-b7d8-f846be39e0a3` (deterministic evidence; editorial review pending)
12. **Footer — Footer with link columns and wordmark** (Home)
   Three short link columns and a large faded wordmark keep the footer tidy while reinforcing the brand.
   Capture: 1440×472px; page bounds 10011–10483px of 10483px; source section ID: `f2a16be7-3f4f-440f-aafb-4b038d1d4648`; image: https://media.designdetails.io/library/39f29132a663145e555b50682232588f96da5969d706c57653bb48e95428301b/f2a16be7-3f4f-440f-aafb-4b038d1d4648.webp
   SECTION.md v3.2: `f2a16be7-3f4f-440f-aafb-4b038d1d4648` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/2831de83568b0d1d7c3cd50b186b02b206c8368b927b976dfbacf51ce429c464/desktop_full-8ca5d22b-2026-11-05T16-09-17-703Z.webp
- Mobile screenshot: https://media.designdetails.io/library/0d8e985730fd1b161d2bb8f3552ab4f2c0f33c88f8db072099f51ff66cec111d/mobile_full-8ca5d22b-2026-11-05T16-09-49-903Z.webp
- Open Graph image: https://media.designdetails.io/library/c9200d097e028b0a43e544dd3a1f3e19159903146108205c60e5be15257f0eab/og_image-8ca5d22b-2026-11-05T16-09-26-336Z.webp
- Full-page video: https://media.designdetails.io/library/cb8c8321a63eb250e459a29baa8f363401ce2e71b12fb716ec3faa57b6dc89d4/motion-1793897372764.mp4
- Video poster: https://media.designdetails.io/library/3e02a6c1020c75596d5cd344046ccb21ca98f2f5a8784d212642ae8445c140bb/motion-poster-1793897372764.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Navigation Bar
- Hero
- Primary Button
- Outline Button
- Floating Product Card
- Feature Collection
- Logo Strip
- Badge
- Icon Button
- Footer
- Floating UI Showcase

## Quality rubric

Overall: 57.7/100 (Competent)
Evidence coverage: 100%
Judge tier: Good
Verdict: Symmetry AI's landing page is a well-executed example of the current AI-SaaS visual idiom: warm off-white backgrounds, a disciplined green/blue/yellow accent triad, Google Sans headlines over Geist body text, and isometric floating UI-card illustrations that consistently map to the feature copy beside them. The typographic system is legible and purposeful, with real micro-typography attention (kbd shortcuts, small badges) that shows craft beyond just a hero headline. Content integration is a genuine strength — mock Slack/Outlook/Linear cards and role-based skill lists feel concrete and specific rather than templated filler. However, the page's structural rhythm (hero → two-column feature → card grid → isometric diagram → repeat) and its illustration language (floating translucent cards, hub-and-spoke integration icons, pastel geometric blobs) are now widely recognized conventions across competing AI-assistant marketing sites, which caps originality in the competent-to-good range rather than pushing into 'wow' territory. Motion evidence is limited to scroll-triggered reveals and a single looping hero demo, offering no proof of a deeper choreographed system. The palette, while cohesive, contains redundant near-identical off-white tokens that suggest some imprecision. Altogether this is a solid, professional execution of a familiar genre — good, but not yet a landmark or genuinely novel design statement.

- Typography (15%): 66 — A clear two-tier system (Google Sans display/headings vs Geist body/UI) is applied with consistent, deliberate tracking (negative letter-spacing on large sizes) and a wide range of functional micro-sizes (9–13px for badges, kbd tags, labels). Hierarchy is legible and purposeful, but the type itself is a standard SaaS pairing with no distinctive display choice or custom treatment that would elevate it further.
- Color (10%): 60 — A controlled neutral base (off-white/white/dark brown-black text) is accented by a consistent green/blue/yellow triad reused across illustrations, badges, and UI mockups, giving coherence. However, the palette is a fairly conventional 'friendly SaaS primary trio' and several near-duplicate off-whites (#F5F3F2, #FDFCFA, #F3F3F2) suggest imprecision rather than intentional subtlety.
- Layout (20%): 65 — The page follows a coherent, repeated rhythm: centered hero, alternating two-column feature blocks, grid card groups, isometric illustration panels, and a dark security band before the footer. Content width is constrained while illustrations are allowed to break the grid, which creates reasonable visual variety. However, the structure is a very familiar long-scroll SaaS template (hero → feature grid → integrations → security → CTA → footer) without a layout idea that reorganizes expectations.
- Motion (20%): 48 — Motion is present and section content changes as the user scrolls (card reveals, an automated hero demo sequence cycling through 'Accept/Remind me/Delete' states), but the observation is limited to passive scroll capture with no evidence of scroll-linked choreography, easing quality, or interaction-driven motion beyond one hero auto-play loop. This reads as standard reveal-on-scroll plus one looping demo animation, not a developed motion system.
- Originality (25%): 52 — The isometric 'floating UI card' and pastel geometric-shape illustration style is polished but is now a widely recognized AI-SaaS visual trope (shared with many Notion/Linear-adjacent competitors), and the hero cylinder-shape motif, while distinct-looking, functions as decoration rather than a structural idea unique to this product. Execution is good but the core visual language is not a hard-to-substitute concept — it could be reskinned onto most competing AI task-assistant products.
- Content (10%): 62 — Visuals and copy are tightly paired — each illustration (task cards, skill diagrams, integration hub) directly depicts the feature described in adjacent text, and mock UI content (Slack, Outlook, Linear mockups) is specific and detailed rather than generic placeholder. The security section’s shield icon and dark band appropriately shifts tone for trust messaging. Content integration is competent though templated across repeated sections.

Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [x] Functional palette
- [ ] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

Rounded blue, green and yellow shapes sit behind a real task card pulled straight from Outlook, so an abstract AI idea gets grounded in something recognisable. The long page breaks into small two-by-two screenshot grids and isometric app icons, with a dark 'Private and secure' band near the end giving the scroll a clear pause before the final signup.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.