superdesigndev/superdesign-prompts/forms-contact

Page type — Forms & Contact

Structure axis. Style-agnostic: pair with any system to render.

Aggregated from 12 prompts in this repo.

What this page type is

A reusable Forms & Contact generator. Bring a design system (colors, type, motion) and this skill supplies the structure — sections, layout, and the components users expect.

Common sections

• Sticky nav _(in 4 prompts)_
• Footer _(in 3 prompts)_
• Hero _(in 2 prompts)_
• Trust strip _(in 1 prompts)_
• The form section (the hero component) _(in 1 prompts)_
• Underline-input form (the reusable heart) _(in 1 prompts)_
• Selected work band _(in 1 prompts)_
• Process section _(in 1 prompts)_
• Sticky nav + marquee strip _(in 1 prompts)_
• Hero (headline + turnaround stat card) _(in 1 prompts)_
• The form section (instruction rail + form card) _(in 1 prompts)_
• Three blunt steps _(in 1 prompts)_

Common components

• Underline input (.underline-input) _(in 1 prompts)_
• Editorial serif label (.ed-label) _(in 1 prompts)_
• Quiet link (.link-quiet) _(in 1 prompts)_
• Ink submit button (.btn-submit) _(in 1 prompts)_
• Hairline rule (.rule) _(in 1 prompts)_
• Grain texture (.grain) _(in 1 prompts)_
• Outline monogram brand mark _(in 1 prompts)_

Example — render in a chosen style

Build a Forms & Contact using the "<system-id>" design system
(see systems/<system-id>/DESIGN.md). Include the common sections above.

Reference prompts (best-designed first)

• Acid-Yellow Neo-Brutalist Mega Footer · design 9/10 · 2,401 runs
• Sunset Glow Wordmark Mega Footer · design 9/10 · 2,256 runs
• The Atelier Brief — an editorial intake form, set like a letter · design 8/10 · 2,430 runs
• Send Us the Brief — Brutalist Contact Form · design 8/10 · 2,424 runs
• Cream Paper & Coral Mega Footer · design 8/10 · 2,343 runs
• Loop · Say hello, we don't bite (friendly illustrated sky) · design 8/10 · 2,299 runs
• Atelier — Design, Spoken Into Being (editorial serif / burgundy) · design 8/10 · 2,239 runs
• Validar — Forms that catch mistakes before they cost you · design 7/10 · 2,401 runs
• Teal-on-Ink Newsletter Mega Footer · design 6/10 · 2,473 runs
• Ink & Acid Mono Sitemap Footer · design 6/10 · 2,388 runs
• Formcraft — Workspace Settings (cobalt two-column) · design 6/10 · 2,284 runs
• Forms that feel effortless to fill — Fieldcraft · design 5/10 · 2,299 runs