Presentation deck
Gradient-heavy template card with rounded previews.
Create anything together.
Diese Canva Preview ist nicht nur ein Token-Sheet: Sie fühlt sich wie ein Creator-Workspace an, mit Such-Hero, Template-Kacheln, Editor-Fläche, Tool-Leiste, Magic Studio und Collaboration-Bubbles.
Canva-nahe Komposition: Such-Einstieg, Template Gallery, große runde Cards, starke Gradients und schnelle Einstiegspunkte statt nüchterner Dokumentationsliste.
Gradient-heavy template card with rounded previews.
Fast visual starting point for creator workflows.
Collaboration-first canvas.
Motion-ready creative panel.
Colors, fonts and assets in one editor space.
AI-assisted first draft using prompt chips and assets.
Die Preview zeigt Canva-spezifische Produktmuster: Floating Toolbar, Asset Side Rail, verschiebbare Textboxen, Auswahlrahmen, Kommentar-Bubbles und Avatar-Stack.
Die AI-Komponente ist als Canva-Pattern eingebettet: Prompt Card, generated options und creative chips. Das nutzt die extrahierte Purple-Cyan-Pink Energie.
Canva lebt von Purple, Cyan, Pink und hellen Editor-Surfaces. Die Farben werden als echte UI-Flächen gezeigt, nicht nur als Swatches.
#7D2AE8#00C4CC#8B3DFF#FF66C4#FFFFFF#F7F5FF#EEF7FF#0E1318#667085#D9D6FE#00C853#FFB800Große, freundliche Headline-Gewichte und klare Produktlabels. Die Preview nutzt die extrahierte Inter/Arial Sans Logik.
72 / 800 / .9548 / 800 / 1.0432 / 750 / 1.1216 / 400 / 1.6Buttons, Chips, Inputs, Radius und Elevation bleiben dokumentiert, aber in Canva-UI-Sprache gerendert.
Copy-paste-fähige CSS-Variablen für den nächsten Agenten oder Frontend-Prototyp.
:root {
--canva-primary: #7D2AE8;
--canva-secondary: #00C4CC;
--canva-tertiary: #8B3DFF;
--canva-accent-pink: #FF66C4;
--canva-canvas: #FFFFFF;
--canva-surface: #F7F5FF;
--canva-surface-elevated: #EEF7FF;
--canva-ink: #0E1318;
--canva-muted: #667085;
--canva-border: #D9D6FE;
--canva-radius-sm: 8px;
--canva-radius-md: 16px;
--canva-radius-lg: 24px;
--canva-pill: 999px;
--canva-gradient-brand: linear-gradient(100deg, #7D2AE8, #8B3DFF, #00C4CC);
}
Can we try the cyan gradient?