Zum Inhalt

Websites ohne KI-Gesicht.

Prompts für Cursor, v0, Lovable und Bolt. Kein Chat — der Button kopiert den Lock.

Lock kopieren — verhindert Inter, Geist, Indigo

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.

Alle PromptsQuellen

Drei Schritte

  1. 01Quelle

    Rezept nehmen, Skin wegwerfen.

  2. 02Lock

    Palette und Type, bevor der erste Button kommt.

  3. 03Umbau

    Echte Texte, DE-Recht, Handy ohne Jank.

Frei, Plus oder Studio

Quellen gratis. Ultimate in Plus. Builder in Studio.

Abo wählen