Guarantee

Your promise as a statement or a card, with a founder quote, a signature, trust pills and a button.

What it does

A section built around a promise. Statement lays image and text out on the section surface; Card puts them on a card with its own color scheme. The image can be a rectangle or a circle, on the left, right or above. The content is made of blocks: label, heading, text, the founder quote with signature and attribution, trust pills and a button.

When to use it

The money back guarantee, the satisfaction promise, the quality pledge. On the product page after the social proof and before the recommendations, so the last thing before the related products is the reason the risk is small. On the about page as the closing word of the founder.

Blocks

Label, Heading, Text, Button: the standard content blocks.
Founder quote: the quote, an attribution line, a signature image and the names under it.
Trust pills: a row of short pills from a comma separated list.

Setting it up

Upload the Image, choose Image shape and Image position.
Add a Label (“Our promise”), a Heading with the number in the accent font (“Try it for 60 days.”), and the Founder quote.
Add Trust pills with three short items.
Choose Layout. Card with the white scheme is the demo setting.

Settings

Setting	Type	What it does
General
Color scheme	Color scheme	The surface of the section: background, text, buttons and accent as one contrast-checked set. Schemes are edited under Theme settings, Colors.
Width	Select	Fixed width keeps the section inside the page margin so it lines up with the sections around it. Full width runs it to the edge of the screen.Options: Fixed width, Full width · Default: Fixed width
Layout	Select	Statement shows image and text on the section surface. Card puts them on a card in the card color scheme.Options: Statement, Card · Default: Statement
Card color scheme	Color scheme	The surface of each card, separate from the section behind it, so cards can stand off the section background.
Image
Image	Image	The founder portrait or the product photo. For Circle, a photo with the face centered.
Alt text	Text	Describes the image for people using a screen reader and for search engines. Leave empty to use the alt text set on the file in Content.
Image shape	Select	Rectangle shows the image at the chosen ratio. Circle crops it to a round avatar.Options: Rectangle, Circle · Default: Rectangle
Image ratio	Select	The shape the image is cropped to. Adapt keeps the proportions of the uploaded file.Options: Landscape, Portrait, Square, Adapt to image · Default: Landscape
Image position	Select	Left or right of the text on desktop, or above the text in one column.Options: Above, Left, Right · Default: Left
Content
Content alignment	Select	Whether the text sits left, centered or right. Center goes with Image position Above.Options: Left, Center, Right · Default: Left
Section padding
Top padding	Range	Space between the top of the section and its content. On a phone the theme tightens it by a quarter.0 to 120 px · Default: 60
Bottom padding	Range	Space between the content and the bottom of the section. On a phone the theme tightens it by a quarter.0 to 120 px · Default: 60

Label block

Setting	Type	What it does
Text	Text	A short kicker above the heading, such as a chapter name. Rendered small, spaced and uppercase.Default: Add a short label
Alignment	Select	Overrides the alignment of the section for the pills only.Options: Inherit, Left, Center, Right · Default: Inherit

Heading block

Setting	Type	What it does
Heading	Text	The heading text. Italicize a word to set it in the accent font.Default: Add a heading that says what you stand for
Size	Select	How large the heading renders, on the shared type scale.Options: Large, Medium, Small, Extra small · Default: Medium
Heading level	Select	Page heading is the one heading that names what the page is about; use it once per page. Section heading and Subheading are for everything else.Options: Page heading, Section heading, Subheading · Default: Section heading
Accent font	Select	Highlight words puts the italicized words on the accent font. Whole heading sets the entire line in it. Off keeps the heading font.Options: Highlight words, Whole heading, Off · Default: Highlight words
Alignment	Select	Overrides the alignment of the section for the pills only.Options: Inherit, Left, Center, Right · Default: Inherit

Text block

Setting	Type	What it does
Text	Rich text	A short kicker above the heading, such as a chapter name. Rendered small, spaced and uppercase.Default: <p>Use this text to explain the product, the story, or the promise behind it.</p>
Size	Select	How large the heading renders, on the shared type scale.Options: Large, Medium, Small · Default: Medium
Alignment	Select	Overrides the alignment of the section for the pills only.Options: Inherit, Left, Center, Right · Default: Inherit

Button block

Setting	Type	What it does
Button label	Text	The text on the button.Default: Shop now
Button link	Link	Where the button leads.
Button style	Select	Solid is the primary button in the scheme colors, Outline a bordered button, Text link a plain underlined link.Options: Solid, Outline, Text link · Default: Solid
Size	Select	How large the heading renders, on the shared type scale.Options: Large, Medium · Default: Medium
Alignment	Select	Overrides the alignment of the section for the pills only.Options: Inherit, Left, Center, Right · Default: Inherit

Founder quote block

Setting	Type	What it does
Quote	Rich text	The promise in the founder's words, in quotation marks. Rendered in the accent font.Default: <p>"We stand behind everything we make. If it is not right for you, send it back within 60 days and you get every cent back, no questions asked."</p>
Attribution	Text	Who is speaking, such as Founder or the person's name and role.Default: Founder
Signature image	Image	A handwritten signature as a transparent PNG, shown under the quote.
Names	Text	The names printed under the signature.
Alignment	Select	Overrides the alignment of the section for the pills only.Options: Inherit, Left, Center, Right · Default: Inherit

Trust pills block

Setting	Type	What it does
Trust pills	Text	Short promises as pills, separated by commas. Three items of two words fit one line on a phone.Default: Free returns, Secure checkout, Fast shipping
Alignment	Select	Overrides the alignment of the section for the pills only.Options: Inherit, Left, Center, Right · Default: Inherit
Show below product media	Checkbox	On the product page only: moves the pills under the images instead of keeping them in the buy box.Default: off

This section also accepts app blocks, so apps that provide one can add content here.

Tips

Circle image shape turns a portrait into the founder's avatar. Use a photo where the face is centered and the background calm.
The founder quote is set in the accent font as a person speaking. Keep it to two sentences and put it in quotation marks.
Trust pills are a comma separated list. Three pills, two words each, is the width that fits one line on a phone.
Image position Above with Content alignment Center gives a symmetrical card for a page with centered sections.