Blocks
Full page sections for marketing sites and apps. Preview them at any width, then copy the code into your project.
Full page sections for marketing sites and apps. Preview them at any width, then copy the code into your project.
Centered Hero
Full-screen centered hero with an announcement badge and two calls to action.
Split Hero
Two-column hero pairing a bold headline with a product visual.
Render Hero
Bold claim on a solid backdrop, with a wide 3D render pinned to the bottom corner.
Photo Hero
Full-bleed photo hero with an eyebrow, a large headline and two actions over the image.
Product Hero
Centered headline over a product screenshot set on a grid of color bands.
Abstract Hero
Inset full-screen hero on an abstract photo, with an oversized headline and actions below.