Back to Design
Layer 5 — Sections
UI Section Blocks
Pre-assembled UI blocks consisting of Material and Component elements designed for fast page layouts.
Hero section
Hero Layout Block
A standard, center-aligned hero section featuring typography boundaries and secondary actions.
Hero HTML Block
<section class="text-center py-20 bg-zinc-50"> <h1 class="text-4xl font-black">Title</h1> <p class="mt-4 text-zinc-600">Description</p> </section>
