Overview

The Finastra Design System repository provides assets and resources for building applications quickly and consistently. It offers support for applying Finastra branding and UX best practices. The repository includes a web theme built on modern CSS standards, providing foundations for applying Finastra branding, as well as web components that can be used with any major framework. Additionally, there are other resources available, such as a UI kit on Figma and a Microsoft Power BI theme.

Features

Web Theme: Built on modern CSS standards, provides foundations for applying Finastra branding, including colors, typography, elevations, and spacings. Offers light/dark mode support and targets WCAG AA accessibility rating.
Web Components: Framework agnostic implementation of the Finastra design system. Can be used with any major framework (React, Vue, Angular, Svelte) and provides Finastra branded components for financial apps. Utilizes the web theme.
UI Kit on Figma: Source of truth for designers, providing foundations and components. Useful for developers looking for accurate specifications. Additional Figma resources, such as ideation tools, are also provided.
Power BI Theme: Microsoft Power BI theme specified in JSON.

Summary

The Finastra Design System repository offers a comprehensive set of assets and resources for building applications with consistent branding and UX. Its web theme and web components provide the foundations and branded components necessary for financial apps. Additionally, the repository includes a UI kit on Figma for designers and a Power BI theme for Microsoft Power BI users. Contributions to the repository are welcome and guidelines for contributing can be found in the documentation.

Finastra

Fds Design

Finastra Design System