Spacings - Finastra design system

nights_stay

Dark mode

GET STARTED

Resources

Design

Develop

IDEATE & PLAN

Overview

DESIGN & DEVELOP

What's new

Content status

Foundations

Colors

Elevation

Icons

Logo

RTL guidelines

Spacings

Typography

Components

App bar

Avatar

Badge

Button

Button toggle

Breadcrumb

Card

Chips

Expansion

Filter

Global search

Input

List

Repeater

Sidenav

Stepper

Table

User profile

Tabs

Patterns

Checkout

Global navigation

Login page

Master / detail

Onboarding

Smart assistant

Wizard

Data visualization

Principles

Charts

Dashboard

Theming

APP TEMPLATES

Overview

ARR calculator

Payments dashboard

Payments exceptions

Retail app

Corporate account services

Corporate virtual accounts

Spot rate booking

Spacings

Developer documentation

SASS variables

We cover usual spacings for consistent margins and paddings. Here are the different sizes:

Usage

Resources
About
Privacy policies
Cookie policy

www.finastra.com