100 lines
6.4 KiB
XML
100 lines
6.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 750" width="1200" height="750">
|
|
<!-- Constellation Records — Brutalist (Working Format / Bandcamp) -->
|
|
<defs>
|
|
<style>
|
|
.surface { fill: #F4F1EB; }
|
|
.surface-1 { fill: #EAE6DC; }
|
|
.ink { fill: #0A0A0A; }
|
|
.ink-muted { fill: #4A4A4A; }
|
|
.ink-subtle { fill: #7A7A7A; }
|
|
.accent { fill: #FF2400; }
|
|
.hairline { stroke: #0A0A0A; }
|
|
.sans { font-family: 'Inter', -apple-system, sans-serif; }
|
|
.mono { font-family: 'JetBrains Mono', 'SF Mono', Menlo, monospace; }
|
|
</style>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect class="surface" width="1200" height="750"/>
|
|
|
|
<!-- Marquee -->
|
|
<rect x="0" y="0" width="1200" height="32" fill="#0A0A0A"/>
|
|
<g>
|
|
<text x="20" y="20" class="mono" font-size="10" letter-spacing="2.5" fill="#FF2400">★</text>
|
|
<text x="40" y="20" class="mono" font-size="10" letter-spacing="2.5" fill="#F4F1EB">NEW: MIRA OKAFOR — TIDE MARKS OUT NOV 14 · PRE-ORDER NOW</text>
|
|
<text x="500" y="20" class="mono" font-size="10" letter-spacing="2.5" fill="#FF2400">●</text>
|
|
<text x="520" y="20" class="mono" font-size="10" letter-spacing="2.5" fill="#F4F1EB">CONSTELLATION #142 — LIMITED 500-COPY VINYL RUN</text>
|
|
<text x="900" y="20" class="mono" font-size="10" letter-spacing="2.5" fill="#FF2400">★</text>
|
|
<text x="920" y="20" class="mono" font-size="10" letter-spacing="2.5" fill="#F4F1EB">FIELD NOTES TOUR BEGINS MAR 2027</text>
|
|
</g>
|
|
|
|
<!-- Nav -->
|
|
<line x1="60" y1="56" x2="1140" y2="56" stroke="#0A0A0A" stroke-width="2"/>
|
|
<rect x="60" y="68" width="20" height="20" fill="#0A0A0A"/>
|
|
<rect x="64" y="72" width="12" height="12" fill="#FF2400"/>
|
|
<text x="92" y="84" class="sans" font-size="15" font-weight="800" letter-spacing="-0.5" fill="#0A0A0A">CONSTELLATION</text>
|
|
|
|
<text x="900" y="84" class="mono" font-size="11" letter-spacing="1.5" fill="#0A0A0A">LATEST</text>
|
|
<text x="965" y="84" class="mono" font-size="11" letter-spacing="1.5" fill="#0A0A0A">CATALOG</text>
|
|
<text x="1040" y="84" class="mono" font-size="11" letter-spacing="1.5" fill="#0A0A0A">TOUR</text>
|
|
<text x="1090" y="84" class="mono" font-size="11" letter-spacing="1.5" fill="#0A0A0A">STORE</text>
|
|
|
|
<!-- Hero -->
|
|
<line x1="60" y1="110" x2="1140" y2="110" stroke="#0A0A0A" stroke-width="2"/>
|
|
|
|
<rect x="60" y="138" width="8" height="8" fill="#FF2400"/>
|
|
<text x="76" y="146" class="mono" font-size="11" letter-spacing="2" fill="#0A0A0A">INDEPENDENT LABEL · EST. MONTRÉAL, 2009</text>
|
|
|
|
<text x="60" y="230" class="sans" font-size="84" font-weight="800" letter-spacing="-3.5" fill="#0A0A0A">Music by</text>
|
|
<text x="60" y="310" class="sans" font-size="84" font-weight="800" font-style="italic" letter-spacing="-3.5" fill="#FF2400">artists we</text>
|
|
<text x="60" y="390" class="sans" font-size="84" font-weight="800" letter-spacing="-3.5" fill="#0A0A0A">believe in.</text>
|
|
<text x="60" y="470" class="sans" font-size="84" font-weight="800" letter-spacing="-3.5" fill="#0A0A0A">Nothing else.</text>
|
|
|
|
<!-- Hero meta column -->
|
|
<rect x="900" y="160" width="240" height="320" fill="#0A0A0A"/>
|
|
<g class="mono" font-size="10" letter-spacing="2" fill="#F4F1EB">
|
|
<text x="920" y="195"><tspan fill="#FF2400" font-weight="500">FOUNDED</tspan></text>
|
|
<text x="920" y="215" fill="#F4F1EB">2009, MONTRÉAL</text>
|
|
<line x1="920" y1="230" x2="1120" y2="230" stroke="#F4F1EB" opacity="0.2"/>
|
|
<text x="920" y="255"><tspan fill="#FF2400" font-weight="500">RELEASES</tspan></text>
|
|
<text x="920" y="275">142 ALBUMS · 38 EPS</text>
|
|
<line x1="920" y1="290" x2="1120" y2="290" stroke="#F4F1EB" opacity="0.2"/>
|
|
<text x="920" y="315"><tspan fill="#FF2400" font-weight="500">CATALOG</tspan></text>
|
|
<text x="920" y="335">VINYL · CD · DIGITAL</text>
|
|
<line x1="920" y1="350" x2="1120" y2="350" stroke="#F4F1EB" opacity="0.2"/>
|
|
<text x="920" y="375"><tspan fill="#FF2400" font-weight="500">NEXT</tspan></text>
|
|
<text x="920" y="395">CST 142 · NOV 14, 2026</text>
|
|
<line x1="920" y1="410" x2="1120" y2="410" stroke="#F4F1EB" opacity="0.2"/>
|
|
<text x="920" y="435"><tspan fill="#FF2400" font-weight="500">CURRENTLY</tspan></text>
|
|
<text x="920" y="455">PRESSING THE NEW VINYL</text>
|
|
</g>
|
|
|
|
<!-- Catalog section -->
|
|
<line x1="60" y1="510" x2="1140" y2="510" stroke="#0A0A0A" stroke-width="2"/>
|
|
|
|
<text x="60" y="555" class="sans" font-size="28" font-weight="800" letter-spacing="-1" fill="#0A0A0A">Catalog · 142 releases</text>
|
|
<text x="1140" y="555" class="mono" font-size="10" letter-spacing="2.5" fill="#4A4A4A" text-anchor="end">SHOWING 1 — 8 OF 142</text>
|
|
|
|
<!-- Release rows -->
|
|
<line x1="60" y1="585" x2="1140" y2="585" stroke="#0A0A0A" stroke-width="1"/>
|
|
<rect x="60" y="600" width="60" height="60" fill="#0A0A0A"/>
|
|
<rect x="72" y="612" width="36" height="36" fill="#FF2400"/>
|
|
<text x="140" y="625" class="sans" font-size="18" font-weight="700" letter-spacing="-0.5" fill="#0A0A0A">Tide Marks</text>
|
|
<text x="140" y="645" class="mono" font-size="10" letter-spacing="1.5" fill="#4A4A4A">MIRA OKAFOR</text>
|
|
<text x="640" y="635" class="mono" font-size="10" letter-spacing="1.5" fill="#FF2400">★ NEW · LP · 8 TRACKS</text>
|
|
<text x="900" y="635" class="mono" font-size="13" font-weight="600" fill="#0A0A0A">2026</text>
|
|
<text x="1130" y="635" class="mono" font-size="13" font-weight="600" fill="#0A0A0A" text-anchor="end">€32</text>
|
|
<line x1="60" y1="680" x2="1140" y2="680" stroke="#0A0A0A" stroke-width="1"/>
|
|
|
|
<rect x="60" y="695" width="60" height="60" fill="#0A0A0A"/>
|
|
<circle cx="90" cy="725" r="18" fill="#FF2400"/>
|
|
<text x="140" y="720" class="sans" font-size="18" font-weight="700" letter-spacing="-0.5" fill="#0A0A0A">Notes Toward a Model Village</text>
|
|
<text x="140" y="740" class="mono" font-size="10" letter-spacing="1.5" fill="#4A4A4A">TOMAS BELO & THE LISBON QUARTET</text>
|
|
<text x="640" y="730" class="mono" font-size="10" letter-spacing="1.5" fill="#4A4A4A">LP · 11 TRACKS</text>
|
|
<text x="900" y="730" class="mono" font-size="13" font-weight="600" fill="#0A0A0A">2025</text>
|
|
<text x="1130" y="730" class="mono" font-size="13" font-weight="600" fill="#0A0A0A" text-anchor="end">€28</text>
|
|
<line x1="60" y1="770" x2="1140" y2="770" stroke="#0A0A0A" stroke-width="1"/>
|
|
|
|
<!-- Tag in corner -->
|
|
<text x="1140" y="745" class="mono" font-size="9" letter-spacing="1.5" fill="#4A4A4A" text-anchor="end">— EX.BRUTALIST — BRUTALIST / WORKING FORMAT</text>
|
|
</svg>
|