Formular als Lückensatz
Die Felder stecken in einem Satz in Buchschrift, und jede Lücke wächst mit dem, was du hineinschreibst.
Einstellungen
Code
<form class="uvq06-ml"><p class="tx">Hallo, ich heiße <span class="w"><input name="n" aria-label="Dein Name" placeholder="dein Name" autocomplete="given-name"><span class="mr" aria-hidden="true"></span></span> und arbeite bei <span class="w"><input name="e" aria-label="Firma" placeholder="deine Firma" autocomplete="organization"><span class="mr" aria-hidden="true"></span></span>. Es geht um <span class="w sl"><select aria-label="Thema"><option>eine neue Website</option><option>eine App</option><option>eine Marke</option></select></span>; meine E-Mail ist <span class="w"><input name="m" type="email" aria-label="E-Mail" placeholder="deine E-Mail" autocomplete="email"><span class="mr" aria-hidden="true"></span></span>.</p><button type="submit" class="go">Senden <span aria-hidden="true">→</span></button><p class="ok" aria-live="polite"></p></form>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Eingabefelder
Alle ansehen: EingabefelderWofür du ihn nutzen kannst
Statt gestapelter Beschriftungen und Kästen liest sich dieses Kontaktformular wie ein Satz: Name, Firma, ein Thema und eine E-Mail füllen gestrichelte Lücken in einer Serifenschrift. Jedes Feld misst seinen Text mit einem unsichtbaren Zwilling und wird beim Schreiben breiter, eine leere Lücke wackelt beim Absenden. Es passt zu Studios, Portfolios und nahbaren Agenturen.
Formuliere den Satz in deinem eigenen Ton und bleib bei höchstens vier oder fünf Lücken. Nutze die Hauptfarbe für die ausgefüllten Wörter und den Button, und lass genug Zeilenabstand, damit die Lücken auf kleinen Bildschirmen Luft haben.