Text Disclaimer

This component should be used at the end of pages for lots of legal text or terms and conditions.

Text Disclaimer pattern
When to use

The Text Disclaimer component should be used at the end of pages to showcase legal information or terms and conditions. It should only be used once on a page and comes in three themes of Light, Neutral and Forest Green.

Text Disclaimer pattern in Light theme
Text Disclaimer pattern in Neutral theme
Text Disclaimer pattern in Forest Green theme
Forest Green
Content & localisation

To ensure that the Text Disclaimer 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 Disclaimer component can comfortably accommodate different languages while maintaining a consistent and visually pleasing design.

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

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

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