In Neo-grotesk Minimal
hero.minimal-single-line · hero
Open alone, full size (desktop, tablet, phone; layout tree included)
Hero library · minimal
Single line
hero.minimal-single-line: any design can use this hero. It suits the styles below; pairing it with another style makes the picker warn about a clash.
- Rule
- One sentence as the h1 at step 4, flush left across 1–10 and vertically centred in a 60vh hero; one text link with an arrow in 11–12 on the same line. Nothing else.
- Slots
headline,cta- Grid
- line
1-10· link11-12 - Notes
- The restraint is the design: no eyebrow, no image, no subhead. The sentence should say what the site is in under 12 words.
Do
- Write one sentence of under 12 words and set it as the h1 at step 4, regular weight, flush left in 1–10.
- Vertically centre it in a hero about 60% of the viewport tall.
- Put one arrow text link in 11–12 on the same baseline row.
Don't
- Don't add an eyebrow, image, subhead, badge or second action.
- Don't centre the sentence horizontally.
- Don't make it bold or larger than step 4 — that turns it into a giant-type hero.
Phone width
- Sentence at step 3 on up to three lines; the link sits under it, left-aligned.
Live, in 3 styles it suits
In Swiss International
hero.minimal-single-line · hero
Open alone, full size (desktop, tablet, phone; layout tree included)
We make complicated companies simple to choose
Start a projectWe make complicated companies simple to choose
Start a projectIn Japanese Minimal
hero.minimal-single-line · hero
Open alone, full size (desktop, tablet, phone; layout tree included)