Visual Identity

The DreamHost logo plays the role of our company’s handshake. It’s typically the first thing a potential customer sees, and allows them to distinguish our products and services from our competitors’. Keeping the logo’s usage clean and consistent throughout all of our materials is an important step to building strong brand recognition.


Logo Guidelines

Establishing logo guidelines helps keep our brand consistent, allowing us to look professional and as trustworthy as possible.

Our logo should be used as demonstrated below. If for any reason these logos don’t fit your requirements, contact the brand team to discuss alternative solutions.

Dreamhost logo - White text on dark blue background

Download .EPS .SVG .PNG

Dreamhost logo - Dark blue text on white background

Download .EPS .SVG .PNG

Logomark

What is our logomark?

Our logomark is the moon shaped icon, or symbol that does not contain our company name. Popular third party examples include Apple’s apple, and Nike’s swoosh.

Dreamhost logo - White mark on dark blue background

Download .EPS .SVG .PNG

Dreamhost logo - Dark blue mark on white background

Download .EPS .SVG .PNG

When to use the logomark

Our logomark should be used sparingly. Recommended usage should be limited to message board avatars, social site pro le images, or any other approved space that requires a squared image to represent the DreamHost brand.

What is clearspace?

The area that surrounds the logo is as important as the logo itself. The minimum area of ‘clear space’ provides breathing room to the logo, and eliminates visual clutter from surrounding text and graphics that may compete with our logo.

Dreamhost logo - clearspace

Implementation

The logo should be used as provided by DreamHost. No changes, including but not limited to changes in color, proportion or design. The logo may not be animated, or otherwise distorted in perspective or appearance.

Dreamhost logo - do not use old

Do not use the old logos

Dreamhost logo - do not change color

Do not change the logo colors

Dreamhost logo - do not change type

Do not change the logo type

Dreamhost logo - do not rotate

Do not rotate the logo

Dreamhost logo - do not distort

Do not distort the logo

Dreamhost logo - do not add effects

Do not add effects to the logo


Typography

Typography is the visual component of our written communications. It's what makes reading easier, establishing content hierarchy and making the text easier to digest. Consistent use of type makes for a successful customer experience.

Ubuntu

Ubuntu is a versatile display font that we use for headlines on our website, blog and printed collateral.

Note that we only use the ‘Medium’ weight of the Ubuntu font family. If you feel the need to use a thinner or heavier weight, please contact the brand team before doing so.

Ubuntu

Download Font
Format: Medium TTF

Proxima Nova

Proxima Nova is a light, easy to read font that we use for written content on our website, blog and printed collateral.

Note that we only use the ‘Regular’ weight of the Ubuntu font family. If you feel the need to use a thinner or heavier weight, please contact the brand team before doing so.

Proxima Nova

Download Font
Format: Regular TTF

Hierarchy

Big and bold, or small and italicized, everyone relies on the hierarchy of text.

Hierarchy is the organization of text. It’s how we establish an order of importance within our communications, allowing the reader to easily nd what they are looking for and navigate the content.

Type Hierarchy

Colors

Our colors are important. They stir interest, add emphasis, and help provide a better user experience for our customers.


Why is color a big deal?

Our colors are important. They stir interest, add emphasis, and help provide a better user experience for our customers. When using our colors, rely on the primaries; our secondaries should be used sparingly, and only to compliment the primaries.

Download Swatches
Format: AI, PS, Sketch

Midnight
cmyk 87 71 59 72
rgb 7 28 38
Hex #071C26

Azure
cmyk 80 55 0 0
rgb 0 115 236
Hex #0073EC

Prince
cmyk 53 77 0 0
rgb 166 68 229
Hex #A644E5

White
cmyk 0 0 0 0
rgb 255 255 255
Hex #FFFFFF

Mascot

Clanky

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Ninja Clanky

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Alternative Clanky

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS

Dreamhost mascot

Format: EPS