<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" width="1200" height="800" role="img" aria-label="Placeholder for an example 20 × 30 ft house plan">
  <defs><pattern id="g" width="24" height="24" patternUnits="userSpaceOnUse"><circle cx="0" cy="0" r="1" fill="#d3d8de"/></pattern></defs>
  <style>/* Space Grotesk 600, subset to the wordmark glyphs. This file is served
     through an img element, an isolated context that loads no external font,
     so the brand face has to travel with it. Source: src/canvas/exportFont.ts */
@font-face{font-family:"HPAI Display";font-weight:600;font-style:normal;src:url(data:font/woff2;base64,d09GMgABAAAAAAS0AA8AAAAACOQAAARbAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGiIbIBwqBmA/U1RBVBwAbBEICocEhW8BNgIkAzgLHgAEIAWEEAcgGywHUZQwShPBlwfGGBMb+iFcZBN1aS5jqDW4hS5681rQkV/H/6hLTj4SD9/vRzv3vr9iktajWBLFPKl0mrcNmaHkjVgmFMgMoZgM6VWTg5SVoxVOC+eMLPFgC7VW/65gte/qaOG2iV+raAokaGFft4ppjvQ/QDjnBkyyYxgNl9uW94lsEiOrHCFTK9dNovjL/F9OG0tvgLVFj9KAA4nnpj+sNl44N1BCvbPs4jUoHksXcBqgpVC7M9ICfz2BQDMgFakSatULjZqEQKNhLaCtHUcvyFPBfwFMOYEng1vJw2upCKiDhSZVOZSDssmDngaOconL8GAqDMNeO0cB8Nq4dHn97xPV42ChRxGf8wpgXKYQ6gW6AZCP7vhS0FgMBfFnMiLLJdSp7Pv7jJtC8QuJSUr/X86c0CeJ/IIvf26n3WYxBylACCZsI0LrPgwD2ohBIB4CmmsxlHIjDjFGCNebbGqoq61qOltrW4W9zVm3d1uYIRIpBKdVp8PpP/hLYSbFAFjYMkI8jNVts1UMK9XAMMWscqVMBNgOE+Tf7tv14HDhEUbzETQEjukelhEFkr7JsGI6rSDBlvQSUetgBPHcKDFkBmXZhQxnxxakbWwoyOgXb1ZsYTOwf7gDeYKolXNuvnwKEY+FvQeuD+Q3MvaNF09AxGtZEiK+sBcPROBhxXzLuFIwZQagL4T+xF/0sFAjgaMdfQzFzhbubwKXpPyMc+4BTutUZHL0akuTYKKL9QzOKB97dZ82pjK3Kgo2pZ/glv9AYIvp9QlnkUsXj+qtlqBeE3fwk/VOo0pJfhxH3zoGBLfUi2i7SqZoU4GulKXlMey4WDWAoyMGXhLWnpHrjKR9zvBdUf2MG8vvdWBGjIlYAbeltO0xd5m7PZ7S2GxJTW8Z5IsltVbK4CatBdYUMAysAiy3zsXbyktsiEnrUeviZBlJXRT9UOTHzGErZ4drIEl7gaPLrdd3ux0F9m4SVE2u7Ski/Q2Upg1GvjQ03nn9nd/DECGWgHOgJ2hd9MOru7m8sw0NF40//IOwhnBGukF2bjuAI6N6XgLWnpbrTG77XOJnzFh+txMDF8G3GYzbMP2Ueewp0M/kT7lqJxSjVnOTChYBH/La2h+B5OAQGSZKtV/rZfkCH18yNr3z9hk3l4M8LFdRK0Hwu0PlJ6RYGh4CUqzfWl4Yt5xcx08jLL2skW3REvvpdVNz7o09KDY3njUCZpEvgdDqnGynZB2/X5God1umqBrwnjF1WHZdnVr9URc7UdBZoeoag0Gqas1H4MCgOV7pEBWzWoKfl08KDQ6tAU3vjJBy9zA0ZWZM3ywhKpWbFERDjgsDxIwUaJPu3T4OEpKM4PFNS4lJUkMgvPzg9LRpEjOiwhAeoa35flMigqaOsVznjrBg8iHGYt7B+Y/sdHxv+x6UML92USGzulG80kJXsnASqGq0homd5vhqVamYxcJ+y/MJv2gHjbX+UOGAA4pmKkz9XzgAAA==) format("woff2")}</style>
  <rect width="1200" height="800" fill="#fdfdfb"/>
  <rect x="16" y="16" width="1168" height="768" fill="url(#g)" stroke="#1b2430" stroke-width="3"/>
  <rect x="150" y="140" width="900" height="470" fill="none" stroke="#c9cfd8" stroke-width="2" stroke-dasharray="12 9"/>
  <text x="600" y="352" text-anchor="middle" font-family="'Space Grotesk',sans-serif" font-size="46" fill="#1b2430">20 × 30 ft house plan</text>
  <text x="600" y="402" text-anchor="middle" font-family="'IBM Plex Mono',monospace" font-size="20" letter-spacing="3" fill="#5c6878">6.1 × 9.1 m · EXAMPLE RENDER COMING SOON</text>
  <rect x="530" y="452" width="140" height="6" fill="#e8734a"/>
  <line x1="16" y1="726" x2="1184" y2="726" stroke="#1b2430" stroke-width="2"/>
  <g transform="translate(44,743.7) scale(0.22)" fill="none"><rect x="6" y="6" width="88" height="88" rx="22" stroke="#1b2430" stroke-width="6"/><path d="M 28 52 L 50 32 L 72 52" stroke="#e8734a" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/><path d="M 28 70 L 72 70" stroke="#1b2430" stroke-width="9" stroke-linecap="round"/></g>
  <text x="75" y="760" font-family="'HPAI Display','Space Grotesk','Helvetica Neue',Arial,sans-serif" font-weight="600" font-size="18" letter-spacing="-0.3" fill="#1b2430">houseplan<tspan fill="#e8734a">ai</tspan></text>
  <text x="1156" y="760" text-anchor="end" font-family="'IBM Plex Mono',monospace" font-size="18" letter-spacing="3" fill="#5c6878">PLACEHOLDER</text>
</svg>
