Colors

Brand

Cinnabar

#EF4134

Cinnabar Not Legible
Maximum Yellow Red Not Legible
Dark Jungle Green Legible
Light Slate Gray Not Legible

Maximum Yellow Red

#F7B951

Cinnabar Legible
Maximum Yellow Red Not Legible
Dark Jungle Green Legible
Light Slate Gray Not Legible

Dark Jungle Green

#101B1E

Cinnabar Legible
Maximum Yellow Red Legible
Dark Jungle Green Not Legible
Light Slate Gray Legible

Light Slate Gray

#738593

Cinnabar Not Legible
Maximum Yellow Red Not Legible
Dark Jungle Green Not Legible
Light Slate Gray Not Legible

White

#FFFFFF

Cinnabar Legible
Maximum Yellow Red Not Legible
Dark Jungle Green Legible
Light Slate Gray Legible

Utility

Success - Paolo Veronese Green

#169873

Alert - Maximum Yellow Red

#F7B951

Information - Blue Jeans

#33A1FD

Fail - Imperial Red

#FF0035

Form Fill - Ice Blue

#ECF1F4

Helper Text - Battleship Gray

#868686

Active - Honey Film

#F7B951 @ 20%

Gradient

Gradient

#EF4134 - #F7B951

Logos

Horizontal

Unplugged Games - Horizontal Mark Full Color On White

Horizontal Mark Full Color - On White

Unplugged Games - Horizontal Mark Full Color On Black

Horizontal Mark Full Color - On Black

Unplugged Games - Horizontal Mark White On Gradient

Horizontal Mark Full Color - On Black

Unplugged Games - Horizontal Mark Black On White

Horizontal Mark Black - On White

Unplugged Games - Horizontal Mark White On Black

Horizontal Mark White - On Black

Vertical

Unplugged Games - Vertical Mark Full Color On White

Vertical Mark Full Color - On White

Unplugged Games - Vertical Mark Black On White

Vertical Mark Black - On White

Unplugged Games - Vertical Mark Full Color On Black

Vertical Mark Full Color - On Black

Unplugged Games - Vertical Mark White On Black

Vertical Mark White - On Black

Unplugged Games - Vertical Mark White On Gradient

Vertical Mark White - On Gradient

Icon

Unplugged Games - Icon Full Color On White

Icon Full Color - On White

Unplugged Games - Icon Black On White

Icon Black - On White

Unplugged Games - Icon Full Color On Black

Icon Full Color - On Black

Unplugged Games - Icon White On Black

Icon White - On Black

Unplugged Games - Icon White On Gradient

Icon White - On Gradient

Typography

Headings

Heading 1

 Size: 48px Color: #101B1E Secular One - Regular

Heading 1.a

 Size: 48px Color: #EF4134 Secular One - Regular

Heading 1.b

 Size: 48px Color: #F7B951 Secular One - Regular

Heading 2

 Size: 36px Color: #101B1E Secular One - Regular

Heading 2.a

 Size: 36px Color: #738593 Secular One - Regular

Heading 2.b

 Size: 36px Color: #EF4134 Secular One - Regular

Heading 3

 Size: 28px Color: #101B1E Secular One - Regular

Heading 3.a

 Size: 28px Color: #EF4134 Secular One - Regular

Heading 4

 Size: 24px Color: #101B1E Lato - Bold
Heading 5
 Size: 20px Color: #101B1E Lato - Bold
Heading 6
 Size: 18px Color: #101B1E Lato - Bold

Body
Body Size: 16px Color: #101B1E Lato - Regular
Body - Bold Size: 16px Color: #101B1E Lato - Bold
Body - Italic Size: 16px Color: #101B1E Lato - Itatlic
Body - Link Size: 16px Color: #EF4134 Lato - Bold
Size: 14px Color: #101B1E Lato - Black
Size: 14px Color: #EF4134 Lato - Black

Paragraphs

Welcome to Unplugged Games

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque iaculis dolor semper tincidunt interdum. Sed varius sodales est eget elementum. Suspendisse fringilla, enim sed ullamcorper tincidunt, est magna dictum tellus, sit amet eleifend erat dui at nisi. Integer luctus, mauris tempor pharetra lacinia, enim velit congue lectus, eu fermentum nisi ipsum imperdiet dolor. Curabitur viverra vitae erat vitae feugiat. Donec enim sapien, tempus eu magna vitae, maximus hendrerit turpis. Nam id turpis non enim cursus mollis non ac dolor. Nam dignissim venenatis congue. In hac habitasse platea dictumst. Vivamus in tellus porta, congue ante et, facilisis nibh.

Your Hobby’s favorite bookmark

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque iaculis dolor semper tincidunt interdum. Sed varius sodales est eget elementum. Suspendisse fringilla, enim sed ullamcorper tincidunt, est magna dictum tellus, sit amet eleifend erat dui at nisi. Integer luctus, mauris tempor pharetra lacinia, enim velit congue lectus, eu fermentum nisi ipsum imperdiet dolor.

Your Hobby’s favorite bookmark

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque iaculis dolor semper tincidunt interdum. Sed varius sodales est eget elementum. Suspendisse fringilla, enim sed ullamcorper tincidunt, est magna dictum tellus, sit amet eleifend erat dui at nisi. Integer luctus, mauris tempor pharetra lacinia, enim velit congue lectus, eu fermentum nisi ipsum imperdiet dolor.

A series of bullets:

  • A series of bullets
  • A series of bullets
  • A series of bullets
  • A series of bullets

Forms

Fields

Helper text

Text

Size: 14px Color: #101B1E Lato - Black
Size: 14px Color: #EF4134 Lato - Black
Placeholder Text Size: 16px Color: #738593 Lato - Regular
Helper Text Size: 12px Color: #868686 Lato - Bold

Buttons

Secondary

Primary