InsideCricSport Brand Assets: Colors

Main Focus Color, Links/Button Hover Color, Hex code: #4055B2

Header Color, Secondary Focus, Hex code: #2D3748

Sitewide Body Content Text Color, Hex code: #303030

On Hover Button Color, Hex code: #1A202C

Links Base Color, Button BG Color on Blue BG. Hex code: #6472D4

External Base Button, Ribbon BG, Hex code: #4E5E85

Pro Plan Button, Ribbon BG, Hex code: #7483AC

Section Box Shadow Color [0,20,40,0] Hex code: #4443430D

Page BG Color 1, Hex code: #EFF3FF78

Page BG Color 2, Hex code: #F7FAFC

Page BG Color 3, Hex code: #FFFFFF

Content Box BG Color, Section BG & Hover color Hex code: #CDD3FF47

Brand Assets: Important Content Boxes

This is the Content Box BG Color and Border.

Let’s start my web-design practices on this $1000/mo membership site. List all the UI design elements, typo, colors and this will be the exact design system for RK Cricket Studios.

Brand Assets: UI Elements

Button Text

Button Styles

Custom Content/Pages Font..

This is Heading Title H1 a Global font, family Mulish 44, 900 px, Letter Spacing 0, and Line Height 54px

This is Heading Title H2 with font family Mulish 34, 900 px, Letter Spacing 0, and Line Height 44px

This is Heading Title H3 with font family Mulish 26, 800 px, Letter Spacing 0, and Line Height 34px

This is Heading Title H4 with font family Mulish 22, 800 px, Letter Spacing 0, and Line Height 32px

This is Heading Title H5 with font family Mulisg 20, 800 px, Letter Spacing 0, and Line Height 30px

This is Heading Title H6 with font family Mulish 18, 700 px, Letter Spacing 0, and Line Height 28px

This is Subtitle font with weight 400 & spacing 0.40

This is Body Text with Family Mulish, Size 16.4px, weight: 400 and Line Height: 28px.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Custom Content/Pages Font..

This is Heading Title H1 a Global font, family Mulish 44, 900 px, Letter Spacing 0, and Line Height 54px

This is Heading Title H2 with font family Mulish 34, 900 px, Letter Spacing 0, and Line Height 44px

This is Heading Title H3 with font family Mulish 26, 800 px, Letter Spacing 0, and Line Height 34px

This is Heading Title H4 with font family Mulish 22, 800 px, Letter Spacing 0, and Line Height 32px

This is Heading Title H5 with font family Mulisg 20, 800 px, Letter Spacing 0, and Line Height 30px

This is Heading Title H6 with font family Mulish 18, 700 px, Letter Spacing 0, and Line Height 28px

This is Subtitle font with weight 400 & spacing 0.40

This is Body Text with Family Mulish, Size 16.4px, weight: 400 and Line Height: 28px.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.