GitHub

Pack

Marketing pack

Landing and product pages: the headline and the links that lead on.

Added with

npx prongs add marketing

Profile

UI

Intents

3

Domains

heading.*action.*layout.*
View as Markdown

Adding it

Terminal
npx prongs add marketing

Copies the 3 intents below into your registry, skipping any it already has, and regenerates PRONGS.md. A “not for” line that points at an intent your registry does not have is left out.

Intents

heading.* Heading

heading.pitch<h1>

The persuasive headline of a marketing page: what the product does for you

action.* Action

action.more<button>

A link on its own to more about what is above it: Learn more, See all, Full changelog. Write only the words

layout.* Layout

layout.band<section>

A full-width part of a marketing page with its content centred: a hero, a row of features, a call to action. Put a layout.page inside for the content width

Next to the starter

The starter intents this pack’s intents are told apart from. Each pack intent’s page says when to use which.

  • heading.page

    The one title of a page: Settings, Sign in, Privacy policy, a profile name, a marketing headline

    <h1>
  • action.navigate

    Goes to another page or place, from inside a sentence or on its own: an inline link, Learn more, Terms, Forgot password?

    <a>
  • layout.page

    A centred column of content. An app page has one; a marketing page may have one per full-width band

    <main>

For registry authors

Pack intent. prongs add marketing puts the marketing pack’s intents in your registry. They are then yours like the starter intents: rename, restyle and add to them, and see them with prongs add gallery.