109 lines
7.5 KiB
XML
109 lines
7.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 750" width="1200" height="750">
|
||
<!-- Haus der Form / Ordnung — Swiss / International Typographic -->
|
||
<defs>
|
||
<style>
|
||
.surface { fill: #FFFFFF; }
|
||
.ink { fill: #000000; }
|
||
.accent { fill: #D62828; }
|
||
.sans { font-family: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
|
||
.mono { font-family: 'IBM Plex Mono', 'SF Mono', Menlo, monospace; }
|
||
</style>
|
||
</defs>
|
||
|
||
<!-- Background -->
|
||
<rect class="surface" width="1200" height="750"/>
|
||
|
||
<!-- Topbar -->
|
||
<rect x="0" y="0" width="24" height="24" class="accent"/>
|
||
<text x="8" y="16" class="mono" font-size="9" fill="#FFFFFF">H</text>
|
||
<text x="36" y="17" class="sans" font-size="15" font-weight="700" letter-spacing="1.5">HAUS DER FORM</text>
|
||
<text x="600" y="16" class="mono" font-size="9" letter-spacing="1.5" fill="#000" text-anchor="middle">RITTERGASSE 11 · CH-4051 BASEL</text>
|
||
<text x="1200" y="16" class="mono" font-size="9" letter-spacing="1.5" fill="#000" text-anchor="end">MMXXVI · № 214</text>
|
||
<line x1="0" y1="34" x2="1200" y2="34" stroke="#000" stroke-width="2"/>
|
||
|
||
<!-- Nav -->
|
||
<text x="0" y="56" class="mono" font-size="9" letter-spacing="1.5"><tspan fill="#D62828">01 </tspan><tspan fill="#000">EXHIBITION</tspan></text>
|
||
<text x="140" y="56" class="mono" font-size="9" letter-spacing="1.5"><tspan fill="#D62828">02 </tspan><tspan fill="#000">CATALOGUE</tspan></text>
|
||
<text x="280" y="56" class="mono" font-size="9" letter-spacing="1.5"><tspan fill="#D62828">03 </tspan><tspan fill="#000">PROGRAMME</tspan></text>
|
||
<text x="420" y="56" class="mono" font-size="9" letter-spacing="1.5"><tspan fill="#D62828">04 </tspan><tspan fill="#000">VISIT</tspan></text>
|
||
<line x1="0" y1="68" x2="1200" y2="68" stroke="#000" stroke-width="1"/>
|
||
|
||
<!-- Hero: meta + title left, index right -->
|
||
<text x="60" y="108" class="mono" font-size="11" letter-spacing="1.5"><tspan fill="#D62828">12 SEP 2026 — 10 JAN 2027</tspan><tspan fill="#000"> · GALERIE 2 · TUE–SUN, 10–18</tspan></text>
|
||
|
||
<text x="57" y="182" class="sans" font-size="72" font-weight="700" letter-spacing="-3">Ordnung.</text>
|
||
|
||
<text x="60" y="222" class="sans" font-size="20" font-weight="500" letter-spacing="-0.5">Swiss graphic design, 1950–1980. The argument,</text>
|
||
<text x="60" y="248" class="sans" font-size="20" font-weight="500" letter-spacing="-0.5">the posters, the books.</text>
|
||
|
||
<text x="60" y="284" class="sans" font-size="13" fill="#000">212 posters, 47 books and journals, 14 years of the journal Neue Grafik — one proposition:</text>
|
||
<text x="60" y="304" class="sans" font-size="13">that order is not the enemy of expression, but its precondition.</text>
|
||
|
||
<!-- Index column -->
|
||
<line x1="740" y1="88" x2="740" y2="310" stroke="#000" stroke-width="1"/>
|
||
<text x="772" y="106" class="mono" font-size="10" letter-spacing="2">INDEX</text>
|
||
<text x="772" y="136" class="sans" font-size="15" font-weight="500">The Proposition</text>
|
||
<text x="1140" y="136" class="mono" font-size="10" fill="#D62828" text-anchor="end">01</text>
|
||
<line x1="772" y1="148" x2="1140" y2="148" stroke="#000" stroke-width="1"/>
|
||
<text x="772" y="174" class="sans" font-size="15" font-weight="500">Catalogue</text>
|
||
<text x="1140" y="174" class="mono" font-size="10" fill="#D62828" text-anchor="end">02</text>
|
||
<line x1="772" y1="186" x2="1140" y2="186" stroke="#000" stroke-width="1"/>
|
||
<text x="772" y="212" class="sans" font-size="15" font-weight="500">Programme</text>
|
||
<text x="1140" y="212" class="mono" font-size="10" fill="#D62828" text-anchor="end">03</text>
|
||
<line x1="772" y1="224" x2="1140" y2="224" stroke="#000" stroke-width="1"/>
|
||
<text x="772" y="250" class="sans" font-size="15" font-weight="500">Visit</text>
|
||
<text x="1140" y="250" class="mono" font-size="10" fill="#D62828" text-anchor="end">04</text>
|
||
<line x1="772" y1="262" x2="1140" y2="262" stroke="#000" stroke-width="1"/>
|
||
|
||
<!-- Giant dates strip -->
|
||
<line x1="0" y1="330" x2="1200" y2="330" stroke="#000" stroke-width="2"/>
|
||
<text x="56" y="436" class="sans" font-size="96" font-weight="700" letter-spacing="-6">1950</text>
|
||
<text x="470" y="436" class="sans" font-size="96" font-weight="500" letter-spacing="0" fill="#D62828">→</text>
|
||
<text x="570" y="436" class="sans" font-size="96" font-weight="700" letter-spacing="-6">1980</text>
|
||
<text x="1140" y="390" class="mono" font-size="10" letter-spacing="1.5" text-anchor="end">THIRTY YEARS.</text>
|
||
<text x="1140" y="408" class="mono" font-size="10" letter-spacing="1.5" text-anchor="end">TWO CITIES.</text>
|
||
<text x="1140" y="426" class="mono" font-size="10" letter-spacing="1.5" text-anchor="end">ONE GRID.</text>
|
||
<line x1="0" y1="460" x2="1200" y2="460" stroke="#000" stroke-width="1"/>
|
||
|
||
<!-- Catalogue table -->
|
||
<text x="60" y="500" class="mono" font-size="10" letter-spacing="2"><tspan fill="#D62828">§ 02</tspan><tspan fill="#000" dx="12">CATALOGUE</tspan></text>
|
||
|
||
<text x="60" y="536" class="mono" font-size="9" letter-spacing="1.5">NO.</text>
|
||
<text x="160" y="536" class="mono" font-size="9" letter-spacing="1.5">DESIGNER</text>
|
||
<text x="490" y="536" class="mono" font-size="9" letter-spacing="1.5">WORK</text>
|
||
<text x="940" y="536" class="mono" font-size="9" letter-spacing="1.5">YEAR</text>
|
||
<text x="1080" y="536" class="mono" font-size="9" letter-spacing="1.5" text-anchor="end">FORMAT</text>
|
||
<line x1="60" y1="546" x2="1140" y2="546" stroke="#000" stroke-width="2"/>
|
||
|
||
<g class="mono">
|
||
<text x="60" y="570" font-size="9">KAT 001</text>
|
||
<text x="160" y="570" class="sans" font-size="12" font-weight="600">Josef Müller-Brockmann</text>
|
||
<text x="490" y="570" class="sans" font-size="12" font-style="italic">Beethoven — Tonhalle Zürich</text>
|
||
<text x="940" y="570" font-size="9">1955</text>
|
||
<text x="1140" y="570" font-size="9" text-anchor="end">128 × 90.5</text>
|
||
<line x1="60" y1="582" x2="1140" y2="582" stroke="#000" stroke-width="0.5"/>
|
||
|
||
<text x="60" y="606" font-size="9">KAT 003</text>
|
||
<text x="160" y="606" class="sans" font-size="12" font-weight="600">Armin Hofmann</text>
|
||
<text x="490" y="606" class="sans" font-size="12" font-style="italic">Giselle — Stadttheater Basel</text>
|
||
<text x="940" y="606" font-size="9">1961</text>
|
||
<text x="1140" y="606" font-size="9" text-anchor="end">90 × 128</text>
|
||
<line x1="60" y1="618" x2="1140" y2="618" stroke="#000" stroke-width="0.5"/>
|
||
|
||
<text x="60" y="642" font-size="9">KAT 004</text>
|
||
<text x="160" y="642" class="sans" font-size="12" font-weight="600">Neuburg & Vivarelli</text>
|
||
<text x="490" y="642" class="sans" font-size="12" font-style="italic">Neue Grafik — issues 1–46</text>
|
||
<text x="940" y="642" font-size="9">1958–65</text>
|
||
<text x="1140" y="642" font-size="9" text-anchor="end">32 × 24</text>
|
||
</g>
|
||
<line x1="60" y1="656" x2="1140" y2="656" stroke="#000" stroke-width="0.5"/>
|
||
|
||
<!-- Colophon strip -->
|
||
<line x1="0" y1="690" x2="1200" y2="690" stroke="#000" stroke-width="2"/>
|
||
<text x="60" y="714" class="mono" font-size="9" letter-spacing="1.5">SET IN</text>
|
||
<text x="60" y="730" class="mono" font-size="9" letter-spacing="1">ARCHIVO · IBM PLEX MONO</text>
|
||
<text x="500" y="714" class="mono" font-size="9" letter-spacing="1.5">VENUE</text>
|
||
<text x="500" y="730" class="mono" font-size="9" letter-spacing="1">HAUS DER FORM, BASEL</text>
|
||
<text x="940" y="714" class="mono" font-size="9" letter-spacing="1.5">CORRESPONDENCE</text>
|
||
<text x="940" y="730" class="mono" font-size="9" letter-spacing="1">ORDNUNG@HAUSDERFORM.CH</text>
|
||
</svg>
|