Style Guide

Brand Color

Dark
900
#2E2A40
Dark
800
#920E29
Dark
700
#B51629
Dark
600
#D82027
Default
500
#FC372D
Light
400
#FD7561
Light
300
#FE9B80
Light
200
#FEC4AB
Light
100
#FEE5D4
Light
100
#FFFFFF

Success

Dark
900
#0D6630
Dark
800
#167C34
Dark
700
#239A3C
Dark
600
#33B843
Default
500
#46D64B
Light
400
#78E672
Light
300
#9EF290
Light
200
#C6FAB7
Light
100
#E5FCDA

Warning

Dark
900
#7A4800
Dark
800
#935C00
Dark
700
#B77800
Dark
600
#DB9600
Default
500
#FFB600
Light
400
#FFCD3F
Light
300
#FFDC66
Light
200
#FFEA99
Light
100
#FFF6CC

Black

Dark
900
#0C0407
Dark
800
#333333
Dark
700
#4C4C4C
Dark
600
#666666
Default
500
#808080
Light
400
#999999
Light
300
#B3B3B3
Light
200
#CCCCCC
Light
100
#E5E5E5

Regular

text-H 1
72px
110%

The quick brown fox jumps

text-H 2
60px
120%

The quick brown fox jumps

text-H 3
48px
120%

The quick brown fox jumps

text-3xl
40px
120%

The quick brown fox jumps

text-2xl
36px
120%

The quick brown fox jumps

text-xl
32px
140%

The quick brown fox jumps

text-lg
24px
140%

The quick brown fox jumps

text-lg
18px
140%

The quick brown fox jumps

text-base
16px
140%

The quick brown fox jumps

text-sm
14px
140%

The quick brown fox jumps

text-xs
12px
140%

The quick brown fox jumps

Medium

text-H 1
72px
110%

The quick brown fox jumps

text-H 2
60px
120%

The quick brown fox jumps

text-H 3
48px
120%

The quick brown fox jumps

text-3xl
40px
120%

The quick brown fox jumps

text-2xl
36px
120%

The quick brown fox jumps

text-xl
32px
140%

The quick brown fox jumps

text-lg
24px
140%

The quick brown fox jumps

text-lg
18px
140%

The quick brown fox jumps

text-base
16px
140%

The quick brown fox jumps

text-sm
14px
140%

The quick brown fox jumps

text-xs
12px
140%

The quick brown fox jumps

Semibold

text-H 1
72px
110%

The quick brown fox jumps

text-H 2
60px
120%

The quick brown fox jumps

text-H 3
48px
120%

The quick brown fox jumps

text-3xl
40px
120%

The quick brown fox jumps

text-2xl
36px
120%

The quick brown fox jumps

text-xl
32px
140%

The quick brown fox jumps

text-lg
24px
140%

The quick brown fox jumps

text-lg
18px
140%

The quick brown fox jumps

text-base
16px
140%

The quick brown fox jumps

text-sm
14px
140%

The quick brown fox jumps

text-xs
12px
140%

The quick brown fox jumps

Bold

text-H 1
72px
110%

The quick brown fox jumps

text-H 2
60px
120%

The quick brown fox jumps

text-H 3
48px
120%

The quick brown fox jumps

text-3xl
40px
120%

The quick brown fox jumps

text-2xl
36px
120%

The quick brown fox jumps

text-xl
32px
140%

The quick brown fox jumps

text-lg
24px
140%

The quick brown fox jumps

text-lg
18px
140%

The quick brown fox jumps

text-base
16px
140%

The quick brown fox jumps

text-sm
14px
140%

The quick brown fox jumps

text-xs
12px
140%

The quick brown fox jumps

Have any project idea! Contact with me.

Contact Now
Main
HomeAboutProjects
Project Single
Others
ServicesBlogBlog singleContact
Utility Pages
Style GuideLicensesChangelogPassword Protected404 Page
Copyright @Braxton Milo️. All Rights Reserved