Kunst und Musik

Werke, Ausstellungen, Pressekits, Tourdaten und Fotobuchungen.

3 Components · 15 Variants

Kategorie wechseln

Auf dieser Seite

Alle Components dieser Kategorie. Wähle eine, um zu ihren Variants zu springen.

Künstler5
Musiker-Pressekit5
Fotografen-Buchung5

artist

Künstler

Für Malerinnen, Bildhauer und Ateliers. Werke nach Serien mit rotem Punkt, ein Werk im Raum für den Maßstab, Ausstellungen mit dem, was gerade läuft, ein Statement, das beim Lesen aufleuchtet, und Auftragsarbeiten.

Werke
Werk mit Raumansicht
Ausstellungen
Statement
Auftragsarbeit

Props und Details

Werke

Werke in ihren echten Proportionen, nach Serie gefiltert hinter einem gleitenden Schalter. Titel, Jahr, Technik und Maße darunter, ein roter Punkt, wenn verkauft, das Bild rückt beim Zeigen näher.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/artist

Bringt mit utils, kit, button, icon, motion, section

Usage

<Artist variant="works" works={[{ id, title, year, medium, width, height, series, price, sold, image }]} />

Source

Werk mit Raumansicht

Ein Werk groß. Ein Schalter hängt es über ein Sofa von 220 cm, so ist die Größe sofort klar. Rahmenwahl, der Preis folgt, anfragen oder kaufen.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/artist

Bringt mit utils, kit, button, icon, motion, section

Usage

<Artist variant="artwork" work={{ title, year, medium, width, height, price, description, frames: [{ id, label, price }], image }} />

Source

Ausstellungen

Was gerade zu sehen ist, steht vorn mit Live-Punkt und einem Bild, das wandert. Kommende Ausstellungen als Karten, vergangene nach Jahr als ruhige Liste.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/artist

Bringt mit utils, kit, button, icon, motion, section

Usage

<Artist variant="exhibitions" exhibitions={[{ id, title, venue, city, start, end, kind, image }]} today="2026-10-21" />

Source

Statement

Das Statement in großer Schrift. Die Wörter leuchten beim Scrollen nacheinander auf, das Atelierbild daneben wandert langsamer als die Seite.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/artist

Bringt mit utils, kit, button, icon, motion, section

Usage

<Artist variant="statement" statement="…" signature="…" photo={<img … />} />

Source

Auftragsarbeit

Drei Größen mit Preis und Dauer. Eine Zeichnung stellt die gewählte Leinwand neben eine Person, so wird die Größe greifbar, die Leinwand wächst und schrumpft. Ein paar Worte zur Idee und eine Anfrage.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/artist

Bringt mit utils, kit, button, icon, motion, section

Usage

<Artist variant="commission" sizes={[{ id, label, size, price, time, w, h }]} onSubmit={(data) => …} />

Source

musician-epk

Musiker-Pressekit

Ein elektronisches Pressekit für Bands und Musiker. Überblick mit Zahlen und Pressefotos, Veröffentlichungen mit abspielbaren Titeln, Tourdaten mit Ticketstand, Pressestimmen und Downloads und der Rider mit Bühnenplan.

Überblick
Veröffentlichungen
Tourdaten
Presse
Technischer Rider

Props und Details

Überblick

Die Band groß auf einem Bühnenbild, das wandert, Genre und ein Satz zum Klang. Zahlen, die hochzählen, Pressefotos, die beim Zeigen farbig werden, und die Kontakte für Booking und Presse.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/musician-epk

Bringt mit utils, kit, button, icon, motion, number-ticker, section

Usage

<MusicianEpk variant="overview" artist={{ name, genre, from, line, bio, photo }} stats={[…]} photos={[…]} contacts={[{ role, name, email }]} />

Source

Veröffentlichungen

Cover zur Auswahl, das gewählte groß. Ein Titel spielt eine Hörprobe von 30 Sekunden, die Platte gleitet aus der Hülle und dreht sich, die Linie unter dem Titel füllt sich.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/musician-epk

Bringt mit utils, kit, button, icon, motion, number-ticker, section

Usage

<MusicianEpk variant="releases" releases={[{ id, title, kind, date, label, cover, tracks: [{ title, length }] }]} />

Source

Tourdaten

Termine nach Land hinter einem gleitenden Filter. Ticketstand je Konzert, wenige Karten im Akzent, ausverkaufte durchgestrichen mit Erinnerung für die nächste Gelegenheit.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/musician-epk

Bringt mit utils, kit, button, icon, motion, number-ticker, section

Usage

<MusicianEpk variant="tour" shows={[{ id, date, city, country, venue, state: "tickets" | "few" | "sold-out", href }]} />

Source

Presse

Ein Zitat groß, weitere als Karten mit dem Logo des Mediums, darunter alles, was die Presse braucht, als Download. Das Download-Symbol füllt sich beim Zeigen.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/musician-epk

Bringt mit utils, kit, button, icon, motion, number-ticker, section

Usage

<MusicianEpk variant="press" quotes={[{ quote, outlet, logo }]} downloads={[{ label, detail, href, icon }]} />

Source

Technischer Rider

Der Bühnenplan aus Positionen gezeichnet, die Instrumente erscheinen nacheinander, Zeigen markiert ihre Kanäle in der Kanalliste. Was die Band braucht und der Rider zum Herunterladen.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/musician-epk

Bringt mit utils, kit, button, icon, motion, number-ticker, section

Usage

<MusicianEpk variant="rider" stage={[{ label, x, y, kind }]} inputs={[{ ch, source, mic, note }]} needs={["…"]} riderHref="…" />

Source

photographer-booking

Fotografen-Buchung

Für Fotografinnen und Fotografen mit Buchungen. Pakete nach Art des Shootings, ein Kalender zum Prüfen und Reservieren, Galerien nach Thema, ein Preisrechner und eine Auswahlseite, auf der Kunden ihre Favoriten wählen.

Pakete
Datum prüfen
Galerien
Preisrechner
Auswahlgalerie

Props und Details

Pakete

Arten von Shootings hinter einem gleitenden Schalter, Pakete mit Stunden, Fotos und Lieferzeit. Karten kommen nacheinander, Licht folgt dem Zeiger, das empfohlene ist markiert.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/photographer-booking

Bringt mit utils, kit, button, icon, motion, section

Usage

<PhotographerBooking variant="packages" packages={[{ id, kind, title, hours, photos, delivery, price, includes, featured }]} />

Source

Datum prüfen

Ein Monat zum Blättern, die Monate gleiten von ihrer Seite herein. Ausgebuchte Tage sind durchgestrichen, Tage mit einem freien Termin markiert. Ein freier Tag lässt sich 48 Stunden reservieren.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/photographer-booking

Bringt mit utils, kit, button, icon, motion, section

Usage

<PhotographerBooking variant="date-check" month="2027-05" booked={["2027-05-08"]} partly={["2027-05-15"]} />

Source

Galerien

Themen als große Bildkarten, die erste breit. Beim Zeigen oder Fokus rückt das Bild näher und ein Streifen mit vier Vorschauen steigt auf, auf dem Telefon ist er immer da.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/photographer-booking

Bringt mit utils, kit, button, icon, motion, section

Usage

<PhotographerBooking variant="galleries" galleries={[{ id, title, count, cover, previews: [<img />…], href }]} />

Source

Preisrechner

Stunden als Blöcke, Extras als Karten und die Entfernung auf einem Regler mit markierten Freikilometern. Das Angebot baut sich Zeile für Zeile, die Summe gleitet.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/photographer-booking

Bringt mit utils, kit, button, icon, motion, section

Usage

<PhotographerBooking variant="quote" hourly={240} extras={[{ id, label, price, icon }]} perKm={0.6} freeKm={50} base="Hamburg" />

Source

Auswahlgalerie

Die Kundengalerie nach dem Shooting. Herzen springen auf, ein Balken zählt gegen die enthaltenen Fotos und warnt, bevor Extras kosten. Nur Favoriten zeigen, dann die Auswahl senden.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/photographer-booking

Bringt mit utils, kit, button, icon, motion, section

Usage

<PhotographerBooking variant="proofing" photos={[<img />…]} included={20} extraPhoto={15} client="…" onSubmit={({ photos }) => …} />

Source

Ähnliche Components

Mehr aus Industries, demselben Bereich des Kits.

Wird oft kombiniert mit

Sections, die auf einer Seite meist neben Kunst und Musik stehen.

In die Zwischenablage kopiert