YourTradebase Style Guide

Toolkit —
A design system for YourTradebase

Brand
- Language
- Logos
- Typography
- Colours
- Spacing
- Icons
- Photography
- Animation
Marketing
- Typography guidelines
- Colour usage
- Icon usage
- Photography usage
- Logo guidelines
Product
- Principles
- Typography
- Buttons
- Tokens
- Forms
- Cards
- Help
- Containers
- Grid
- Utilities

Buttons

.btn – default

.btn__add .btn__add--sml

Back to quotation

Dark Green Blue Red White Clear No Border

btn--lrg btn--med btn--sml btn--tiny

.btn--full-width .btn--med

.btn--full available with 100% width to fill it's parent.

One
Done
Edit

Delete
Two
Done
Edit

Delete
Three
Done
Edit

Delete