UI Kit for Modern Money
UI Kit for Modern Money
Typography Headlines & Body Proxima Nova is used for all headlines and subheads. Open Sans is used for standard body text.
Headline h2 Subheadline h3 Subheadline Open Sans is the font used for standard body text. And this is the second line.
HOME
ABOUT
CONTACT
Proxima Nova (bold) size: 75pt; line-heigh: 75pt;
Proxima Nova (Regular) size: 30pt; line-heigh: 34pt;
Proxima Nova (Regular) size: 24pt; line-heigh: 28pt;
Open Sans (Light) size: 12pt; line-heigh: 18pt;
Proxima Nova (bold) size: 12pt;
UI Kit for Modern Money
Buttons UI/UX Kit Yellow is the primary color for CTA buttons.
Heigh 65px Color Yellow
CALL TO ACTION
Proxima Nova (bold) Black, 18pt,
Heigh 44px Color Yellow
CALL TO ACTION
Proxima Nova (bold) Black, 14pt,
Heigh 44px Border 2px Yellow
CALL TO ACTION
Proxima Nova (bold) Black, 14pt,
Heigh 44px Border 2px Yellow
CALL TO ACTION
Proxima Nova (bold) Black, 14pt,
Heigh 42px Border 2px Yellow
Name
Open Sans (normal) Black, 12pt,
Use white buttons on color backgrounds.
UI Kit for Modern Money
Colour Specifications We have four bright colours in our main colour palette. Use the swatches to get your
Yellow #ffce00
Orange #ff7b22
Green #00ff8b
Blue #00fff2
Black #000000
Grey #e9e9e9
colours correct and consistent.
UI Kit for Modern Money
Photography Style for photos 1. Use black&white photography 2. Create gradient from any side
1
2
3
4
3. Gradient mask on picture 4. Overly with 80% multiply color
UI Kit for Modern Money
UI Kit in use Example This is an example of the UI Kit elements in use: typography, colors, buttons and photography.
Headline h2 Subheadline There are many variations of passages of Lorem Ipsum available, but the majority have
CALL TO ACTION