FREE CSS COMPONENT
Hero Section
Use one clear H1 and one primary action. Keep supporting copy concise and specific.
Live preview
Build better Salesforce UI
Reusable interface patterns for modern teams.
HTML
<section class="demo-hero"><h1>Build better Salesforce UI</h1><p>Reusable interface patterns for modern teams.</p></section>
CSS
.demo-hero{width:100%;padding:34px;background:#f3f3f3}.demo-hero h1{margin:0 0 8px;color:#111;font:700 28px/1.1 Inter,sans-serif}.demo-hero p{margin:0;color:#666;max-width:460px;font:14px/1.6 Inter,sans-serif}