“Articles” is the new naming convention we use for what - in the previous website - we called “blogposts”. They are deep-dives into topics that are introduced in industry pages or application pages. Please find below instructions on how to build articles pages and concrete examples.
Mandatory header elements:
- Page label
- Title: keep it catchy and short, ideally max. 3 lines
- Subtitle: it should be a teaser, max. within 2 lines.
- Reading time
- Share button (top)
- Hero image
If available, then the following elements should be provided:
- Additional page label
- Author
- Listen button
- Favorite button (top)
Do you have an author? More authors? Below 4 different behaviors:
Components for the article body, mix and match according to need
- Introduction: keep the intro paragraph short and compact as well
- Gallery: for more than 2 images right next to/below each other. Additional note, use expressive and friendly images that match the content
- Headline + text: add headlines between the paragraphs to break it up for better readability.
- Two column CTA (background can be changed to promote the CTA)
- Two column headline + text + image: use expressive and friendly images that match the content
- Testimonial
- Checkmark box (for insights/facts/etc)
- Share and favorite button
- Product ribbon
- Preview cards (for related pages/assets)
According to the amount of visuals that you have available and the focus of the page you are allowed for a certain flexibility. You can use the below as 3 different ways to approach “articles”
Text-only article
Article with product focus
Image focused article