Hero

A full-width <section> for page hero areas. Accepts title:, subtitle:, and button: as children. An optional img: as the first child sets a background image.

Basic usage

hero:
  title: Wireframe in plain text
  subtitle: Figdown turns simple text into interactive UI mockups.
  blue primary button: Get Started → /docs
  outline button: Browse Examples

With background image

Place an img: with a URL or path as the first child to set a background image on the hero.

hero:
  img: Hero background → /images/banner.jpg
  title: Welcome
  subtitle: Build wireframes with plain text.
  large blue primary button: Try it free → /playground

Children

Child	Description
title:	Renders <h1>. Accepts modifiers and inline Markdown.
subtitle:	Renders <p>. Accepts inline Markdown.
button:	Renders a button or link. Accepts all button modifiers.
img: Alt → /url	First child only — sets the section background image.

Centering

The hero is centered by default. Use centered on individual children if needed:

hero:
  centered title: Big headline
  centered subtitle: Supporting text.
  centered blue primary button: Call to action