33 lines
1.7 KiB
Markdown
33 lines
1.7 KiB
Markdown
## 07 · Manifesto
|
|
|
|
Polemical large type. Declaration energy. The page tells the reader what to believe before it tells them what to buy. Often political-poster aesthetic.
|
|
|
|
- **Heading:** all-caps display tilted slightly (`-2°` to `-4°`), or stacked colour-block highlights on the verb.
|
|
- **Body:** short paragraphs each holding one assertion, large enough to read across the room.
|
|
- **Divider:** bleed-colour blocks between sections; no hairlines.
|
|
- **Button:** oversized solid block, accent colour, set far below the fold.
|
|
- **Image:** none, or a single high-contrast B&W photograph used as a section bleed.
|
|
- **Reveal:** horizontal sweep on section entry.
|
|
|
|
Reach for it for brand repositioning announcements, mission-led indie products, design-studio beliefs pages.
|
|
|
|
Avoid for transactional pages. Manifesto sells *agreement*, not action.
|
|
|
|
Reference: Linear's positioning pages, agency rebrand sites, political campaign landing pages.
|
|
|
|
**Sample opening lines** (imitate the *specificity* — manifestos commit, they don't hedge):
|
|
> *"WE ARE A STUDIO. WE ARE NOT A PLATFORM."* — Meridian (test 04) — defines by refusal, all caps, a single accent word
|
|
> *"We design products that last twelve years. We do not design products that need replacing every two."* — concrete number, paired declaration
|
|
> *"Lightness above weightiness, elevate everyone you encounter."* — craigmod.com — one-line principle, no explanation needed
|
|
|
|
```html
|
|
<section class="manifesto bleed-ink">
|
|
<h1 class="caps display-xxl">WE BELIEVE <em class="block-accent">DESIGN</em> IS SLOW.</h1>
|
|
</section>
|
|
<section class="bleed-paper">
|
|
<p class="claim">It costs less than the rework you'll do without it.</p>
|
|
</section>
|
|
```
|
|
|
|
---
|