Skip to main content
September 7, 2023
All blocks sample page
Elena Gradin Ramos

Paragraph block

Paragraph block is used for blocks of text and will probably be the most common block you use. You can adjust the alignment (but stick to the left), bold, or italicize.

This is an H2 heading

This is an H3 heading

This is an H4 heading

Headings are used to introducing new topics throughout a post. Every post must have a Heading 1—on Blog, the post title is an H1 and posts should never have more than one H1 — Search engines look at them for the most relevant information in order to determine where to rank content. 
IMPORTANT: Headings are hierarchical and should never be skipped. Once you use an H2 you can move on to H3. Then, let’s say you’re introducing a new topic, you can go back to an H2. More info.

List block

  • Lists are used to organize information in a concise and digestible way.
  • This is an unordered list.
  • You can add as many bullets as needed.
    • And you can also indent items within the list
  1. This is an ordered list.
  2. You can add as many numbered bullets as needed.
    1. And you can also indent items within the list.

Quote block

Quotes can be used to highlight exactly what they say: quotes. Or they can be used to highlight the most important point of a post. They’re also a good way to break up long swaths of text. We recommend using this block instead of colors, all-caps, or headers to call attention to information.

Your citation goes here

Media & text block

Below you have a Media & Text block. It’s used to orient images and text together, in an optimized way. Without this block, it can be difficult to get things to line up right, and to not look messy on mobile. These are often used for “How to” and instructional sections. Upload images that are the same size and dimensions. Try using a 1×1 ratio, or for a different look, cropping images in a circle.

This is the heading of my first item

I can add a paragraph and determine the alignment of my item

This is my second item

  • I can also add a list
    • With several items
  • Ordered or unordered

Accordion block

Accordions are used to house non-essential information and keep things clean. We encourage using them for content like frequently asked questions and terms and conditions (and other disclaimers and fine print).

    • Add your list of items
    • Ordered or unordered
    Or a button
  • You can have a paragraph nested in the accordion

Table block

Tables are a great way to organize information and make it more digestible. They’re great for pricing information but get creative—they come in handy for all sorts of occasions. You can determine if a header/footer is necessary and if table cells width should be fixed. There are two styles of tables.

Header label 1Header label 2Header label 3
Item 1Item 2Item 3
Item 4Item 5Item 6
Footer label 1Footer label 2Footer label 3
Header label 1Header label 2
Item 2

Image block

Medium shot of a young male chef giving a food bag to a delivery man

Columns block

Columns organize information horizontally across the post. On mobile, it will stack vertically each row starting right to left.

  • Item 1
  • Item 2
  • Item 3

Add here your paragraph

  • Item 1
  • Item 2
  • Item 3

Add here your paragraph

Button block

Use a button block if you want your user to take action. CTAs background colour can be black (default and preference), safety blue, grey or white. Use an inline hyperlink for a less prominent call to action.

This is my button

Carousel block

Gallery block

Filterable List block

Category
Updates
Written by

Elena Gradin Ramos

Related Articles
6 articles
Updates
September 28, 2022
Updates
September 28, 2022
Updates
September 28, 2022
Updates
September 28, 2022
Updates
September 28, 2022
Updates
September 26, 2022