TABLE OF CONTENTS

<aside>

🔥 For block configuration management, you can click the small padlock to the right of the name — this will open a small box with all the settings, which you can move freely around the screen. You can also make this box transparent to better visualize your design.

</aside>

1 - :minos_hero: Hero

<aside> 💡

For this block, you have 4 possible image positions relative to the text:

• centered
• left
• right
• background

When configuring this block, the layout will change depending on the position. For example, if you set the title in white, it will be clearly visible when the image is centered, on the left, or on the right, but it will be less readable if the image is used as a background (even with a color overlay for opacity).

Don’t hesitate to create several compositions so you can reuse different Hero blocks depending on the image position you want.

</aside>

• Preview in the center / settings on the left + close button (X)

a - General

• Variants selector → texts position, images, and buttons
• Depending on what you selected above , you can also set the image border radius
• Choice of container type → whether the block is framed by another block or not
  • Based on your choice, you can then set the border thickness of this new frame, as well as its border radius

b - Heading

• Title font style → choice of typography (from one of those previously created)
• Text font style → choice of typography (from one of those previously created)

c - Colors

• Choice of the container border color
• Choice of the container background color
• Choice of the image color opacity (if the image is placed behind the text — as a watermark, it should be dimmed to keep the text readable; you define the overlay opacity)
• Choice of the block background color

d - Buttons

• Primary → choice of the primary button style from the list of those previously created
• Secondary → choice of the primary button style from the list of those previously created
• Tertiary → choice of the primary button style from the list of those previously created
• Basic link → choice of the primary button style from the list of those previously created

e - Composition

Add a new composition = redo everything for a new block style, so you can create a different Hero block to reuse whenever you like.

• Name your new composition, then go through the elements one by one as above!
• You can delete or duplicate these new compositions (useful to quickly create small variations!).
• At any time, you can reset each group of elements: the group will revert to the settings of the default block (if you saved it in the meantime).

2 - :minos_columns: Columns

• Preview in the center / settings on the left + close button (X)

a - General

• Variants selector → texts position, images, and buttons
• Container type selector for the entire block
  • Based on your choice, you can then set the border thickness of this new frame and its border radius

b - Heading

• Heading style → choice of title alignment (left, center, right)
• Title font style → choice of typography (from one of those previously created)
• Description font style → choice of typography (from one of those previously created)

c - Card

• Choice of card type - for each column, whether it will be framed or not.
  • Based on your choice, you can then set the border thickness of this new frame and its border radius
• Choice of column title typography
• Choice of paragraph typography in the column
• Choice of typography style for the different heading levels available in the columns: level 3, level 4, level 5, level 6

d - Colors

• Choice of bullet points color (for a bullet list)

• If the column has a frame: choice of the frame’s border and background color

• If there is a container: choice of the container’s border and background color

• Choice of the block’s background color (yes, you can have up to 3 colors together for the backgrounds!)

  

e - Buttons

• Primary → choice of the primary button style from the list of those previously created
• Secondary → choice of the primary button style from the list of those previously created
• Tertiary → choice of the primary button style from the list of those previously created
• Basic link → choice of the primary button style from the list of those previously created

f - Composition

Add a new composition = redo everything for a new block style, so you can create a different Columns block to reuse whenever you like.

• Name your new composition, then go through the elements one by one as above!
• You can delete or duplicate these new compositions (useful to quickly create small variations!).
• At any time, you can reset each group of elements: the group will revert to the settings of the default block (if you saved it in the meantime).

3 - :minos_editor: Editor

• Preview in the center / settings on the left + close button (X)

a - General

• Variants selector → whether the text is framed or not.
• Container type selector → whether the block is framed by another block or not.

b - Heading

• Heading style → choice of title alignment (left, center, right)
• Title font style → choice of typography (from one of those previously created)
• Description font style → choice of typography (from one of those previously created)