Digital Guidelines

This digital guidelines page is the foundation for the constant and effective use of the organization's look and feel and digital content layout. These guidelines will constantly mature and adapt while the brand refines in both effectiveness and aesthetic.

Website Blocks

User-interface (UI) blocks (also known as patterns) are quite literally the building blocks for organizing and laying out your content on the various pages of your site. These blocks provide content editors with endless amounts of flexibility to facilitate the easiest and most aesthetically appealing way to communicate a message to the visitor. At the core these patterns are designed with consistency, efficiency, and brand alignment in mind.


Brand

Our Promise

Our promise is to help you fulfill your promise…honestly and awesomely!

Differentiators

  1. Extend in-house and agency teams

  2. No retainer policy

  3. Honestly; we tell you like it is

Verbal Identity

Voice

Honest, friendly, expert, straight-to-the-point, trustworthy

Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Curabitur vitae nunc sed velit. Risus ultricies tristique nulla aliquet enim. Egestas egestas fringilla phasellus faucibus. Pellentesque elit eget gravida cum. Nisl nunc mi ipsum faucibus vitae. Adipiscing at in tellus integer feugiat scelerisque. Eu volutpat odio facilisis mauris sit amet.

Heading Font – Basic Sans & milkstore 2 Clean

The Milkstore Font Collection is created by Tobias Saul and contains a set of 5 textured handcrafted fonts with an authentic hand crafted look.

The fonts are inspired by vintage brick wall murals and they work perfectly for logo, packaging or title design with a hand crafted vibe.

Body Font – Basic Sans

Basic Sans is a sans-serif typeface designed by Daniel Hernández and released through Latinotype in 2016. The design feels like a humanistic take on the grotesque genre, with warm curves and true italics rather than obliques. The family is available in seven weights with matching italics.

Subtitle Font – Attribute Mono

FF Attribute™ Mono is a monospaced design with an industrial strength, minimalist vibe, making it perfect for attention getting, theme-based headlines, posters, banners and navigational links. And, because it is such a robust family, FF Attribute can also be used for branding of blogs, games, web sites and tech products.

Additional Font – Pixelar

Pixelar font family has been designed for Graviton Font Foundry by Pablo Balcells in 2012. It is pixel display typeface.


Mark and Logotype

Instructions describing the proper use of the organization's mark and logotype as well as combining of both the mark and logotype. This is also a great place to specifically mention any commonly abused or incorrect usage of the brand.

Download any of the logos as an SVG file. Right click > Save as.


Digital Color Palette

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Curabitur vitae nunc sed velit. Risus ultricies tristique nulla aliquet enim. Egestas egestas fringilla phasellus faucibus.

Primary
HEX: #21ce99
RGB: 33,206,153
Coated PMS: 
Uncoated PMS: 

Primary Bright
HEX: #69ffba
RGB: 105,255,186
Coated PMS:
Uncoated PMS: 

Secondary
HEX: #8350f5
RGB: 131,80,245
Coated PMS:
Uncoated PMS: 

White
HEX: #ffffff
RGB: 255,255,255
Coated PMS:
Uncoated PMS: 

Light
HEX: #efefef
RGB: 239,239,239
Coated PMS:
Uncoated PMS: 

Dark
HEX: #272727
RGB: 39,39,39
Coated PMS:
Uncoated PMS: 

Black
HEX: #121212
RGB: 18,18,18
Coated PMS:
Uncoated PMS: 

Danger
HEX: #fa115b
RGB: 250,17,91
Coated PMS:
Uncoated PMS: 

Warning
HEX: #e9fe8d
RGB: 233,254,141
Coated PMS:
Uncoated PMS: 

Success
HEX: #30fc7b
RGB: 48,252,123
Coated PMS:
Uncoated PMS: 

Info
HEX: #2cfdfc
RGB: 44,253,252
Coated PMS:
Uncoated PMS: 

Blue
HEX: #baffee
RGB: 186,255,238
Coated PMS:
Uncoated PMS: 

Death Blue
HEX: #1d43f6
RGB: 29,67,246
Coated PMS:
Uncoated PMS: