Skip to the collection
Back to vault

Ghost — typographic promise above product evidence

Ghost — typographic promise above product evidence

Swiss / International · landing page

Source: pending · Classification: pending

Make the promise lead into the product.

Original principle diagram · Draft explanation

Make the promise lead into the product.

What to borrow: Use a strong typographic promise followed by a wide product view that explains the offer.

When to use this principle
When it works
Products with a clear central benefit and a recognizable interface worth showing.
When to avoid it
Borrowing the example's dashboard numbers as evidence for your own product.

Original teaching diagram with illustrative content; not a screenshot or reconstruction of the source. Trova · AI-assisted illustration. Original Trova diagram.

  • Steal · typographymodel draft

    The captured hero uses a very large, heavy sans-serif headline across two centered lines. Smaller navigation and a compact release announcement create hierarchy without several competing display styles.

Fonts: InterVariable · Original: Ghost

private-reference-only

View original ↗
Source & usage rights

Original: Ghost. Source verification: pending review.

Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.

Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.

Captured: 2026-10-10. Capture does not establish source verification.

Similar, and why

  1. Figma Slides — product explanation with an editor preview

    palette within ΔE 19.5 · tags: practical-patterns, landing-pattern, product-preview, hierarchy · also steals grid/layout, color · same section (hero)

  2. Craft — tactile collage around a product preview

    palette within ΔE 19.1 · tags: practical-patterns, landing-pattern, product-preview · also steals typography, grid/layout · same section (hero)

  3. Supabase — homepage hero

    same family (Swiss / International) · palette within ΔE 20.1 · also steals grid/layout, color · same section (hero)

  4. die neue linie — cover, September 1929

    same family (Swiss / International) · palette within ΔE 21 · also steals color, grid/layout, typography

  5. Plausible — live demo dashboard

    same family (Swiss / International) · palette within ΔE 18.9 · also steals grid/layout, color

Filed under landing page · hero · practical-patterns · landing-pattern · headline · product-preview · hierarchy