0% found this document useful (0 votes)
28 views1 page

Guideline RHB

The document provides guidelines for UI style including colors, typography, iconography, grid system, spacing, textfields, selectors, buttons, small elements and big elements. It defines primary, secondary, state, black and grey colors. It also specifies font sizes, line heights and letter spacing for various heading and body text styles.

Uploaded by

fusionhead
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
28 views1 page

Guideline RHB

The document provides guidelines for UI style including colors, typography, iconography, grid system, spacing, textfields, selectors, buttons, small elements and big elements. It defines primary, secondary, state, black and grey colors. It also specifies font sizes, line heights and letter spacing for various heading and body text styles.

Uploaded by

fusionhead
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

UI STYLE GUIDELINE

Index. 01. Colors 07. Selectors

02. Typography 08. Buttons

03. Iconography 09. Small Elements

04. Grid System 10. Big Elements

05. Spacing 11. Cards

06. Textfields

01. Colors
Brand Colors

Primary / #0067B1 Secondary / #6CCEE6

State Colors

Info Success Warning Error


#2F80ED #27AE60 #FF9933 #EB5757

Black Colors

Black 1 Black 2 Black 3 White


#000000 #1D1D1D #282828 #FFFFFF

Grey Colors

Gray 1 Gray 2 Gray 3 Gray 4 Gray 5


#333333 #4F4F4F #828282 #BDBDBD #E0E0E0

02. Typography
Letter Spacing 0.4 px

L ato
Google Fonts

a e ont size ne Height

Aa
N m F Li

H eading 1 56 px 61.6 px

H eading H eading 2 48 px 52.8 px

Line height and paragraph

spacing for heading is


H eading 3 40 px 44 px

1.1 x font size


H eading 4 32 px 35.2

px
H eading 5 24 px 26.4 px

H eading 6 20 px 22 px

L ato
Google Fonts

N m a e F ont size Li ne Height


L arge Text Bold 20 px 28 px

Aa
Large Text Regular

M edium Text Bold 18 px 25.2

Medium Text Regular px

Body N ormal Text Bold


Normal Text Regular
16 px 22.4

px

Line height and paragraph

spacing for body text is : Small Text Bold 14 px 19.6


1.4 x font size
Small Text Regular px

You might also like