# Opendoor — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.opendoor.com/
Captured: 2026-10-12
CSS measured: 2026-10-12T05:53:03.406Z at 1440×1000 — https://www.opendoor.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: anthropic/claude-sonnet-5

## Design direction

Opendoor employs a modern, approachable aesthetic characterized by a warm, neutral color palette punctuated by vivid blue primary actions. The typography utilizes a clean sans-serif (Graphik) for readability, paired with a serif display font (DM Serif Display) for distinct, welcoming headlines. The layout makes heavy use of soft, large border radii on cards, containers, and imagery, creating a friendly and accessible feel. Motion design plays a key role, featuring parallax scrolling effects to add depth, and text-flip animations to dynamically communicate services without visual clutter.

## Classification

- Industry: other
- Site type: Landing
- Business model: AI
- Styles: soft, minimal, photographic, corporate, warm-modern
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: DM Serif Display — weight 500; size 60px; line-height 64px; tracking -1.8px; Regular (90% role confidence, computed values)
- Heading: graphik — weight 500; size 48px; line-height 50px; tracking -2.4px; Regular (90% role confidence, computed values)
- Body: graphik — weight 400; size 14px; line-height 18px; tracking -0.3px; Regular (90% role confidence, computed values)

## Functional palette

- Text — text #23201D: color-3: computed rgb(35, 32, 29); AI role: rgb(35, 32, 29) is the primary dark tone used for high-contrast text, navigation links, and the main logo. (95% role confidence, computed values)
- Primary Action — primary action #0042E6: color-20: computed rgb(0, 66, 230); AI role: rgb(0, 66, 230) is the vivid blue utilized for primary buttons, the announcement bar, and interactive icons. (95% role confidence, computed values)
- Canvas — canvas #FBF9F9: color-1: computed rgb(251, 249, 249); AI role: rgb(251, 249, 249) serves as the primary warm off-white background color for the main page body and specific sections. (90% role confidence, computed values)
- Surface — surface #FFFFFF: color-5: computed rgb(255, 255, 255); AI role: rgb(255, 255, 255) is used to create contrast on specific cards, input fields, and foreground containers against the off-white canvas. (90% role confidence, computed values)
- Muted Text — muted text #5E564E: color-6: computed rgb(94, 86, 78); AI role: rgb(94, 86, 78) is used for secondary, less prominent text elements like locations and minor descriptive spans. (85% role confidence, computed values)
- Border — border #DFDBD8: color-28: computed rgb(223, 219, 216); AI role: rgb(223, 219, 216) provides subtle delineation for borders on elements like testimonial cards. (80% 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": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "20px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 35,
    "contexts": [
      {
        "tag": "h3",
        "text": "4414 Edward St",
        "top": 5077,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "5145 Roswell Rd",
        "top": 5059,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "4268 Texas College Dr",
        "top": 5061,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "48px",
    "lineHeight": "50px",
    "letterSpacing": "-2.4px",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "h2",
        "text": "Hear from familieswho moved with Opendoor",
        "top": 907,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "who moved with Opendoor",
        "top": 956,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Sell your home the easy way",
        "top": 1624,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "20px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "h2",
        "text": "Products",
        "top": 7659,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Partners",
        "top": 7659,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "About",
        "top": 7659,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "Important disclosures and example loan terms",
        "top": 8170,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "CA:",
        "top": 8923,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "NY:",
        "top": 8949,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "DM Serif Display",
    "fontStack": "\"DM Serif Display\", \"DM Serif Display Fallback\"",
    "weight": "500",
    "size": "60px",
    "lineHeight": "64px",
    "letterSpacing": "-1.8px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "Make the easy move",
        "top": 174,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "18.4px",
    "lineHeight": "normal",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "Traditional",
        "top": 2403,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "18px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 112,
    "contexts": [
      {
        "tag": "p",
        "text": "Home prices in your neighborhood have gone up.",
        "top": 5647,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Want to learn more? Ask AI for a summary of Opendoor and how we can help you sell your home.",
        "top": 7691,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "All Cash offer",
        "top": 7693,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "21px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 21,
    "contexts": [
      {
        "tag": "p",
        "text": "“We’ve been here for 15 years and we wanted it to be perfect—Opendoor just eliminated all that, and ",
        "top": 1396,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "It was so easy; everything was seamless.",
        "top": 1419,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "“I spent 20 years taking the lead—it felt great to have Opendoor take the lead so I can focus on me ",
        "top": 1396,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "p",
        "text": "* These estimates are not personalized loan offers or offers to enter into an interest rate or disco",
        "top": 8200,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The incentive offer is subject to credit approval and may not be combined with other existing promot",
        "top": 8252,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The advertised rates and APRs are home specific and assume a 5/6 adjustable-rate mortgage with a rat",
        "top": 8322,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "p",
        "text": "CA: Opendoor Brokerage Inc. DRE #02061130",
        "top": 8921,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "NY: Licensed as Opendoor Brokerage LLC, Fair Housing Notice",
        "top": 8947,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Licensed as Opendoor Brokerage LLC",
        "top": 8949,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "The Watson family",
        "top": 1500,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Breona C",
        "top": 1500,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Glen F",
        "top": 1500,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Temecula, CA",
        "top": 1519,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Bowie, MD",
        "top": 1519,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Venice, FL",
        "top": 1519,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "$146,000 · Est. initial $626 / mo P&I",
        "top": 5101,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "2 bed · 2 bath · 983 sqft",
        "top": 5146,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "$163,000 · Est. initial $699 / mo P&I",
        "top": 5080,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "12.9px",
    "lineHeight": "normal",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Opendoor takes over from here",
        "top": 2591,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Find an agent",
        "top": 2458,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Make repairs for listing",
        "top": 2519,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "normal",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Opendoor lets you move on with",
        "top": 2499,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "What does it cost to sell directly to Opendoor?",
        "top": 6448,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "How do you set the offer price?",
        "top": 6540,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "30px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Get an estimated cash offer",
        "top": 1801,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Show us your home",
        "top": 1911,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Get the final offer",
        "top": 1995,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "12.9px",
    "lineHeight": "normal",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Sell directly to Opendoor",
        "top": 2458,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Get the first payment & move out!",
        "top": 2549,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Opendoor sells your home, and you get the second payment!",
        "top": 2990,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "14.4px",
    "lineHeight": "21.6px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Opendoor",
        "top": 88,
        "property": "font"
      },
      {
        "tag": "label",
        "text": "Ask anything else",
        "top": 6809,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Answers use our help center. Please leave out personal details.",
        "top": 6843,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "12.6px",
    "lineHeight": "17.6px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "5/6 ARM · 4.99% rate / 5.849% APR",
        "top": 5124,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "5/6 ARM · 4.99% rate / 5.849% APR",
        "top": 5102,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "5/6 ARM · 4.99% rate / 5.849% APR",
        "top": 5104,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16.8px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Self-tour available",
        "top": 5174,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Self-tour available",
        "top": 5161,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "11px",
    "lineHeight": "14px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "median sale price",
        "top": 5682,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "decreased since last month",
        "top": 5682,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "34px",
    "lineHeight": "38px",
    "letterSpacing": "-1.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "$204,814",
        "top": 5463,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "28px",
    "lineHeight": "32px",
    "letterSpacing": "-1.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Your offer may have changed",
        "top": 5480,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "22px",
    "lineHeight": "26px",
    "letterSpacing": "-0.9px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "$760,000",
        "top": 5654,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "22px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "BrowseOpendoor homeson your phone",
        "top": 4536,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "18px",
    "lineHeight": "22px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "The better way to buy and sell",
        "top": 7659,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "20px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Your home value just went up!",
        "top": 5625,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "18px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Hi, we're the Watsons.",
        "top": 1330,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "19px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "We’ll factor in the latest listings, comparable sales, and local market trends to give you an up-to-",
        "top": 5564,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "18px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "What’s behind it",
        "top": 5565,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "15px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Your September estimate for 123 Main St",
        "top": 5444,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Hi Abbey — this is our current estimate for 123 Main St, updated with the latest sales data from 945",
        "top": 5523,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "15px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "↓ 17%",
        "top": 5665,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Equal Housing Lender.",
        "top": 8825,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "36px",
    "lineHeight": "36px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 61,
    "contexts": [
      {
        "tag": "span",
        "text": "0",
        "top": 592,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1",
        "top": 628,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2",
        "top": 664,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "21.6px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "a",
        "text": "Sell",
        "top": 66,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Buy",
        "top": 66,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Agents",
        "top": 66,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "12.9px",
    "lineHeight": "normal",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": ", 3 weeks",
        "top": 2456,
        "property": "font"
      },
      {
        "tag": "span",
        "text": ", 10 days",
        "top": 2456,
        "property": "font"
      },
      {
        "tag": "span",
        "text": ", 2 weeks",
        "top": 2518,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "11.1px",
    "lineHeight": "normal",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "3 weeks",
        "top": 2458,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "10 days",
        "top": 2458,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2 weeks",
        "top": 2519,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "24px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Get a cash offer by entering your address.",
        "top": 254,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Discover how we can simplify your home sale.",
        "top": 278,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Takes 5 minutes",
        "top": 414,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "graphik",
    "fontStack": "graphik, \"graphik Fallback\", system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "on Trustpilot",
        "top": 746,
        "property": "font"
      },
      {
        "tag": "dd",
        "text": "customers served",
        "top": 745,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "faster to sell direct to Opendoor",
        "top": 745,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FBF9F9",
    "alpha": 1,
    "cssValue": "rgb(251, 249, 249)",
    "count": 12,
    "contexts": [
      {
        "tag": "body",
        "text": "Move now: 4.99% 5/6 ARM on select homes.Make your move now: Get 4.99% 5/6 ARM on select Opendoor hom",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "header",
        "text": "OpendoorSellBuyAgentsMortgageSign in",
        "top": 52,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Make the easy moveGet a cash offer by entering your address.Discover how we can simplify your home s",
        "top": 124,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F4EFEC",
    "alpha": 1,
    "cssValue": "rgb(244, 239, 236)",
    "count": 2,
    "contexts": [
      {
        "tag": "section",
        "text": "3 days leftA home you love. A 5/6 ARM as low as 5.85% APR.This week’s rate drop is here. Find a spec",
        "top": 4733,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#23201D",
    "alpha": 1,
    "cssValue": "rgb(35, 32, 29)",
    "count": 112,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 78,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "Opendoor",
        "top": 88,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Sell",
        "top": 66,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#F9F8F8",
    "alpha": 1,
    "cssValue": "rgb(249, 248, 248)",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 14,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Hi, we're the Watsons.",
        "top": 1056,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 140,
    "contexts": [
      {
        "tag": "span",
        "text": "Make your move now: Get 4.99% 5/6 ARM on select Opendoor homes.",
        "top": 14,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 18,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 22,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#5E564E",
    "alpha": 1,
    "cssValue": "rgb(94, 86, 78)",
    "count": 169,
    "contexts": [
      {
        "tag": "p",
        "text": "Temecula, CA",
        "top": 1519,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "10 days",
        "top": 2458,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Important disclosures and loan terms",
        "top": 5205,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#EDE8E8",
    "alpha": 1,
    "cssValue": "rgb(237, 232, 232)",
    "count": 13,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 963,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "Enter your home addressRetrieving address infoRetrieving info on the addressFinding similar homesLoo",
        "top": 1624,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Visit help center",
        "top": 6595,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#584032",
    "alpha": 1,
    "cssValue": "rgb(88, 64, 50)",
    "count": 10,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 2059,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 2054,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 2173,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#F8F4F2",
    "alpha": 1,
    "cssValue": "rgb(248, 244, 242)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Get a cash offer for your homeEnter your address. See your options. No obligation.",
        "top": 7031,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#F7F3F2",
    "alpha": 1,
    "cssValue": "rgb(247, 243, 242)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "BrowseOpendoor homeson your phone",
        "top": 4197,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 12,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 698,
        "property": "svg-fill"
      },
      {
        "tag": "h3",
        "text": "4414 Edward St",
        "top": 5077,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "$146,000 · Est. initial $626 / mo P&I",
        "top": 5101,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#EBE8E6",
    "alpha": 1,
    "cssValue": "rgb(235, 232, 230)",
    "count": 6,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 2220,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 2259,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FFFFFF",
    "alpha": 0.7019607843137254,
    "cssValue": "rgba(255, 255, 255, 0.7)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "What does it cost to sell directly to Opendoor?Your final offer includes: the purchase price for you",
        "top": 6417,
        "property": "::before-background"
      },
      {
        "tag": "form",
        "text": "Ask anything elseAnswers use our help center. Please leave out personal details.",
        "top": 6785,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#F7F3F3",
    "alpha": 1,
    "cssValue": "rgb(247, 243, 243)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 2056,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "",
        "top": 2054,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#806D63",
    "alpha": 1,
    "cssValue": "rgb(128, 109, 99)",
    "count": 11,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 2305,
        "property": "svg-fill"
      },
      {
        "tag": "p",
        "text": "Opendoor lets you move on with",
        "top": 2499,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "",
        "top": 2598,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#F2F4F7",
    "alpha": 1,
    "cssValue": "rgb(242, 244, 247)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Your offer may have changedWe’ll factor in the latest listings, comparable sales, and local market t",
        "top": 5412,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#25201D",
    "alpha": 1,
    "cssValue": "rgb(37, 32, 29)",
    "count": 26,
    "contexts": [
      {
        "tag": "a",
        "text": "Sign in",
        "top": 66,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 2135,
        "property": "svg-stroke"
      },
      {
        "tag": "span",
        "text": "Retrieving info on the address",
        "top": 2198,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#FFFFFF",
    "alpha": 0.9019607843137255,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.9)",
    "count": 9,
    "contexts": [
      {
        "tag": "a",
        "text": "Sign in",
        "top": 66,
        "property": "control-background"
      },
      {
        "tag": "input",
        "text": "",
        "top": 330,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Explore homes",
        "top": 4395,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#003BEB",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(0, 66, 230, 0.05)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "3 weeksSell directly to Opendoor, 3 weeks",
        "top": 2445,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#0042E6",
    "alpha": 1,
    "cssValue": "rgb(0, 66, 230)",
    "count": 20,
    "contexts": [
      {
        "tag": "aside",
        "text": "Move now: 4.99% 5/6 ARM on select homes.Make your move now: Get 4.99% 5/6 ARM on select Opendoor hom",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 19,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 26,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#EFEAE9",
    "alpha": 1,
    "cssValue": "rgb(239, 234, 233)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "10 daysFind an agent, 10 days",
        "top": 2445,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#FFFFFF",
    "alpha": 0.34901960784313724,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.35)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Your home value just went up!Home prices in your neighborhood have gone up.",
        "top": 5608,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#FFFFFF",
    "alpha": 0.8509803921568627,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.85)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2107,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#F6F2EF",
    "alpha": 1,
    "cssValue": "rgb(246, 242, 239)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Your September estimate for 123 Main St$204,814",
        "top": 5432,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#FFFFFF",
    "alpha": 0.25098039215686274,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.25)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 5594,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#C66C97",
    "alpha": 1,
    "cssValue": "rgb(198, 108, 151)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3252,
        "property": "svg-stroke"
      },
      {
        "tag": "span",
        "text": "selling",
        "top": 3244,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#5D554D",
    "alpha": 1,
    "cssValue": "rgb(93, 85, 77)",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Find an agent",
        "top": 2458,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#DFDBD8",
    "alpha": 1,
    "cssValue": "rgb(223, 219, 216)",
    "count": 18,
    "contexts": [
      {
        "tag": "div",
        "text": "The Watson familyTemecula, CA",
        "top": 1479,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#5C524C",
    "alpha": 1,
    "cssValue": "rgb(92, 82, 76)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Hi Abbey — this is our current estimate for 123 Main St, updated with the latest sales data from 945",
        "top": 5523,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#57432F",
    "alpha": 0.14901960784313725,
    "cssValue": "oklab(0.394005 0.0253009 0.0317322 / 0.15)",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2429,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 4395,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#000000",
    "alpha": 0.6,
    "cssValue": "oklab(0 0 0 / 0.6)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Hi, we're the Watsons.",
        "top": 1330,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#DDD8D6",
    "alpha": 1,
    "cssValue": "rgb(221, 216, 214)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "Still have questions?Visit the Help CenterGet the app",
        "top": 7982,
        "property": "border"
      },
      {
        "tag": "section",
        "text": "Important disclosures and example loan terms* These estimates are not personalized loan offers or of",
        "top": 8145,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#43352E",
    "alpha": 1,
    "cssValue": "rgb(67, 53, 46)",
    "count": 32,
    "contexts": [
      {
        "tag": "span",
        "text": "0",
        "top": 4749,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#26261A",
    "alpha": 0.0784313725490196,
    "cssValue": "rgba(37, 32, 29, 0.08)",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "",
        "top": 7761,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#FFFFFF",
    "alpha": 0.6980392156862745,
    "cssValue": "oklab(0.999994 0.0000455677 0.0000200868 / 0.7)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "3 days left",
        "top": 4857,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#1454ED",
    "alpha": 1,
    "cssValue": "rgb(20, 84, 237)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "View new offer",
        "top": 5664,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#E9F1FA",
    "alpha": 1,
    "cssValue": "rgb(233, 241, 250)",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Self-tour available",
        "top": 5174,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#000000",
    "alpha": 0.30196078431372547,
    "cssValue": "oklab(0 0 0 / 0.3)",
    "count": 2,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 1330,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#25201C",
    "alpha": 0.6,
    "cssValue": "rgba(37, 32, 29, 0.6)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Enter your home address",
        "top": 2128,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#000000",
    "alpha": 0.4,
    "cssValue": "oklab(0 0 0 / 0.4)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 1193,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#C45C4A",
    "alpha": 1,
    "cssValue": "rgb(196, 92, 74)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "↓ 17%",
        "top": 5665,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#E6E2E0",
    "alpha": 1,
    "cssValue": "rgb(230, 226, 224)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 1883,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#ADA9A8",
    "alpha": 1,
    "cssValue": "rgb(173, 169, 168)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 7919,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#FFFFFF",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(255, 255, 255, 0.3)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 3257,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#59412F",
    "alpha": 0.16862745098039217,
    "cssValue": "rgba(88, 64, 50, 0.17)",
    "count": 9,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 4402,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#FFFFFF",
    "alpha": 0.14901960784313725,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.15)",
    "count": 8,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 1330,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-47",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.2)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 1193,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-48",
    "hex": "#22221B",
    "alpha": 0.14901960784313725,
    "cssValue": "oklab(0.245755 0.00277809 0.0066786 / 0.15)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 4867,
        "property": "background"
      }
    ]
  }
]
```

### 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: Sections are separated by generous vertical padding, often delineated by subtle shifts in the background color (e.g., from white to a soft gray/beige). Content within sections follows a clear visual hierarchy with deliberate spacing between headings, body text, and interactive elements.
- Corner style: The design heavily relies on rounded corners, appearing almost universally across images, structural cards, input fields, and buttons, contributing to a soft and friendly aesthetic.
- Radius: Large border radii are present on major containers and images (e.g., testimonial photos, background layout containers). Buttons and input fields exhibit a pill-shape radius.
- Borders: Borders are used sparingly, mostly as subtle, 1px solid lines (e.g., color-28) to separate specific structural elements or cards when background contrast is low.
- Buttons: Primary actions are solid filled with a vivid blue, pill-shaped, and contain high-contrast white text. Secondary actions or inputs often feature a white background with a subtle border or shadow.
- Content width: The layout utilizes a centered, constrained maximum width for main content areas, allowing background colors or images to bleed to the edges of the viewport.
- Density: The overall density is low to medium, prioritizing legibility and focus through the use of ample whitespace and large typography.
- Evidence: Observations based on the structural layout in screenshots, the presence of distinct colored bands, the visible curvature of elements, and the padding visible between distinct blocks of text and imagery.

## Sections

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

1. **Hero — Make the Easy Move Hero** (Home)
   AI suggestion (98% confidence): Complete page-opening system with announcement bar, navigation, prominent value proposition, address-entry form, lifestyle imagery, and supporting trust stats.
   Capture: 1440×816px; page bounds 0–816px of 9379px; source section ID: `cf8f87e5-41b0-472e-9a0e-39f9607e729d`; image: https://media.designdetails.io/library/a814699209ada2b646ed0feba065addb11dba603a305a3ce5531fdf34668f84e/cf8f87e5-41b0-472e-9a0e-39f9607e729d.webp
   SECTION.md v3.2: `cf8f87e5-41b0-472e-9a0e-39f9607e729d` (deterministic evidence; editorial review pending)
2. **Features — Hear from families who moved with Opendoor** (Home)
   Reusable feature composition from Home, organized around “Hear from families who moved with Opendoor”.
   Capture: 1440×757px; page bounds 827–1584px of 9379px; source section ID: `8868cf95-bc77-4d7c-92df-456bd3f180a3`; image: https://media.designdetails.io/library/e61584761765861cadfc102da74c35bda6db12e1be6b6398eeb1894d47ae3017/section_crop-8868cf95-2026-10-12T05-53-12-652Z.webp
   SECTION.md v3.2: `8868cf95-bc77-4d7c-92df-456bd3f180a3` (deterministic evidence; editorial review pending)
3. **Features — Cash Now, More Later** (Home)
   Reusable feature composition from Home, organized around “Cash Now, More Later”.
   Capture: 1440×913px; page bounds 2283–3196px of 9379px; source section ID: `df25e806-b917-4bf8-bae8-9aa6cd9a7972`; image: https://media.designdetails.io/library/c7b6ca2a7a8be3f18b18cbe852a4d5977641148614d2ac2f6c18677a525e511a/section_crop-df25e806-2026-10-12T05-53-14-425Z.webp
   SECTION.md v3.2: `df25e806-b917-4bf8-bae8-9aa6cd9a7972` (deterministic evidence; editorial review pending)
4. **Features — Find your next home with Opendoor** (Home)
   Reusable feature composition from Home, organized around “Find your next home with Opendoor”.
   Capture: 1440×709px; page bounds 4024–4733px of 9379px; source section ID: `fd0ec036-fc11-4d3d-af5d-3449632e0915`; image: https://media.designdetails.io/library/f152063420dae7de41c2a1d42b699443568f6ebfd89713f54cba8b29c4b39afd/section_crop-fd0ec036-2026-10-12T05-53-16-402Z.webp
   SECTION.md v3.2: `fd0ec036-fc11-4d3d-af5d-3449632e0915` (deterministic evidence; editorial review pending)
5. **CTA — Not ready to sell? Track your home’s value** (Home)
   CTA composition from Home, organized around “Not ready to sell? Track your home’s value”.
   Capture: 1440×1053px; page bounds 5256–6309px of 9379px; source section ID: `074dffb8-3bf4-4f48-b96e-fdc31a3d43c3`; image: https://media.designdetails.io/library/b737a5f15f962868f6f2c4569f4040df0f6261e8e997f75857cc7271339cf8ce/section_crop-074dffb8-2026-10-12T05-53-18-178Z.webp
   SECTION.md v3.2: `074dffb8-3bf4-4f48-b96e-fdc31a3d43c3` (deterministic evidence; editorial review pending)
6. **FAQ — Frequently Asked Questions** (Home)
   FAQ composition from Home, organized around “Frequently Asked Questions”.
   Capture: 1440×1288px; page bounds 6249–7537px of 9379px; source section ID: `cd3786ea-287d-4ffe-9730-a3cf9e626766`; image: https://media.designdetails.io/library/94deec2ebfa296b6460970a729bd799145092c6d2aa9e8240f9010b4ae5c3e81/section_crop-cd3786ea-2026-10-12T05-53-19-096Z.webp
   SECTION.md v3.2: `cd3786ea-287d-4ffe-9730-a3cf9e626766` (deterministic evidence; editorial review pending)
7. **Footer — Products** (Home)
   Closing footer and call-to-action from Home, organized around “Products”.
   Capture: 1440×1891px; page bounds 7487–9378px of 9379px; source section ID: `5e629df8-0f82-4590-afb1-13e8b1794f6c`; image: https://media.designdetails.io/library/e71e07ae729b698db7cba6eb18e1d75d0ff1e55e8fe0e1c2abd495dbc34f9b15/section_crop-5e629df8-2026-10-12T05-53-20-088Z.webp
   SECTION.md v3.2: `5e629df8-0f82-4590-afb1-13e8b1794f6c` (deterministic evidence; editorial review pending)
8. **Process — Sell Your Home the Easy Way** (Home)
   AI suggestion (96% confidence): Self-contained four-step selling process paired with a large home image and address field; the section has a clear start and ample whitespace marking its end.
   Capture: 1440×642px; page bounds 1614–2256px of 9379px; source section ID: `85f56623-b350-419c-8d6c-c3f0d358eed6`; image: https://media.designdetails.io/library/ec7fe5ab33caf1c3bbded305cc5116b15f51441c94af3536540677ad1719e72e/85f56623-b350-419c-8d6c-c3f0d358eed6.webp
   SECTION.md v3.2: `85f56623-b350-419c-8d6c-c3f0d358eed6` (deterministic evidence; editorial review pending)
9. **Features — Repairs handled for you** (Home)
   AI suggestion (90% confidence): Complete feature section with a benefit-led headline and substantial lifestyle image, clearly bounded before the next home-search component.
   Capture: 1440×804px; page bounds 3242–4046px of 9379px; source section ID: `4e752a26-c2ec-4914-8944-2956cfc8437a`; image: https://media.designdetails.io/library/fcd735d0ecd19631de5061b04523cd5883547a1343c6441d98e2ed55c2e8c83b/4e752a26-c2ec-4914-8944-2956cfc8437a.webp
   SECTION.md v3.2: `4e752a26-c2ec-4914-8944-2956cfc8437a` (deterministic evidence; editorial review pending)
10. **CTA — Limited-time mortgage rate promotion** (Home)
   AI suggestion (95% confidence): Self-contained promotional CTA combining urgency, a strong financing offer, supporting copy, action button, and layered property cards.
   Capture: 1440×531px; page bounds 4739–5270px of 9379px; source section ID: `025300ef-a330-4671-9a9d-1dc8d5176aab`; image: https://media.designdetails.io/library/1f550ceb26b686ffaff20c3d3dcf36c41a19881dc6a240b011d38ddaa26a57d2/025300ef-a330-4671-9a9d-1dc8d5176aab.webp
   SECTION.md v3.2: `025300ef-a330-4671-9a9d-1dc8d5176aab` (deterministic evidence; editorial review pending)
11. **CTA — Get a Cash Offer for Your Home** (Home)
   AI suggestion (97% confidence): Complete conversion card pairing a clear cash-offer message and address-entry form with a distinctive framed family photo.
   Capture: 1440×432px; page bounds 7033–7465px of 9379px; source section ID: `507c88ed-5ff5-4702-984d-2ce105fa83cc`; image: https://media.designdetails.io/library/e83852f32b6a7151e8f54fb035172165aa160b700931636fe519ae728324537e/507c88ed-5ff5-4702-984d-2ce105fa83cc.webp
   SECTION.md v3.2: `507c88ed-5ff5-4702-984d-2ce105fa83cc` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/2f26b733ddac1ed5f702a02d14645025ff958f96118b7d2dea4b359d7797b7c4/desktop_full-0ed6186c-2026-10-12T05-53-03-431Z.webp
- Mobile screenshot: https://media.designdetails.io/library/2cc1eb39b3ece202b4da04ecbde862687f392a931ef7d92789b47358aebdec5e/mobile_full-0ed6186c-2026-10-12T05-53-44-274Z.webp
- Open Graph image: https://media.designdetails.io/library/8e29aab577d3259aa7c6d800da1204cb9525b08fe48d126e1389f56d105b50df/og_image-0ed6186c-2026-10-12T05-53-10-935Z.webp
- Full-page video: https://media.designdetails.io/library/1875164704b49ddda2b474ac5eda144c529cb926b069032cbabb87e10b0a144f/motion-1791785880940.mp4
- Video poster: https://media.designdetails.io/library/01a3efa4115e7cacbdbf7eb407e1c413f30b43c290b82a4c9e75cc971f10e475/motion-poster-1791785880940.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
- Announcement Bar
- Hero With Background Imagery
- Input Field
- Testimonial Card
- Comparison Table
- Floating Product Card
- FAQ Accordion
- Primary Button
- Footer
- Address Search Hero
- Visual Timeline

## Quality rubric

Overall: 49/100 (Serviceable)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Opendoor executes a familiar fintech/proptech marketing template — warm photography, pill buttons, rounded cards, a blue CTA accent, testimonial carousel, comparison timeline, and FAQ accordion — with consistency and clean data integration, but every major pattern and motion effect observed is standard for the category, leaving originality and motion as the weakest links in an otherwise tidy, competent execution.

- Typography (15%): 58 — A conventional but competently executed two-typeface system: Graphik carries nearly all UI and body copy across a disciplined size scale (12px-48px with tightening letter-spacing at larger sizes), while DM Serif Display is reserved for a single hero headline to signal warmth. This serif/sans hero pairing is a well-worn fintech/real-estate convention rather than a distinctive voice, and the serif appears only once (count:1) rather than as a recurring structural device, limiting its impact to decoration rather than system.
- Color (10%): 55 — A restrained warm-neutral base (#FBF9F9, #F4EFEC, #5E564E) is punctuated by a single vivid blue (#0042E6) reserved for primary actions and the promo banner, which gives clear functional hierarchy and avoids visual noise. However the palette is a very standard 'warm off-white + single brand blue' formula common across fintech/proptech sites, with no secondary accent beyond incidental svg colors (pink #C66C97, terracotta #C45C4A) that appear only 1-2 times and read as inconsistent rather than intentional.
- Layout (20%): 60 — The page assembles a coherent sequence of standard marketing-site modules — search hero, testimonial carousel, numbered process list, side-by-side comparison timeline, map/app promo, rate-drop cards, FAQ accordion, heavy footer — executed with consistent corner radii, spacing rhythm, and card framing throughout. The overlapping polaroid-and-keys collage and the Opendoor-vs-Traditional timeline show some compositional ambition beyond flat grids, but the overall structure (hero > testimonials > steps > comparison > FAQ > footer) is the default template for this product category and doesn't introduce a structural idea beyond its genre.
- Motion (20%): 45 — Observed motion is limited to three conventional, low-complexity behaviors: a header banner that hides/reveals on scroll direction, a parallax offset on one hero image, and a vertical text-flip cycling through four words. These are commonly seen scroll-triggered marketing-site effects rather than a built motion system; no evidence of choreographed reveals across multiple sections, hover/micro-interaction detail, or any staggered entrance patterns beyond these three repeating moments.
- Originality (25%): 32 — Every major pattern identified — Address Search Hero, testimonial carousel with family photos, numbered step-by-step process, side-by-side 'us vs traditional' comparison, FAQ accordion, map+app footer promo — is a category-standard formula used across proptech/fintech competitors (Zillow, Redfin, Compass, and direct competitors like Offerpad use near-identical structures). The warm-neutral-plus-blue-CTA aesthetic and pill-shaped buttons are the default visual language of this sector. Nothing observed constitutes a hard-to-substitute idea; the design executes the genre competently but does not depart from it.
- Content (10%): 58 — Content is reasonably woven into its containers — testimonial photos/quotes are paired with named families and locations, property cards carry real pricing/APR/sqft detail, and the comparison timeline uses actual day-counts to dramatize the core value proposition. This is solid, functional integration of real data into the UI, though it stays within standard card/list formats rather than any bespoke presentation tailored to the content.

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
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A large serif headline over a warm home photo and a single address search bar make the first move obvious, while trust numbers like star ratings and customer counts sit right in the image. Family video testimonials and a simple numbered four-step list break the long page into easy, scannable chapters.

## 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.