Text, image and button blocks

Three blocks go inside a section’s cells. Everything you write in a proposal is one of them.

Text (TextBlock)

The text block is a rich-text editor: headings, paragraphs, bold and italic, lists, links and placeholders.

Paragraphs come in sizes, which is how you get fine print to look like fine print:

Variant	Use
t1	Body copy — the default
t2	Small
t3	Caption-sized
small / caption	Muted fine print — but see the caution below

Prefer t1, t2 and t3

small and caption render, as muted fine print, but the editor’s own type picker cannot produce them or select them again. Anyone who later edits that paragraph loses the variant without being told. Use t3 for caption-sized text instead.

Headings are separate, from level 1 down to level 4, and get their size from the level rather than from a variant — a heading does not take a paragraph variant.

Quotes have their own style: a blockquote is what to use for a testimonial or a pulled-out client statement, rather than an italic paragraph.

Colour is worth one caution: leave the text colour alone and let automatic contrast adapt it to the background.

Image (ImageBlock)

Option	Values
Source	An asset you uploaded, or an external URL
Alt text	Describes the image for screen readers and for when it fails to load
Fit (objectFit)	cover crops to fill, contain fits the whole image in, fill stretches it
Aspect ratio (aspectRatio)	auto keeps the original, or force 1:1, 4:3, 16:9 or 3:4
Alignment (alignment)	left, center or right
Width (maxWidthPercent)	How much of the cell the image fills, 20–100 (default 100)
Corner radius (borderRadius)	none, sm, md (default), lg or full

The two sources are exclusive: either an uploaded asset, or an external URL. A block set to an external URL with no URL filled in falls back to asset mode rather than showing an error.

Uploaded images can be cropped and rotated in place, so you rarely need to prepare a file outside Pural first.

cover with a fixed ratio is the reliable choice when several images sit side by side: without it, images of different proportions make the row look ragged.

Button (ButtonBlock)

A call to action — book a call, open a document, reply.

Option	Values
Label	The text on the button
Link type	A web address, a phone number, or an email address
Link target	The URL, number or address itself
Open in a new tab	For web links
Fill (backgroundColor)	Hex colour of the button itself
Label colour (fontColor)	Hex colour of the text on it
Padding (paddingX, paddingY)	Horizontal sm–xl, vertical sm–lg
Font size (fontSize)	sm, md or lg
Corner radius (borderRadius)	none, sm, md, lg or full
Alignment (alignment)	left, center or right

Unlike text, a button’s colours are meant to be set. Automatic contrast does not reach them: a button on a dark section keeps whatever fill and label colour it was given, so check that the label is still legible against the fill you chose.

Fill, label colour, padding, font size and corner radius are offered in the editor as a few combined size presets. Setting them independently works and renders, but a combination outside those presets cannot be reproduced by hand afterwards.

A phone or email button opens the recipient’s own phone or mail app, which is worth knowing before you use one as the main call to action in a proposal that will mostly be read on a desktop.