LUFB Research · MOTHERBOARD Site Audit
06.06.2026 · RESI · v1.1
MOTHERBOARD Artspace — Website Konzeption

SITE AUDIT
& Blueprint

Feminist ecological laboratory and caring space. Stephanie Winter, Wien 2.
Von Dummy zu Identität — Audit, CI-Richtung und Karpathy-Bauplan.

11 Reference Sites
8 Exhibitions
7 Programmes
6 Build Steps
Scroll ↓
01

Stephanie Winter
Artist Identity

Biografie
b. 1978, Salzburg. Lebt und arbeitet in Wien. Studium an der Akademie der bildenden Künste Wien und Berlin UdK (2001–2007). Arbeit in Video-Installation, Performance, Immersive Art und kuratorischer Praxis.

Betreibt zwei Plattformen: SALON HYBRID (performatives Büro für experimentelle Projekte) und MOTHERBOARD (Artspace, gegründet 2021).

Zentrale Themen: Care Work, feministische Ökologie, Human–Nonhuman-Relations, kollektives Lernen. Donna Haraway-Einfluss ("Tentacular Thinking").
USP der Website
Stephanie ist keine Keramikerin, die auch kuratiert. Sie ist eine konzeptuelle feministische Künstlerin, deren Praxis Räume schafft — material und institutionell.

MOTHERBOARD ist gleichzeitig ihr Kunstwerk und ihre Institution. Die Website muss diese Untrennbarkeit zeigen.

Ziel: Kunstwelt + Workshop-Publikum (CAREAMIC) unter einem Dach — ohne dass eine Seite die andere verwässert.
Feminist Ecology More-than-Human Care Work Collective Learning CAREAMIC Clay
02

Avant-Garde Artist Sites
Shop-Confirmed

Künstler-Sites wo Form = Funktion — und wo aktiver Shop / buchbare Kurse / Editions vorhanden sind. Nur Sites mit echtem Commerce-Layer.
Alle (6)
Radical Minimalism
Digital Immersive
Editions Shop
Data-Driven
Art × Commerce
1
Ryoji Ikeda
ryojiikeda.com
9.8 / 10
⭐ Prix Ars Electronica Golden Nica Data / Sound Art Radical Minimalism
Künstler + Form = Funktion
Japanischer Daten- und Klangkünstler (Paris). Sein gesamtes Werk: abstrakte Rohdaten → wahrnehmbare Form via Sound, Licht, Mathematik. Die Website ist radikal minimalistisch — schwarz/weiß, reine Typografie, chronologisches Archiv. Das IST die Kunst: die Site selbst ist ein Daten-Interface, kein Marketing-Tool.
Form = Funktion
10
Design Innovation
9.8
Künstler-Identität Integration
10
Relevanz MOTHERBOARD
8.8
Web-Sektor Aufmerksamkeit
Prix Ars Electronica Golden Nica 2001 (Digital Music). Prix Ars Electronica Collide@CERN 2014. Japanisches Kulturministerium Award 2020. 30 Jahre internationales Ausstellungsprofil (Venice Biennale, High Museum, Centre Pompidou). Nicht der Site selbst, sondern der Kohärenz zwischen Kunst und Web-Auftritt.
Was MOTHERBOARD stiehlt
Radikale Zurückhaltung ALS Aussage. Wenn die Kunst über das Unsichtbare, über Ökologie und Care handelt, muss die Site nicht schreien. Stephaniees Ausstellungstitel ("Wicked Futures", "Wilderness Alliances") sind poetisch stark — sie können typografisch die Bühne tragen.

Prinzip: Das Design darf die Kunst nicht übertrumpfen. Es muss ihr Resonanzraum sein.
2
teamLab
teamlab.art
9.5 / 10
⭐ MoMA / Guggenheim / weltweit Digitales Kollektiv Dark + Cinematic Immersive Spaces
Künstler + Form = Funktion
Japanisches digitales Kunst-Kollektiv. Praxis: dunkle immersive Räume, vollständige Sinnesüberflutung, Mensch-Natur-Grenze aufgelöst. Website: schwarzer Hintergrund, dramatische Bildwelten, minimaler Text — sie erschaffen den Voraum der Erfahrung. Du weißt bereits wie es sich anfühlt bevor du eintrittst.
Atmosphäre auf Screen
9.8
Dark Mode Exzellenz
9.6
Kollektiv-Identität Kommunikation
9.2
Relevanz MOTHERBOARD
9.0
Web-Sektor Aufmerksamkeit
Meistbesuchtes Kunstkollektiv weltweit (Ticket-Wartelisten in Tokio, London, NY, Berlin). Permanent exhibitions auf 4 Kontinenten. Design-Publikationen zitieren teamLab als Standard für "dark mode als Kunstform."
Was MOTHERBOARD stiehlt
Die Site schafft den Raum, bevor man im Raum ist. MOTHERBOARD's Exhibitions-Sektion könnte jede Ausstellung mit einem eigenen Dark-Mode-Visual-World behandeln — "Wicked Futures" braucht eine andere Atmosphäre als "Radical Care".

CAREAMIC-Workshops als sensorisches Versprechen kommunizieren: nicht "Clay Workshop buchen" sondern den Geruch, die Stille, die Konzentration des Tons schon auf der Seite spürbar machen.
3
Refik Anadol Studio
refikanadol.com
9.4 / 10
⭐ TIME100 Most Influential AI / Data Art Museum of AI Art Generative
Künstler + Form = Funktion
Türkisch-amerikanischer Medienkünstler in LA. Praxis: KI verarbeitet Millionen Datenpunkte → visualisierte fließende Bildwelten auf Architekturfassaden, in Museen. Website: generative AI-Visualisierungen als Homepage-Hintergrund — das Kunst-Medium IST das Interface. "Digital Collections" als eigene Sektion = der Shop für AI-Kunst.
Site = Art Medium
9.8
Generative Ästhetik
9.6
Digital Sales Integration
8.8
Relevanz MOTHERBOARD
8.4
Web-Sektor Aufmerksamkeit
TIME100 Most Influential People 2023. Gründer des weltweit ersten Museum of AI Arts. Ausstellungen: MoMA, Centre Pompidou, Serpentine. Sein Web-Auftritt wird als Benchmark für "generative artist website" zitiert.
Was MOTHERBOARD stiehlt
Der Hero kann live atmen. Für MOTHERBOARD: ein generatives Element im Hero das organisches Wachstum, Myzel-Netzwerke, oder Ton-Texturen simuliert — direkt aus Stephaniees "more-than-human" Praxis.

"Digital Collections" → MOTHERBOARD Editions: nicht als Shop-Seite, sondern als kuratierte digitale Kunstwelt. Editions werden zu Sammlerstücken, nicht zu Produkten.
4
Daniel Arsham
danielarsham.com
8.9 / 10
⭐ Perrotin / PACE Gallery Fictional Archaeology Editions Shop Crystals + Erosion
Künstler + Form = Funktion
US-amerikanischer Konzeptkünstler (NYC/LA). Praxis: "Fictional Archaeology" — Alltagsobjekte (Kameras, Basketbälle, Nike-Schuhe) in Mineralien und Kristallformationen eingebettet, als würden sie aus einer fernen Zukunft ausgegraben. Website: kristalline Ästhetik, muted tones, kontemplative Stille. Der Shop IS die Galerie — Editions sind zu Sammlerstücken positioniert, nicht zu Merchandise.
Konzept → Commerce
9.6
Editions-Modell Exzellenz
9.4
Ästhetische Kohärenz
9.2
Relevanz MOTHERBOARD
8.6
Web-Sektor Aufmerksamkeit
Perrotin Gallery, PACE Gallery, Galerie Nathalie Obadia. Nike Collaboration "Dunk Low" ausverkauft in Minuten. Editions by Arsham: limitierte Auflagen die auf dem Sekundärmarkt das 5–10-fache erzielen. Sein Commerce-Modell wird in Design- und Artworld-Kreisen als Benchmark für "how artists monetize concepts" diskutiert.
Was MOTHERBOARD stiehlt
Editions als konzeptuelle Verlängerung der Praxis. MOTHERBOARD's Keramik-Objekte und Editionen müssen NICHT wie Produkte aussehen — sie sind Artefakte aus Stephaniees Forschungspraxis.

Shop-Seite als Wunderkammer, nicht als Webshop. Jedes Objekt mit Entstehungskontext, Auflage, Signatur. Käufer*innen kaufen nicht ein Objekt — sie partizipieren an der Praxis.
5
KAWS
kawsone.com
8.5 / 10
⭐ MoMA / Brooklyn Museum Art × Streetwear Drop Model Editions + Prints
Künstler + Form = Funktion
US-amerikanischer Künstler (Brian Donnelly). Praxis: Graffiti-Ursprung → Fine Art → globale Popkultur. Skulpturen in Louvre Lens, MoMA, Brooklyn Museum. kawsone.com: radikale Minimalität, schwarz/weiß, keine Ablenkung vom Objekt. Das Drop-Modell (limitierte Releases zu fixen Zeiten) hat das Internet in Kollaps versetzt — alle Releases binnen Sekunden vergriffen.
Commerce als Kunst-Strategie
9.8
Drop-Modell Exzellenz
9.6
Minimalismus im Commerce
8.8
Relevanz MOTHERBOARD
8.0
Web-Sektor Aufmerksamkeit
MoMA, Brooklyn Museum, Louvre Lens, Sotheby's. kawsone.com Drops: globale Nachfrage vs. minimales Angebot — Seite kollabiert innerhalb von Sekunden nach Releases. Das Commerce-Modell wurde in Fast Company, Dezeen, Artnet als wegweisend diskutiert.
Was MOTHERBOARD stiehlt
Scarcity als Wert-Kommunikation. MOTHERBOARD's CAREAMIC-Workshops sind von Natur aus limitiert (Raumgröße, Stephanies Verfügbarkeit). Das ist kein Mangel — das ist der Wert.

Workshop-Buchungen wie Drops kommunizieren: klares Datum, klare Zahl der Plätze, Waitlist. "CAREAMIC Session 07 — 8 Plätze — 14. Februar" ist stärker als "Workshop buchen".

Gift Cards als permanentes Angebot zwischen den Drops = nachhaltiger Commerce-Flow.
6
Studio Drift
studiodrift.com
8.6 / 10
MoMA Permanent Collection Kinetische Skulptur Dark + Video-First Natur + Technologie
Künstler + Form = Funktion
Niederländisches Duo (Lonneke Gordijn + Ralph Nauta). Praxis: kinetische Skulpturen + Drohnen-Performances die Natur imitieren (Shylight, Franchise Freedom). Website: schwarzer Hintergrund, Full-Screen-Video, minimale Typografie. Dunkelheit = Galerieraum = Kinoraum. Das bewegte Bild ist der erste Kontakt.
Dark Mode als Galerie
9.4
Video-First Storytelling
9.0
Natur-Technologie Balance
9.2
Relevanz MOTHERBOARD
8.6
Web-Sektor Aufmerksamkeit
MoMA Permanent Collection (Shylight). "Franchise Freedom" (300 Drohnen) wurde weltweit als Performance + als Video geteilt. Site-Ästhetik: mehrfach in Design-Sammlungen als Paradebeispiel für "kinetische Künstler online" gelistet.
Was MOTHERBOARD stiehlt
Ausstellungs-Dokumentation als Video-First. Wenn MOTHERBOARD Foto-Material von Ausstellungen hat, wird die "Exhibitions"-Seite zum Dark-Mode-Kino: jede Ausstellung bekommt einen 30-Sek-Loop der den Raum, die Atmosphäre, die Körper darin zeigt.

Natur + Technologie + Care = direkte konzeptuelle Verwandtschaft zu Stephaniees "more-than-human relations" Praxis.
02b

Steph's Reference Sites
Strukturelle Inspirationen

Stephanie's persönliche Auswahl — Sites die strukturell das MOTHERBOARD-Modell (Art + Workshop + Shop) am besten vorleben.
R1
Fondo Supper Club
fondosupperclub.com
Strukturvorbild
Shop + Studio + School Gastronomie + Kunst Community-Model
Warum Steph das gewählt hat
Bestes Modell für das Nebeneinander von Shop, Studio und Lern-Angebot. Ihr "School"-Bereich entspricht direkt dem CAREAMIC-Modell: Kurse sind gleichwertig mit Produkten und Events — keine Hierarchie. Warme, erdige Ästhetik, einladend ohne mainstream zu wirken.
Shop + Kurse Integration
9.8
Community-Energie
9.4
Was MOTHERBOARD stiehlt
CAREAMIC = School-Sektion. Kurse, Workshops und Buchungen auf Augenhöhe mit Ausstellungen und Shop — kein "Nebenprogramm", sondern Kernpillar.

Navigation-Architektur: Shop / Workshops / Exhibitions / About — alle 4 gleichgewichtig in der ersten Navigationsebene.
R2
Space of Hearts
spaceofhearts.studio
Navigationsvorbild
Slide-in Navigation Warm Dark Hero Kurse prominent Orange Accent
Warum Steph das gewählt hat
Bestes Navigationsmodell: dunkler Hero mit starkem Bild, warm-farbige Akzente (orange ≈ Terrakotta), und Kurse als primäre CTA — nicht versteckt unter "Mehr". Slide-in Navigation gibt dem Site-Header Gewicht ohne Overhead.
Navigation UX
9.6
Dark Hero Wärme
9.2
Was MOTHERBOARD stiehlt
Hero-Architektur: dunkel + Bild + warm-farbiger Akzent + primäre CTA sichtbar.

"Come make with us" → Workshop-Buchung als dominante CTA im Hero. Nicht unter Fold.
R3
Institute for Postnatural Studies
instituteforpostnaturalstudies.org
Mission-Modell
Ökologische Forschung Card-Based Programme Seriöse Institution Feminist-Adjacent
Warum Steph das gewählt hat
Bestes Modell für: intellectueller Ernst + ökologische/feministische Mission + zugängliche Programm-Listings. Zeigt wie eine kleine Institution international wirkt ohne Budget für große Produktion. Card-based Programme-Architektur direkt übertragbar auf MOTHERBOARD's CAREAMIC + SHARING SESSIONS + BANQUET etc.
Missions-Kommunikation
9.4
Programm-Architektur
9.0
Was MOTHERBOARD stiehlt
Programme als Card-Grid mit CTA per Card. Jedes Programm (CAREAMIC, SHARING SESSIONS, BANQUET OF BECOMING etc.) bekommt eine eigene Card mit Bild + Kurzbeschreibung + "Mehr erfahren / Buchen" Button.

Mission Statement prominent im Hero — nicht als "About"-Seite begraben.
R4
Art Laboratory Berlin
artlaboratory-berlin.org
Institutions-Benchmark
Exhibitions + Research Archive Berlin / International Art + Science Fusion
Warum Steph das gewählt hat
Institutioneller Benchmark für: Ausstellungsarchiv + Forschungsprogramm in einer kleinen, unabhängigen Einrichtung. Zeigt wie ein Artspace internationale Sichtbarkeit (Kuratoren, Presse, Förderung) aufbaut ohne Staatsfinanzierung. Exhibitions-Grid-Architektur direkt adaptierbar.
Ausstellungs-Archiv
9.2
Institutionelle Gravitas
8.8
Was MOTHERBOARD stiehlt
Exhibitions-Sektion als Archiv UND als laufende Aktivität. Aktuelle Ausstellungen prominent + vergangene Ausstellungen als vollständiges Archiv (nicht nur "Recent"). Feminist Super Strings bis Queer Anatomie — jede Ausstellung mit eigenem Eintrag, dauerhaft abrufbar.

Das ist die Seite die Kuratoren sehen, wenn sie nach MOTHERBOARD suchen.
R5
Mother Tongue Magazine
mothertonguemagazine.com
Text-Vorbild
Feminist Editorial B&W Restraint Text-Heavy Content
Warum Steph das gewählt hat
Editoriale Zurückhaltung für text-lastige feministische Inhalte. Zeigt wie man lange Texte (Ausstellungstexte, Statements, Research) clean und lesbar präsentiert ohne academisch-langweilig zu wirken. S/W-Typografie-Ästhetik als Ankerpunkt.
Typografische Zurückhaltung
9.4
Feminist Content Clarity
9.0
Was MOTHERBOARD stiehlt
Ausstellungstexte, About-Seite, Stephanie's CV — alles als typografisch eleganten Fließtext.

Cormorant Garamond in der Fließtext-Variante für alle längeren Inhalte. Seitenweißraum großzügig. Text atmet.

Kein Bullet-Point-Denken. Stephaniees Praxis ist diskursiv — die Site reflektiert das.
03

Design Direction
CI & Typografie

Farbpalette

Warm Linen #F5F0E8
Deep Earth #1A1715
Terracotta #C4603A
Sage #5C7A5C
Dusty Rose #D4A5A0
Charcoal #2D2926
Rationale
Terracotta = direkter Clay-Verweis für CAREAMIC.
Sage = ökologische Identität Stephaniees.
Dusty Rose = feministische Softness ohne Klischee.
Warm Linen statt reinem Weiß = Erde, Materialität, Handwerk.

Typografie

Feminist
Laboratory
Cormorant Garamond · 300 · Display
MOTHERBOARD creates spaces for ecological imagination and forms of more-than-human relations through exhibitions, workshops and material explorations.
DM Sans · 300 · Body — clean, accessible, neutral
Warum Serif für die Headlines? Cormorant Garamond verbindet feministische Publizistik-Tradition mit institutionellem Gewicht. Differenziert MOTHERBOARD vom Pure-Sans-Serif Standard der meisten Kunst-Institutionen — und macht Stephanie als Autorin/Künstlerin sichtbar.
04

Karpathy
Bauplan

0
RESI
Audit + CI + Blueprint ✓ Done 06.06.26
Reference-Analyse (5 Sites), Design-Richtung (Palette + Typo), Site-Struktur, Domain-Research, offene Fragen. Dieses Dokument.
1
Daniel + Stephanie
Offene Fragen klären ✓ Beantwortet
CMS: nicht nötig (Daniel hilft). Sprache: DE + EN. Domain: motherboardartspace.com (Empfehlung). Fotos: Stephanie liefert, Dummy = stephanieweb-v02 + IG. Booking: Tally MVP.
2
DEVI
Design System
Tailwind-Config mit der Palette oben. Base Components: Button, Card, NavLink, Tag. Typography Scale. Cormorant Garamond + DM Sans geladen. Verify: Storybook oder Component-Preview-Page.
3
DEVI
Page Architecture + Build
Layout-Shell (Header + Dark Slide-In Nav + Footer). Hero (Full-Bleed, Dunkel, CTA-Strip). Exhibition Grid + Detail-Templates (8 Exhibitions). Programme Cards (7 Programme). Calendar mit Filter. Shop (4 Kategorien). About ×3. Contact. Bilingual DE/EN Toggle.
3b
DEVI + Daniel
CMS + Shop Setup
Sanity CMS einrichten: Content-Typen für Exhibitions / Programmes / Calendar / About. Shopify Store für MOTHERBOARD: Workshop-Buchungen als Produkt-Varianten, Gift Cards (native), Objects + Editions. Shopify Storefront API → Next.js Integration. Verify: Stephanie kann eine Exhibition anlegen, ein Workshop-Produkt ist buchbar + bezahlbar.
4
DEVI + Stephanie
Content Migration + Befüllung
Alle 8 Exhibitions in Sanity anlegen (Texte + Bilder von Stephanie). 7 Programme beschreiben + erste CAREAMIC-Buchungs-Slots in Shopify. Newsletter-Integration (Buttondown oder Mailchimp). @motherboard2.0 IG-Feed-Embed. Verify: Alle Seiten mit echtem Content befüllt.
5
DEVI
Deploy + QA
Vercel Deploy. Domain connect (motherboardartspace.com). Mobile QA (360px + 430px). Checkout-Flow testen (Workshop-Buchung end-to-end). Performance: Lighthouse ≥ 90. Live-URL an Stephanie.
04b

CMS & Shop
Technologie-Stack

Shop — Shopify (Pflicht)
Für Stephaniees finanzielle Unabhängigkeit ist ein echter Commerce-Stack Pflicht. Shopify ist die einzige sinnvolle Wahl für:

• Workshop-Buchungen als Produkt (Datum = Variante)
• Gift Cards (native Shopify Feature)
• Objects + Editions (physische Produkte)
• Zahlungsabwicklung (Stripe, PayPal, Klarna)
• Inventarverwaltung + Automatisierung

East Fork läuft auf Shopify — bestes Praxisbeispiel für genau diesen Use Case.

→ Timing: Nach Design-Phase, parallel zu Step 3
Content CMS — Sanity (Empfehlung)
Für Exhibitions, Programmes, About und den Blog/Kalender braucht Stephanie eine Möglichkeit, Inhalte selbst zu pflegen — auch wenn Daniel hilft.

Sanity.io (headless CMS) ist die beste Wahl:
• Free tier reicht für MOTHERBOARD's Volumen
• Stephanie bekommt ein einfaches Studio-Interface
• DEVI verbindet es mit dem Next.js Frontend
• Strukturiert: Exhibitions / Programmes / Events als eigene Content-Typen

Alternative: Notion-as-CMS (noch einfacher für Stephanie, weniger flexibel).

→ Timing: Step 3b, nach Page Architecture
Gesamtarchitektur
Next.js
Frontend Framework + Routing
Sanity CMS
Exhibitions / Programmes / Calendar
Shopify
Workshop Booking + Objects + Editions
Vercel
Hosting + Deploy
05

Domain
Research

Domain Status Notiz
motherboardartspace.com
⭐ Empfehlung
Verfügbar. Selbsterklärend, identisch DE/EN, top für SEO + Presse.
motherboardvienna.com
Verfügbar
Geografischer Anker — gut für Förderanträge + internationale Besucher.
motherboardspace.com
Verfügbar
Kürzest + cleanest. "Space" = Raum in beiden Sprachen.
motherboard.studio
Verfügbar
Bonus non-.com — premium feel, als Redirect neben .com registrieren (~€10/Jahr).
motherboard-artspace.com
Vergeben
Registriert Nov 2021. Gesperrt.
motherboard.art
Vergeben
Registriert Dez 2023.
motherboardstudio.com
Vergeben
Registriert Jan 2025.
06

Offene Fragen
Status

✓ Beantwortet
Self-Editing

Daniel hilft Stephanie — kein CMS nötig. Statisches Next.js (DEVI-gepflegt) bestätigt.

✓ Beantwortet
Sprache

Bilingual DE + EN mit Toggle. MOTHERBOARD-Texte oft auf Englisch — Basis ist da.

✓ Entschieden
Domain

Empfehlung: motherboardartspace.com + motherboard.studio als Bonus. Noch zu registrieren.

✓ Geklärt
Fotomaterial

Stephanie liefert. Überbrückung via stephanieweb-v02.vercel.app Assets + @motherboard2.0 IG.

✓ Beantwortet
Booking-Tool

Nichts im Einsatz. Start fresh → Tally.so Embed für MVP Workshop-Buchung.

Shop-Inventar

Objects + Editions noch zu definieren. Fotos + Beschreibungen + Preise von Stephanie ausstehend.

Instagram Embed

@motherboard2.0 — Empfehlung: einbinden. Hält die Site "lebendig". Bestätigung ausstehend.

LUFB Research · MOTHERBOARD Website Audit · v1.2 · 06.06.2026
Nextcloud: WEBSITE4CLIENTS/MOTHERBOARDWEBSITE/ · RESI