Craft Layout Guide
Text only blocks
Simple blocks of text with small and medium titles. Blocks can contain up to 5 rows. This style can be used to present simple messages. In the case of 2 or 3 rows, leave the "Block Layout" setting on "Auto" for a 1:1 layout of rows. Use one of the other settings if one of the rows should have visual priority over the other.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Text + image/icon blocks
Placeholder image dimensions do not reflect the size of images/icons used for real content. This style can be used where some more emphasis is required by including a supporting image. In the case of 2 or 3 rows, leave the "Block Layout" setting on "Auto" for a 1:1 layout of rows. Use one of the other settings if one of the rows should have visual priority over the other.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Grey blocks
Grey blocks are standard text blocks except the "Block Alternative Colour" switch is active. This should be used to create a natural break in the page content the help reduce user reading fatigue. It can be a single box or up to 5 in one "Blocks" container. Note: It can be applied to any "Blocks" component and should be decided on a case by case basis depending on the flow of the content.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Page header text / image
This style should be used for the top of each page, except for the homepage which uses a slightly different layout. The style "x-large" is preferable from a design perspective as it is more impactful and the weighting works best with titles further down the page. The title should aim to be 3 lines max. The title style can fallback to "large" if the text is too long and it's not possible to shorten. This can be decided when writing the content.
Optional: • The "From" price may be used to highlight the lowest starting price of the product in question. • Highlighted title is optional
Extra small highlighted title
Extra large title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
From €9.45 / month
Primary CTA buttonSecondary CTA buttonSide by side text / image
Alternating image and text combination. First row should start with text left and image right. Next row alternates with image / text and so forth. Highlighted titles should be used sparingly to enhance their effect on the page.
Optional: • Highlighted title – always size x-small • CTA button • Secondary CTA button • CTA text link
Extra small highlighted title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Small title
Medium title
By had of headline his we to more sharpness designer how the and of that who what thought and comments shreds you divine at from and which opulence to paint, her which mellower refinement multitude hungrier the presence they win one exploration, only great tell tone alarm of creating and.
Customer rating
Use the "Customer Rating" component to reinforce the reliability of the product/service. It should flow naturally with the content and usually appears in the lower half of the page. As of writing, the header style and position are fixed in the component.
We’re dedicated to outstanding customer service
"top info, clarification and all"
Florian R.
"Excellent customer service and instantly solved my problem!"
Helen S.
"Incredible support"
Lucio D.
"I've rarely seen this kind of excellent service and instructions with this type of company !"
Jerry R.
"Thanks for your kind and competent support."
André V.
"Awesome customer support and lightning fast reply! Well trained staff and happy to be an EuroDNS customer!"
Sascha B.
"Thanks for prompt reply and fast service. Issue fixed."
Konstantin Y.
"All questions answered and very quick. Thanks!"
Carolyn H.
"Crystal clear reply to my ticket request. Excellent customer service!"
Mirko
"Perfect timing and resolved my issue immediately!"
Dobromira G.
"Thank you very much for the prompt and complete reply."
Jean-Marc
"Prompt and complete reply, explaining clearly what I needed to do next and, just as important, why."
Niall
"The friendly telephone call was above and beyond the call of duty. I appreciate it. Thank you!"
Gregory V.
"Thank you for very good service and getting the certificate validated. It is now up and running."
Christian R.
8.11
Customer Satisfaction (CSAT) Score
Accordion
The "Accordion" component is primarily used to display the frequently asked questions for a product/service. They usually appear near the end of a page with a "Heading" component for the title.
Title
This is a question
Here is an answer.
This is a question
Here is an answer.
This is a question
Here is an answer.
This is a question
Here is an answer.
This is a question
Here is an answer.
Product block
Product blocks should be displayed with 4 max per line. If there are more than 4 products in a category and all of them need to be displayed on the same page, add an additional product block component to display the remainder. The "Free" and "Recommended" switches should only be activated / deactivated after consulting with the marketing lead.
Product comparison
Product comparison should appear towards the end of the page to give an in depth overview of how products compare to each other. Prices and "Add to cart" features can be displayed or not.
Sectigo Instant DV | Sectigo DV | Sectigo OV | Sectigo EV | |
|---|---|---|---|---|
| Price per year | Free* (Regular price €15.99) | €89.99 | €119.99 | €349.99 |
| Wildcard price | €49.00 | €50.00 | €230.00 | N/A |
| Feature 1 | Option 1 | Option 1 | Option 1 | Option 1 |
| Feature 2 | Option 2 | Option 2 | Option 2 | Option 2 |
| Feature 3 | Option 3 | Option 3 | Option 3 | Option 3 |
| Feature 4 | Option 4 | Option 4 | Option 4 | Option 4 |
Icon style
Supporting icons can be used to emphasise the content. The icons should be designed to work on white and grey backgrounds by using white to fill large areas and grey for outlines. Blue should be used for accents in the image. All of these points should be taken into account when selecting an image, so icons with open paths tend to not be a good choice.
Colour palette: Grey (#CCCCCC), Blue (#3EC1E6), White (#FFFFFF)
Dimensions: 80px x 80px
Format: SVG
Icon library: https://shorturl.at/Okpkk
Fill
Note how the larger areas in the icon use a white fill.
Accent
Use the blue as an accent in the image.
Outlines
Grey outlines that still contrast against the grey container background colour.
Newsletter block
The standard block to insert on pages to highlight the newsletter subscription. It should appear on the lower half of the page.
Sign up to our newsletter
We promise not to spam you. Only what we believe can help you success and grow your business online.
Hero search box
The "Hero" search box component is used wherever the content leads the reader to domain names and it makes sense to have them perform a domain name search. The full version is primarily used on the homepage and the light version is used on secondary pages. The light version can include the tabs or not, depending on the page content. The search box can be blue or grey in appearance and relies on using a background image.
Hero search box light
Subtitle text