Design Showcase

Website Types

Komplette Landingpage-Design-Prototypen, ein Font-Pairing-Showcase und ein Katalog-Layout für Multi-Produkt-Seiten. Wähle einen Stil, schau ihn dir live an und nutze ihn als Vorlage — z.B. mit „huel design 3” für ein neues Projekt.

25Design-Prototypen
01
Dark

Futuristic

Dunkel, Neon, Glassmorphism
/futuristic

Dark Theme mit Cyan/Violett-Glow, Grid-Hintergrund und technischer Monospace-Akzentschrift.

Ansehen →
02
Pastell

Calming

Weißraum, weiche Formen
/calming

Sanfte Pastelltöne, organische Rundungen und ruhige Übergänge für ein entspanntes Gefühl.

Ansehen →
03
Reduziert

Minimalist

Nur das Wesentliche
/minimalist

Maximaler Weißraum, eine Akzentfarbe, klare Typo-Hierarchie, keine Dekoration.

Ansehen →
04
Energiegeladen

Maximalist

Laut, dicht, mutig
/maximalist

Viele Farben, überlappende Elemente, mutige Typografie-Mixe und verspielte Patterns.

Ansehen →
05
Erdtöne

Natural

Organisch, warm
/natural

Grün, Beige, Terracotta — organische Formen und handschriftliche Akzente.

Ansehen →
Neu06
Liquid Glass

Apple

Milchglas, System-Fonts
/apple

Hellblau #9ce1e8, schwebende Glas-Navigation, Glas-Karten und Mini-Player — ruhig, klar, Apple-artig.

Ansehen →
Neu07
Produktseite

Apple Light

Großer Hero, weiße Karten
/apple/light

Hellblauer Grund, dunkelpetrole Pill-Buttons, Geräte-Panel und weiße Feature-Karten — wie eine Apple-Produktseite.

Ansehen →
08
Storytelling

Scroll-Inviting

Volle Sections
/scroll

Aufeinanderfolgende Full-Height-Sections mit Scroll-Reveal-Animationen und Fortschrittsanzeige.

Ansehen →
09
Fokus

Single CTA

Ein Button, ein Ziel
/single-cta

Riesiger Hero mit einem dominanten Call-to-Action, alles andere tritt zurück.

Ansehen →
10
Klassisch

Conservative

Seriös, vertrauenswürdig
/conservative

Navy und Gold, Serif-Headlines, symmetrisches Layout, Trust-Badges.

Ansehen →
11
Divers

Liberal

Offen, dynamisch
/liberal

Bunte harmonische Palette, asymmetrische Layouts, inklusive Sprache.

Ansehen →
12
Typografie

Font-Pairings

8 Schriftkombinationen
/fonts

Headline- und Fließtext-Schriften im direkten Vergleich — von Editorial über Tech bis Luxury Minimal.

Ansehen →
13
Rechner

Revenue Plans

Wéivill kann ech verdéngen?
/revenue-plans

Live-Rechner fir Abonnement-, Kreditter- a Reklamm-Revenue, mat lëtzebuergescher MwSt.

Ansehen →
Neu14
Income

Advertisement Types

All ways to earn via ads
/ad-types

Catalog of every advertising-based income model a website can use — display, native, affiliate, sponsorship and more.

Ansehen →
15
E-Commerce

Catalog

Earthy Lift Spotlight
/products

Alle Produkte auf einen Blick ohne Scrollen — Lift-Hover, Gallery-Frame-Rahmen, Kauf-Schublade.

Ansehen →
Neu16
Effekt-Bibliothek

Website Effects

Kopierbare Micro-Interaktionen
/effects

Kleine, kopierbare Effekte für npm-Websites — Komponente + Code, keine Abhängigkeiten. Erster Effekt: Character-by-Character Printing (Typewriter, bekannt von ChatGPT).

Ansehen →
Neu17
Widget

Site Assistant

Eege Clippy, ouni AI
/assistant

Animéierten Assistent mat Sprechblase & Buttons, gesteiert vun enger einfacher Skript-Logik — keng KI, keng externen Ruff.

Ansehen →
Neu18
Live GPU Shader

Fractal

Selbstähnlich, endlos in Bewegung
/fractal

Live gerenderte Julia-Menge in WebGL — Farbe wandert nicht-linear duerch de Faarwierad, ëmmer mat senger live Komplementärfaarf, Pointer-Steuerung optional.

Ansehen →
Neu19
Demo Showcase

Adventure

Eng Demo als Expeditioun
/adventure

Trail, nummeréiert Camps mat enger Live-Demo pro Camp, Badges, Altitude-Meter an Summit-CTA — Prism-Night mat Pergament-Kaarten.

Ansehen →
Neu20
Recherche

Market Research

Welche Gruppe will welches Design?
/market-research

Welche Nutzergruppen es gibt, welches Design sie wollen, die benötigten Designs als Liste und die Perplexity-Prompts dazu.

Ansehen →
Neu21
Zielgruppe

Senior klar

Groß, dunkel auf hell, eindeutig
/senior

20 px Schrift, Ziele ab 56 px, keine Dropdowns, ausgeschriebene Links, starke Fokusrahmen.

Ansehen →
Neu22
Zielgruppe

Hochkontrast

21:1, Hell/Dunkel wählbar
/contrast

Schwarz auf Weiß oder umgekehrt, sichtbarer Fokus, reduzierte Bewegung, Status nie nur durch Farbe.

Ansehen →
Neu23
Zielgruppe

Trust-Checkout

Gast-Kasse mit Vertrauens-Icons
/trust-checkout

Gast-Checkout, etwa 12 Felder, Schloss und Schild neben den Kartenfeldern, alle Kosten früh sichtbar.

Ansehen →
Neu24
Zielgruppe

Reisende unterwegs

Draußen lesbar, gelber Glow
/traveler

Dunkle Schrift auf Sand, große Daumen-Ziele, leuchtende Hauptaktion pro Karte.

Ansehen →
Neu25
Zielgruppe

Editorial B2B

Serif, Zahlen, ein ruhiger CTA
/editorial

Redaktionelles Layout mit Kennzahlen, Kundenlogos und klarer Preistabelle für Profis.

Ansehen →