OPTIK
Wähle eine Richtung als Fundament. Übernimm den Prompt, mix Keywords nach Bedarf, halte den Vibe konsistent.
Wann nutzen: SaaS-Landingpages, Produktivitäts-Tools, alles wo Klarheit > Effekt.
Beispiel-Prompt
Design a minimal, clean landing page. Lots of whitespace, neutral grayscale palette with one accent color, Inter font, subtle 1px borders, no heavy shadows. Calm and confident tone.
Pro-Tipp: Ein einziger Akzentfarbton reicht – Disziplin bei der Palette wirkt teurer als viele Farben.
Wann nutzen: Hero-Sektionen, Dashboards, Musik-/Media-Apps mit Tiefe.
Beispiel-Prompt
Create a glassmorphic UI: frosted-glass cards with backdrop blur, translucent surfaces over a colorful gradient background, soft inner glow, layered depth. Modern and premium feel.
Pro-Tipp: Glas braucht einen interessanten Hintergrund darunter – auf flachem Weiß verpufft der Effekt.
Wann nutzen: Kreativ-Portfolios, Launch-Pages, Marken die auffallen wollen.
Beispiel-Prompt
Design a neo-brutalist landing page: thick black borders, hard offset drop shadows, oversized bold typography, high-contrast primary colors, raw and playful. No gradients.
Pro-Tipp: Übertreibe bewusst – halbherziger Brutalismus sieht aus wie ein Fehler, nicht wie Absicht.
Wann nutzen: Developer-Tools, APIs, Dashboards, technische Produkte.
Beispiel-Prompt
Design a dark developer-tool interface. Near-black background, monospace accents, a single neon accent color (e.g. lime or cyan), crisp code blocks, dense but readable grid layout.
Pro-Tipp: Ein Mono-Font nur für Akzente (Labels, Code) verkauft den 'Dev'-Look ohne die Lesbarkeit zu opfern.
Wann nutzen: Luxus-Produkte, Launches, Markenseiten mit Wow-Moment.
Beispiel-Prompt
Design a premium, cinematic hero. Dramatic contrast between large headline and dark background, layered depth, translucent surfaces, subtle motion blur, full-bleed imagery.
Pro-Tipp: Großzügiger negativer Raum + ein einziges starkes Bild wirkt teurer als viele kleine Elemente.
Wann nutzen: Consumer-Apps, Communities, junge Zielgruppen, Gen Z.
Beispiel-Prompt
Design a playful, expressive landing page. Punchy saturated colors, oversized rounded type, generous rounded corners, fun micro-animations on hover, energetic and friendly tone.
Pro-Tipp: Micro-Animations sparsam einsetzen – ein, zwei verspielte Momente reichen, sonst wirkt es unruhig.
Wann nutzen: Wellness, Lifestyle, Editorial, ruhige Premium-Marken.
Beispiel-Prompt
Design a Scandinavian, minimal page. Muted earth tones, lots of air, a refined serif for headlines paired with a clean sans for body, soft rounded corners, calm and reassuring.
Pro-Tipp: Serifen-Headline + Sans-Body ist die Abkürzung zu 'editorial & teuer'.
Wann nutzen: Mode, Schmuck, High-End-Dienstleistungen, Gastronomie.
Beispiel-Prompt
Design a luxury brand page. Black and cream palette with subtle gold accents, thin elegant serif typography, very generous spacing, restrained and sophisticated.
Pro-Tipp: Weniger ist Luxus: viel Raum, dünne Schrift, kaum Farben – Zurückhaltung signalisiert Hochwertigkeit.
Wann nutzen: AI-Produkte, moderne SaaS, Tech-Startups.
Beispiel-Prompt
Design a modern SaaS page with an aurora/mesh gradient background, vibrant purple-to-blue tones, glowing accent buttons, glassy cards on top, futuristic and optimistic.
Pro-Tipp: Verlauf in den Hintergrund, nicht in den Text – Text bleibt auf einer ruhigen Fläche lesbar.
Wann nutzen: B2B-SaaS, Fintech, Enterprise, alles wo Vertrauen zählt.
Beispiel-Prompt
Design a trustworthy B2B SaaS landing page. Professional blue accent, structured grid, clear hierarchy, subtle data-viz illustrations, logos bar for social proof, confident and clean.
Pro-Tipp: Eine 'Logo-Leiste' (bekannte Kunden/Partner) baut sofort Vertrauen – früh im Layout einplanen.
Wann nutzen: Musik, Mode, Nostalgie-Marken, kreative Nischen.
Beispiel-Prompt
Design a Y2K retro page. Chrome and glossy gradients, pixel/retro accents, vibrant early-2000s color combos, playful nostalgic tone, sticker-like elements.
Pro-Tipp: Ein, zwei nostalgische Signaturelemente (Chrome-Button, Pixel-Font) genügen – sonst kippt es ins Kitschige.
Wann nutzen: Blogs, Content-Marken, Storytelling, Portfolios.
Beispiel-Prompt
Design an editorial, magazine-style layout. Large expressive serif headlines, multi-column grid, pull quotes, strong typographic hierarchy, generous margins, image-led storytelling.
Pro-Tipp: Typografie ist hier das Design – investiere in Schriftgrößen-Kontrast statt in Deko-Elemente.