Files
training/.codex/skills/hallmark/references/macrostructures/07-manifesto.md
2026-07-28 19:31:07 +08:00

1.7 KiB

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

<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>