Important Facts
Sometimes, it can be helpful to call out facts related to your story in a separate section. For instance, maybe it’s basic information that people should know before reading your article, but that can be skipped for people who are already knowledgeable on the subject. Or maybe the facts provide additional information that isn’t critical to the core of the piece, but could be interesting for someone who wants to dig in a little further.
Examples
Facts on the full-width block
How to make facts on the full-width block
Facts on the full-width block with background shapes
Select the code component with the same number of columns as in the layout grid of your post.
Replace style id `stk-theme_00000` with yours before adding it to your Style Manager. For more info, please go to the Introduction page.
You can also adjust shapes and colors in the component CSS.
Facts on the side
How to Make Facts on the side
Facts on the side with a custom divider
Select the code component with the same number of columns as in the layout grid of your post.
Replace style id `stk-theme_00000` with yours before adding it to your Style Manager. For more info, please go to the Introduction page.
You can also adjust dividers and colors in the component CSS.
Content Experience Impact
Creating components to call out important facts improves your content layout by highlighting important information to draw the reader’s eye, and/or to separate side information so it doesn’t disrupt the flow of content. When designed well, with colorful backgrounds, icons, and different font styles, these can also provide some visual interest as the reader scrolls down the page, thereby upping engagement.
Dos
Help your facts stand out with a stylized frame, different background color, or even an icon placed by the header of the tip.
If you fact is critical to the story, consider making your component the full content width—if it’s bonus information for the curious reader, consider putting in the margins as a sidebar.
Make the design of your facts uniform down the page so the reader can easily scan identify them and choose whether to read or skip.
Don'ts
Don’t make your facts just text! The readers’ eye is drawn to numbers, so if you’re able to emphasize a number related to your fact, it’s likely to get more engagement. If you don’t have a number, consider other ways to make your fact more visually interesting, like an icon or emphasized keyword.
Learn More
Improving Content Comprehension With Layouts Setka
Interesting Facts Make Web Pages Compelling Nielsen Norman Group
Extra Inspiration
Last updated
Was this helpful?