Gradients
Professional gradients for data visualisation, dashboards, and brand applications.
Brand Gradients
Premium brand gradients for hero sections, marketing surfaces, and high-impact applications.
Pair brand and metallic gradients with dark text for AAA contrast. Use sparingly for hero areas, premium tier badges, and feature spotlights.
Metallic Gradients
The metallic gold and silver gradients used in the UPA logo. Use sparingly for premium brand applications.
Metallic gradients are reserved for the logo and premium brand applications. Gold uses olive shadow stops to create its shimmer; silver uses Slate 400 (#94A3B8) edges with white peaks.
Data Visualisation Gradients
Professional gradients perfect for charts, graphs, and dashboard visualisations.
Use these gradients for data visualisation to help users distinguish between different data series. The high contrast between colours ensures readability even for users with colour vision deficiencies.