A living style guide showing every content block available in the Knowledge Hub editor — callouts, lists, highlights, buttons and floated images.
Design system
Every Knowledge Hub style, in one place
This sample article demonstrates all the content styles available in the editor — headings, callouts, lists, highlights, buttons and floated images.
Regular paragraph text renders with the prose typographic rhythm. You can bold, italicise, add highlighted text, and inline styled links.
Text wraps around floated images
This image floats to the right with a set width, and the paragraph text flows down its left side — the magazine layout you asked for. On small screens it stacks full-width automatically so nothing gets cramped.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Standard heading (H2)
Headings inserted from the toolbar are semantic tags styled by prose.
Standard subheading (H3)
Use these for the document outline; use the "Heading / Subheading" named styles when you want the branded look on any block.
Lists
- Bulleted list with branded markers
- Clean, readable spacing
- Great for feature rundowns
- Checklist item — done
- Another completed point
- Perfect for takeaways
- Ordered list, first step
- Second step
- Third step
A blockquote for pulling out a notable statement, quote, or citation.
Call to action
Finish a section with a button-style link that stands out:
Stay in the loop
Talk to our learning advisors
Get personalised guidance on courses and career paths related to this topic — no cost, no pressure.
- Free career counselling
- Course & eligibility guidance
