Decorative Text Component
The Decorative Text Component should be used in a Flex Container to emphasize marketing messages, quotes, or similar content. It can also enhance the visual appeal of the page. The text is not a headline; it is purely decorative, as the name implies.
This is a Decorative Text Component
Best practice
The decorative text component should never be used as a headline in any component. The reason for this is that it is not coded as a heading, and therefore, it negatively impacts accessibility and SEO.
Do
- Use a proper headline, such as a Headline component, in this example.
Bolåneräntor – aktuella snitträntor och listräntor
Jämför våra bolåneräntor och snitträntor. Hos oss är boräntan alltid personlig och kan därför bli lägre än våra listräntor.
Don't
- Do not use Decorative Text component as a headline.
Bolåneräntor – aktuella snitträntor och listräntor
Jämför våra bolåneräntor och snitträntor. Hos oss är boräntan alltid personlig och kan därför bli lägre än våra listräntor.
Configuration in AEM
The Decorative Text should be used in the Flex Container or independently on the page.
When highlighting text in the Flex Container, use Decorative Text to create variation and a warm, lively expression.
- Insert your text
- Click on the words that should be highlighted
Highlighting criteria
- Only highlight one word or a short expression (1-3 words) per view.
- Ensure the highlight color does not dominate the overall design.
Colour usage
- Default color: Swedbank Orange.
- Highlight color: Tulip.
Important note!
Do not use Deacorative as a headline because it's not coded as a heading, and therefore, it negatively impacts accessibility and SEO.
