Text Fact

This component can be used to highlight a particular fact or stat within the business.

Text Fact pattern
When to use

The Text Fact component is used to highlight a particular fact or statistic to our users. It has an optional headline text and should only be used on the page once. It comes in three themes of Forest Green, Dark Charcoal and Dark Gold.

TextFact pattern in Forest Green theme
Forest Green
Text Fact pattern in Dark Charcoal theme
Dark Charcoal
Text Fact pattern in Dark Gold theme
Dark Gold
Content & localisation

To ensure that the Text Fact component remains visually appealing and accommodates different languages, adhere to the following content limitations:

  • Headline: The headline should be short and precise. Ideally fitting across two lines.

  • Body Copy: The body copy should be precise and clear, keeping in line with our tone of voice. Avoid adding paragraphs of text that might overwhelm the user.

By following these guidelines, you ensure that the Text Fact component can comfortably accommodate different languages while maintaining a consistent and visually pleasing design.

Text Fact pattern in another language
Translated length +20%
Responsive layout

These are the examples of the Text Fact component across different screen sizes.

Text Fact pattern on mobile
Mobile - 390px
Text Fact pattern on tablet
Tablet - 768px
Text Fact pattern on desktop
Desktop - 1440px