Block reference

Qanvas has 15 blocks. This page lists what each one is for and the options its Inspector offers, in addition to the shared sections described in Blocks and the Inspector.

Site chrome

Header

The navigation bar at the top of every page. Shared by all pages.

Logo text, or a Brand logo image with a separate Dark mode logo.
Navigation links: a label and link for each. Select Add link to add one.
Primary CTA: an optional button on the right.
Link alignment and Link style & typography: link colour, background, weight, spacing and text decoration.
Surface style: Solid canvas, Frosted glass blur or Bordered shadow.
Sticky header: keeps the header visible while the page scrolls.
Mobile menu animations: the animation style, and whether the menu animates when it expands and collapses.

Footer

The footer at the bottom of every page. Shared by all pages.

Layout: Stacked or Columns. Stacked content can align left, center or right. Content spacing controls internal gaps separately from Vertical padding.
Tagline.
Columns & links: each column has a heading and links.
Callout banner: use Show callout in either layout to display a headline, description and action. Hiding it keeps its content.
Copyright & legal: optional utility links and your copyright text. Copyright has a full-width field below its label that starts at two rows and expands as you type, with a 200-character limit. It supports inline code, bold, italic and Markdown links, for example © 2026 Your company · [Built with Qanvas](https://getqanvas.com). Links render in preview and export in your site's link style, like links in the tagline and page text. Use safe web, email, telephone, site-relative or anchor destinations; unsafe URLs are not linked. Text wrapping in the field does not create rendered line breaks.
Credit: Show credit adds a line after the copyright: a Prefix such as Site by or Built with, then a logo (with an optional dark mode logo) or a Name as text, an optional link and its own Open in setting.
Top border and Border color.

Openers and conversion

Hero

The opening section of a page, with a headline and calls to action.

Layout: Centered minimal, Split editorial or Full viewport.
Headline & copy, plus a Body subheading.
Calls to action: a Primary action and Secondary action.
Media: None, Image or Video. Video can be an uploaded file or a link, with a play-button label and an optional custom poster image.

CTA Banner

A focused call to action, usually near the end of a page.

Layout: Split row, Centered card or Minimal banner.
Headline & copy and one Action: the button's label and link.

Pricing matrix

Pricing tiers, with an optional feature comparison.

Layout: Cards, Tabbed or Comparison table.
Pricing tiers: Name, Price, Billing suffix (such as /month), Description, Badge, Featured tier, Tier features and a Call to action.
Feature matrix: the rows of the comparison table.
Table style: Zebra, Bordered or Minimal.
Features column label: the heading of the feature column in the comparison table.

Features and storytelling

Feature grid

A grid of features, each with a title, description and optional icon.

Layout: Grid, Asymmetric bento or Sticky rail.
Features: Badge, Title, Description, Icon and an optional link for each.
Framed panel: places the grid inside a panel.

Bento grid

A dense, asymmetric grid of cards for product highlights.

Bento cards: Title, Description, Badge and Icon for each, with an Icon type and Icon frame.
Column span: how much of the row a card takes.
Media for each card: a Code snippet (title, language and code), a Widget, Pipeline nodes, Timeline steps, or none.

Spotlight feature

One feature in depth, beside a visual.

Layout: Even split (50/50) or Offset split (60/40).
Feature bullets.
Media: an image, or a Mockup with a Mockup title, Mockup metrics (label and value) and Mockup lines.
Visual label and Visual caption.
Reverse column order: puts the visual on the other side.

Editorial section

Long-form storytelling with an optional visual.

Layout: Split stage or Prose column.
Subheading: a one-to-two sentence lead/standfirst above the narrative, styled larger than body text; do not repeat the first paragraph.
Narrative: edit the main text in one expanding field. A blank line starts a new paragraph; single newlines stay within a paragraph. Inline Markdown (bold, code and links) is supported. The paragraph count and inline messages flag more than 8 paragraphs or a paragraph over 1200 characters; invalid text is kept in the editor until corrected. Saved paragraphs remain separate items.
Callout quote: Show callout, with a Callout title and Callout text.
Takeaways: a short list of key points.
Media: an image with a Caption, or a titled code sample, and its Visual placement.

Process flow

A sequence of steps, such as how your product works.

Layout: Pipeline track or Integrated cards.
Steps: Number, Title, Description and Badge for each.
Arrows: shows arrows between steps.

Showcase

A grid of examples, such as work, customers or use cases.

Items: Title and Description for each.

Proof and answers

Stats matrix

Key numbers that build trust.

Layout: Card grid, Divided row or Split headline.
Stats: a Value and Label for each.

FAQ accordion

Questions and answers that expand when clicked.

Layout: Stacked list or Two-column grid.
Questions & answers: a Question and Answer for each.

Long-form content

Article

A page of Markdown, for documentation, guides or a devlog.

Title, Eyebrow and Date.
Body (Markdown): headings, lists, tables, links and code blocks.

Article pages under a shared path, such as /docs/..., get an automatic sidebar and previous and next links. See Pages.

Legal document

Terms, privacy policies and other legal text.

Title and Effective date.
Document (Markdown): the whole document as Markdown.
Sections: optional, each with a Heading, an Anchor id and a Body.