Hackster Brand Resources

Logos

Hackster’s primary logo is a simple mark, typeface lockup, and bottom banner. It is clean and professional, but maintains a hint of youthfulness and excitement in it as well.

This is the main logo to be used wherever possible. Consistency in the visual representation of our company is key to the success of our brand.

Our Logos

Download our logos and in all file formats and use this guide for correct usage.

Download

Secondary Logos

Hackster’s secondary logos can be used in place of the primary logo, but should not be used directly with or next to the primary logo.

A) On darker backgrounds, our inverted “H” logomark should be used instead to allow the “H” to stand out clearly.

B) In spaces where our horizontal lockup cannot be used, and our logomark alone will not suffice, this vertical lockup may be used.

Clearspace

Our logo should have enough clearspace along its perimeter greater than or equal to half of its height.

Minimum Size

Our logo should never be smaller than 30 x 30px.

Colors

Hackster Blue
HEX#2E9FE6
HSB203, 80, 90
RGB46, 159, 230
Charcoal
HEX#333333
HSB0, 0, 20
RGB51, 51, 51
White
HEX#FFFFFF
HSB0, 0, 100
RGB255, 255, 255
Ocean
HEX#16425B
HSB202, 76, 36
RGB22, 66, 91
Lake
HEX#075B8B
HSB202, 95, 54
RGB7, 91, 139
Sky
HEX#E1F4FF
HSB202, 12, 100
RGB225, 244, 255
Avnet Green
HEX#41C363
HSB136, 67, 76
RGB65, 195, 99
Graphite
HEX#4A4A4A
HSB285, 0, 29
RGB74, 74, 74
Pebble
HEX#7A7A7A
HSB0, 0, 48
RGB122, 122, 122
Asphalt
HEX#D8D8D8
HSB0, 0, 85
RGB216, 216, 216
Fog
HEX#F7F7F7
HSB0, 0, 97
RGB274, 274, 274

Color Combinations

Hackster uses a primary logo for light backgrounds and secondary for dark backgrounds.

#2E9FE6//#FFFFFF
#FFFFFF//#2E9FE6
#FFFFFF//#333333
#333333//#FFFFFF

Complete Guide

Download our complete brand guide here.

Download