Light School ad template - base layout

base-ad-template.svg

<svg xmlns="http://www.w3.org/2000/svg" width="1080" height="1080" viewBox="0 0 1080 1080">
  <!-- Solid black background -->
  <rect width="1080" height="1080" fill="#000000"/>

  <!-- TOP ICON AREA (centered, y: 80-280) -->
  <!-- Camera on tripod - white line art -->
  <g transform="translate(440, 80)" fill="none" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
    <!-- Camera body -->
    <rect x="30" y="30" width="140" height="90" rx="8"/>
    <!-- Camera top bump (flash mount) -->
    <rect x="75" y="15" width="50" height="20" rx="4"/>
    <!-- Camera lens outer -->
    <circle cx="100" cy="75" r="30"/>
    <!-- Camera lens inner -->
    <circle cx="100" cy="75" r="15"/>
    <!-- Camera lens dot -->
    <circle cx="100" cy="75" r="4" fill="#FFFFFF"/>
    <!-- Tripod mount -->
    <line x1="100" y1="120" x2="100" y2="145"/>
    <!-- Tripod head -->
    <rect x="80" y="140" width="40" height="10" rx="3"/>
    <!-- Tripod legs -->
    <line x1="100" y1="150" x2="40" y2="220"/>
    <line x1="100" y1="150" x2="160" y2="220"/>
    <line x1="100" y1="150" x2="100" y2="225"/>
    <!-- Tripod cross bar -->
    <line x1="60" y1="195" x2="140" y2="195"/>
  </g>

  <!-- CENTER TEXT AREA (centered, y: 400-680) -->
  <text fill="#FFFFFF" font-family="Gilroy, 'Gill Sans', 'Segoe UI', Arial, sans-serif" font-weight="bold" font-style="italic" text-anchor="middle" letter-spacing="0.5">
    <tspan x="540" y="460" font-size="56">If you can frame the</tspan>
    <tspan x="540" y="530" font-size="56">perfect shot, you can</tspan>
    <tspan x="540" y="600" font-size="56">learn AI.</tspan>
  </text>

  <!-- BOTTOM ICON AREA (centered, y: 780-980) -->
  <!-- Ocean wave with sun/moon - white line art -->
  <g transform="translate(390, 780)" fill="none" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
    <!-- Sun/moon circle -->
    <circle cx="150" cy="50" r="45"/>
    <!-- Main wave -->
    <path d="M40,120 C60,90 80,90 100,110 C120,130 130,130 145,115 C160,100 170,95 185,110 C200,125 210,125 225,115 C240,100 250,100 265,115"/>
    <!-- Wave curl -->
    <path d="M40,120 C50,130 60,140 50,145 C40,150 30,140 40,120"/>
    <!-- Secondary wave -->
    <path d="M60,155 C80,140 100,140 120,155 C140,170 150,170 165,160 C180,150 190,145 205,155 C220,165 230,165 245,160"/>
  </g>
</svg>