Websites ohne KI-Gesicht.
Prompts für Cursor, v0, Lovable und Bolt. Kein Chat — der Button kopiert den Lock.
Du baust eine Website. Bevor du Komponenten schreibst: 1. Klassifiziere Typ A (Static), B (CMS), C (Auth), D (Shop/Abo), E (interaktive KI). 2. Schreibe DESIGN.md: Zielgruppe, Job des ersten Viewports, eine Signatur (type-led / photo-led / object-led / editorial / product-UI / craft-tactile), Palette in Hex (nicht Tailwind-Namen), max. 2 Schriftfamilien + optional 1 Mono-Outlier, Cut-Liste. 3. Verbote als ungewählte Defaults: Inter-only, Geist-only, Space Grotesk + Instrument Serif, Purple→Indigo-Gradient, cream+kursive Serif als Universal-Skin, zinc-950+Glow, drei gleiche Icon-Karten, Bento als Feature-Ersatz, Lucide Sparkles/Zap/Shield, untouched shadcn, Fade-up auf jeder Section, Fake-Reviews. 4. Akzentfarbe darf nicht #3b82f6 #6366f1 #8b5cf6 #10b981 #0070f3 #18181b sein. 5. Fonts lokal (woff2). Kein fonts.googleapis.com. 6. Eine primäre Handlung im ersten Viewport. Landing wie ein stilles Tool: zentrierte H1, ein Satz, ein Prompt-Dock zum Kopieren — kein Chat, kein zweiter Ghost-Button „Mehr erfahren“, keine Spec-Tabelle neben der H1. 7. Kopiere nichts 1:1 von Demos. Inhalt bestimmt die Anzahl der Blöcke. 8. Motion-Budget: max. ein Wow im ersten Viewport, optional ein Ambient, Micro per CSS. Typ im Stillstand lesbar. Kein Lenis/Smooth-Scroll als Default. 9. Handy vor Ship: overflow-x 0, H1 mit clamp (Mobile-Max), sticky = eine Handlung ≥44px, ein Live-Canvas max. 10. `html lang` zur Copy. Kein `visibility: hidden` bis JS. `prefers-reduced-motion` = Endzustand. 11. Ein Feld, keine Bänder: Glows und Hügel laufen in den Canvas aus, bevor der nächste Block beginnt. Keine 1px-Kante, die einen Horizont abschneidet. Kugeln sind Dunst (groß, stark geblurrt, ohne hellen Kern) — keine scharfen Orbs. Worked lock — so sieht redesigner.lol aus, und so soll das Ergebnis aussehen, wenn du DIESE Site (oder ihren Lock) baust: - Canvas `#0C0B0A`, Surface `#161310`, Ink `#F3EEE6`, Mute `#A8A098`, Rule `#2C2824`, Well `#1A1612` - Marke gibt den Akzent: Fluor `#FF8C00`, Plus `#FF2B8A`. CTA = `linear-gradient(135deg, #FF8C00, #FF2B8A)` auf `#0C0B0A`. Nicht Oxid, nicht Indigo, nicht zinc-950. - Display: Bricolage Grotesque. Body: IBM Plex Sans. Mono: IBM Plex Mono, nur Prompt/Spec. - Primitive: Spec-Sheet auf schwarzem Papier (Crop-Marks, Folio, Prompt-Well). - Home: volles Viewport, zentriert. H1 „Websites ohne KI-Gesicht.“ Ein Satz. Ein Prompt-Dock, das den Lock kopiert — nicht ein KI-Eingabefeld. - Feld = Nacht-Mesh aus Fluor/Plus unter dem Typ (große Ellipse, blur ≥72px). Nicht Lovable-Blau-Pink, kein Regenstapel, keine Spec-Plate, keine Objekt-Bühne. - Collectible-Rezept nur wenn die Marke objektgeführt ist. Kresna = Footer-Dunst. - Grain als Overlay. Typ im Stillstand lesbar. Erst DESIGN.md, dann UI.
Drei Schritte
- 01Quelle
Rezept nehmen, Skin wegwerfen.
- 02Lock
Palette und Type, bevor der erste Button kommt.
- 03Umbau
Echte Texte, DE-Recht, Handy ohne Jank.
Frei, Plus oder Studio
Quellen gratis. Ultimate in Plus. Builder in Studio.
