Komponentenbibliothek
Jedes wiederverwendbare Modul von Round12.de — mit Live-Preview, Code-Snippet und Varianten. Alle Module folgen den Design-Tokens aus dem Brandbook.
CategoryTile
Kategorie-Kachel mit goldener Hairline, Titel und Beschreibung. Verwendet auf der Startseite für "Was wir casten".
Menschen
Komparsen · Stunt-Doubles · Featured Extras · Stand-ins
CTACard
Call-to-Action Karte mit Icon, Kicker, Titel und Action-Text. Große, klickbare Card für finale Conversion.
In einer Stunde.
HeroStat
Statistik-Element für Hero oder Dashboard. Große Zahl mit Label.
LiveTickerItem
Einzelnes Live-Ticker-Item mit Status-Dot, Label und Text. Für Marquee/Ticker.
FeatureItem
Feature-Listen-Item mit goldener Hairline und Titel/Beschreibung. Verwendet für Value-Props.
- Smart MatchingKeine Spam-Anfragen. Nur Bookings, die zu deinem Angebot passen.
- Verifizierte ProduktionenJede Produktion ist geprüft. Keine Fake-Jobs, keine Grauzonen.
ProfilePortrait
Profil-Portrait-Karte mit Bild, Name, Meta-Daten und Verifizierungs-Badge. Schwarz-weiß default, Farbe on hover.
StepCard
Schritt-Karte mit Nummer, Bild, Titel und Beschreibung. Verwendet im "So funktioniert's" Bereich.
Profil erstellen
Headshots, Maße, Sprachen. In unter acht Minuten.
Logo
Das Wortmarken-Logo mit Gold-Punkt als visuellem Signal.
TypeScale
Die Display-Typografie-Stufen basierend auf Fraunces (variable, opsz).
ColorTokens
Die wichtigsten Farb-Tokens als visueller Swatch.
Buttons
Primary, Ghost, Destructive und Link. Immer 6px Radius — nie Pill.
Inputs
Text-Input mit sichtbarem Label (kicker) und Gold-Fokusring.
SelectField
Dropdown-Select mit Radix-Popover, perfekt mit Keyboard navigierbar.
Checkbox
Checkbox mit Gold-Check-Farbe.
SwitchCtrl
Switch-Toggle mit Gold aktivem Zustand.
SliderCtrl
Slider für Gage-Range oder Alterssuche.
Badges
Tags für Status, Verifizierung, Dringlichkeit.
Avatars
Rund, mit Hairline-Ring. Aktiv mit Gold-Ring.
StatBlock
Statistik-Block mit Fraunces-Wert und Overline-Label.
ProductionCard
Karte für eine offene Casting-Ausschreibung. Full-bleed Top-Image + Meta-Mono.
Krimi-Serie: Barszene Nacht 3
ProfileCard
3:4 Portrait, Graustufen bis Hover. Name in Fraunces, Attribute in Mono.
CallSheetRow
Zeile aus einem digitalen Call-Sheet. Monospace-Zahlen für Lesbarkeit am Set.
TimelineItem
Vertikale Timeline für Roadmap oder Set-Ablauf.
- Jetzt
Closed Beta
500 Komparsen testen in Berlin und München.
- Q3 2025
Open Beta DACH
Warteliste wird eingeladen.
- Q4 2025
Public Launch
iOS und Android Stores.
ProgressBar
Fortschrittsbalken mit Gold-Fill.
Alert
Alert für Info, Warnung, Bestätigung. Nur Hairline, nie Shadow.
MatchScore
Match-Prozent-Anzeige, zentrales Element der Round12.de-UX.
HeroBlock
Hero-Sektion mit Display-xl Typo, Overline-Kicker und Gold-CTA.
Die Crew
hinter jedem Shot.
MarqueeStrip
Unendlich scrollende Marquee für Logos, Live-Ticker oder Film-Credits.
PhoneMockupDemo
Gerendertes iPhone-Mockup mit einer live wirkenden App-UI. Für Landing-Pages und App-Teaser.