Sapphire
Component Library


Squad
Squad
Squad
Squad
Squad
Squad

Squad
Squad
Squad
Squad
Squad
Squad
Squad

Backend services

Deployment

Mobile Bank integration

Design of user interface

Frontend implementation

Maintenance
Squad

Backend services

Deployment

Mobile Bank integration

Design of user interface

Frontend implementation

Maintenance
Squad

Design of user interface

Frontend implementation

Maintenance
Visual Accessibility
Brand Identity
Consistency
Performance
Functional Accessibility
Reuseability
Improvments
Testing
Squad
Squad
Squad

Design of user interface

Frontend implementation

Maintenance
Visual Accessibility
Brand Identity
Consistency
Performance
Functional Accessibility
Reuseability
Squad
Squad
Improvments
Testing
Squad

Design of user interface

Frontend implementation

Maintenance
Visual Accessibility
Brand Identity
Consistency
Performance
Functional Accessibility
Reuseability
Squad
Squad
Improvments
Testing
Sapphire
Squad

Design of user interface

Frontend implementation

Maintenance
Visual Accessibility
Brand Identity
Consistency
Performance
Functional Accessibility
Reuseability
Squad
Squad
Improvments
Testing
Sapphire
Design Building Blocks
Code Building Blocks
Maintained Building Blocks
Sapphire













The app is build in the same way as consumers of the design system for better testing.

Sapphire













Design System
Sapphire














Design System

Sapphire
Design System
Frontpage


Transaction
Card




Mobile Bank
Old
The new






Mobile Bank
Old
The new
Frontpage
Transaction
Card






The new
Frontpage
Transaction
Card
Mobile Bank






Frontpage
Transaction
Card
The new

Mobile Bank



Menu
Sample
Themes


Menu
Sample
Themes



Menu
Sample
Themes



Menu
Sample
Themes



Components
36
Used in files
149
Imported components
572
Sapphire Design System
What does it mean for you?
Accessibility
Consistant UI
Maintenance
Sapphire Design System
Any Questions?

Sapphire - Tech Intro
By thupi
Sapphire - Tech Intro
- 191