Komponente · 6 Varianten

Case-Study-Card

components/CaseStudyCard.astro

v2 nach Shadcnblocks Case Studies. Layout gelesen, nicht kopiert. Kein Radius, kein Scale-Hover, kein Overlay. Proof in Oliv.

Props

Name	Typ	Default	Notiz
variant	"split" \| "cover" \| "portrait" \| "land" \| "spotlight" \| "zelle"	"split"	01–06.
surface	"nacht" \| "paper"	"nacht"	Pflicht-Paar.

<CaseStudyCard variant="split" surface="nacht" />

01 · Split

Foto 4:5, Inhalt rechts

Infinite Cases. Lockup, Titel, Proof, Tags.

Nacht

Köhler Stahl

Vom Werk zur Stimme

3,2× Anfragen in 12 Monaten

Industrie
Relaunch

Paper

Köhler Stahl

Vom Werk zur Stimme

3,2× Anfragen in 12 Monaten

Industrie
Relaunch

02 · Cover

Foto 4:5, Satz darunter

Shadcnblocks case-studies13. Overlay entfernt. Proof und Titel unter dem Bild.

Nacht

Köhler Stahl

3,2× Anfragen in 12 Monaten

Vom Werk zur Stimme

Paper

Köhler Stahl

3,2× Anfragen in 12 Monaten

Vom Werk zur Stimme

03 · Portrait

3:4, Satz darunter

Shadcnblocks case-studies11. Overlay entfernt. Lockup und Titel unter dem Bild.

Nacht

Köhler Stahl

Vom Werk zur Stimme

Paper

Köhler Stahl

Vom Werk zur Stimme

04 · Land

4:3, Satz darunter

Shadcnblocks case-studies12. Overlay entfernt. Proof als Label unter dem Bild.

Nacht

Köhler Stahl

Vom Werk zur Stimme

3,2× · Anfragen in 12 Monaten

Paper

Köhler Stahl

Vom Werk zur Stimme

3,2× · Anfragen in 12 Monaten

05 · Spotlight

Mute-Fond, Proof, Tags

Shadcnblocks case-studies4. granit-100 / 900. Kein rounded muted panel.

Nacht

Köhler Stahl

Vom Werk zur Stimme

3,2× Anfragen in 12 Monaten

Industrie
Relaunch

Paper

Köhler Stahl

Vom Werk zur Stimme

3,2× Anfragen in 12 Monaten

Industrie
Relaunch

06 · Zelle

Haarlinie um Foto und Zahl

Logo-Wall Raster. Kachel im Raster der Referenzen.

Nacht

Köhler Stahl

3,2× Anfragen in 12 Monaten

Industrie
Relaunch

Paper

Köhler Stahl

3,2× Anfragen in 12 Monaten

Industrie
Relaunch