Hero library · collage

Form first

hero.form-first: any design can use this hero. It suits the styles below; pairing it with another style makes the picker warn about a clash.

Rule: The signup form is the hero's action: headline, subhead and an inline email form with a reassurance line in 1–6; a left-ruled column in 8–12 lists 3–4 numbered things you get.
Slots: eyebrow, headline, subhead, newsletter, meta, sectionLabel, facts[3..4]
Grid: form 1-6 · benefits 8-12
Notes: Use a real <form> with a labelled email input and a submit button. The reassurance line covers frequency and privacy. The benefits are concrete, not icon features.

Make the form the hero's only action: a labelled email field and submit button on one row.
Put a one-line reassurance (frequency, privacy) under the form.
List 3–4 concrete, numbered benefits in 8–12 behind a left rule.

Don't

Don't add a separate CTA button besides the form's submit.
Don't ask for more than an email in the hero.
Don't use icons for the benefits; numbers only.

Phone width

Headline, subhead, form (input and button stacked full width), reassurance, then benefits without the rule.

Try this hero in the picker llms.txt

Live, in 3 styles it suits

In Bento Tech

hero.form-first · hero

Open alone, full size (desktop, tablet, phone; layout tree included)

Brand & product studio

We make complicated companies simple to choose

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

you@example.com

Booking projects from June 2026

Introducing

140+

launches shipped

Counted since we opened, updated every quarter.

years independent

Measured across every project, not our best ones.

9 of 10

clients return

From our own records, checked each year.

Desktop

Brand & product studio

We make complicated companies simple to choose

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

you@example.com

Booking projects from June 2026

Introducing

140+

launches shipped

Counted since we opened, updated every quarter.

years independent

Measured across every project, not our best ones.

9 of 10

clients return

From our own records, checked each year.

Phone, 390 px

In Neo-grotesk Minimal

hero.form-first · hero

Open alone, full size (desktop, tablet, phone; layout tree included)

Brand & product studio

We make complicated companies simple to choose

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

you@example.com

Booking projects from June 2026

Introducing

140+

launches shipped

Counted since we opened, updated every quarter.

years independent

Measured across every project, not our best ones.

9 of 10

clients return

From our own records, checked each year.

Desktop

Brand & product studio

We make complicated companies simple to choose

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

you@example.com

Booking projects from June 2026

Introducing

140+

launches shipped

Counted since we opened, updated every quarter.

years independent

Measured across every project, not our best ones.

9 of 10

clients return

From our own records, checked each year.

Phone, 390 px

In Terminal Mono

hero.form-first · hero

Open alone, full size (desktop, tablet, phone; layout tree included)

Brand & product studio

We make complicated companies simple to choose

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

you@example.com

Booking projects from June 2026

Introducing

140+

launches shipped

Counted since we opened, updated every quarter.

years independent

Measured across every project, not our best ones.

9 of 10

clients return

From our own records, checked each year.

Desktop

Brand & product studio

We make complicated companies simple to choose

Northfold is a 14-person studio helping manufacturers, labs and B2B teams explain what they do — and look like they mean it.

you@example.com

Booking projects from June 2026

Introducing

140+

launches shipped

Counted since we opened, updated every quarter.

years independent

Measured across every project, not our best ones.

9 of 10

clients return

From our own records, checked each year.

Phone, 390 px

Suits

Bento Tech Neo-grotesk Minimal Terminal Mono Swiss International Neo-Brutalism Scandinavian Soft Frosted Glass Athletic Sport

Clashes with

Luxury Fashion Art Deco Maximalist Collage