Link colors are special colors used to highlight text (or icons) interactive elements and their interaction states. They help users identify text links as interactive, making links stand out from the rest of the content, enhancing usability and accessibility by providing clearer visual feedback.
As as a particular type of foreground colors, link colors may only be used with the following properties:
|
iOS (Swift) |
textColor, tintColor |
|---|---|
|
Web (SCSS) |
color, fill |
|
Android (XML) |
android:textColor, android:tint |
|
Android (Kotlin) |
setTextColor(), setTintColor() |
Default
Default links are typically used on neutral background types, such as surface backgrounds, to ensure they remain easily readable and maintain an accessible contrast ratio compared to the background.
On-color
On-color link colors are specifically designed for use on darker or highly saturated backgrounds. These colors ensure optimal readability by maintaining an accessible contrast ratio with the background.
Resources
Below, you can find additional documentation and resources to help you navigate the world of design tokens. The documentation includes guides for engineers and designers, as well as high-level information about our design tokens at Backbase.
Semantic tokens
Discover all foundational concepts to get you started with our new semantic tokens architecture.
Background colors
Semantically setting the background of your UI
Foreground colors
Meant for generic content
On-background colors
Pairing colors to ensure accessible contrast ratios
Border colors
Consistently coloring borders of UI elements
Focus colors
A specific highlight for interactive elements
Migration
Learn more about how to migrate to the latest version of our design tokens (semantic tokens).
Introduction
The first step when migrating your project setup to the new token architecture
Migration in Android
Migrate your Android setup to the new token architecture introduced in the 2024.09-LTS release
Migration in iOS
Migrate your iOS setup to the new token architecture introduced in the 2024.09-LTS release
Migration in Web
Migrate your web setup to the new token architecture introduced in the 2024.09-LTS release