Centered headline, description and two actions, with a wide framed image below.
Light · Dark
Hero
Centered headline with a copyable install command and two links. For developer tools and libraries.
Light · Dark
Centred headline and actions above a product screenshot in a window frame with a title bar.
Light · Dark
Left-aligned oversized headline, one line of description and a single link. No media.
Light · Dark
Centred headline with a prompt input as the call to action and suggestion chips. For AI products.
Light · Dark
Headline, short description and two actions on the left; an image on the right. Stacks in narrow containers.
Light · Dark
Headline and actions beside a terminal panel (command and output) and a prompt box. For developer and agent products.
Light · Dark