You are on page 1of 65

STYLE GUIDE

Created by: Beth Davidz


Last updated: 04.14.2011 by @bethddavidz
MAIN LOGOS

hacks/hackers style guide created by @bethddavidz


SITE LOGOS

by hacks/hackers by hacks/hackers

by hacks/hackers by hacks/hackers

by hacks/hackers by hacks/hackers

hacks/hackers style guide created by @bethddavidz


COLORS + FONTS
main colors accent colors

#000000 #333333 #666666 #E5E5E5 #FFFFFF #3399CC #CC0066 #99CC00

Helvetica Neue Regular PREFERED FONTS


- Helvetica Neue Regular
- Helvitca Neue Light

DEFAULT FONTS
Arial, Helvetica, sans-serif

STYLIZED BRANDING
- HACKS/HACKERS should be all upper case
- Chapter names and slogans should be all lower case

Helvetica Neue Light - For break-off sites (Jobs, Help etc.) site name
all upper, ‘by hacks/hackers’ in lower case

hacks/hackers style guide created by @bethddavidz


SPECS
NOTE: logos should be saved as GIF or PNG file formats

chapter text
centered in white space

site name and size


matches top H height
by hacks/hackers
by hacks hackers
matches bottom h

ascender
align width of site name with
height
“by haks/hackers”. if too long, align hacks/hackers right.
same as body

chapter aligned to text right.


no longer than hacks/hackers width.

vertical space
same as body atlanta chapter | rebooting journalism

align slogan with bottom of black box

hacks/hackers style guide created by @bethddavidz


U.S. CHAPTERS
ATLANTA LOGOS

atlanta chapter | rebooting journalism

atlanta chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


AUSTIN LOGOS

austin chapter | rebooting journalism

austin chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


BAY AREA LOGOS

bay area chapter | rebooting journalism

bay area chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


BOSTON LOGOS

boston chapter | rebooting journalism

boston chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


CHICAGO LOGOS

chicago chapter | rebooting journalism

chicago chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


COLORADO LOGOS

colorado chapter | rebooting journalism

colorado chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


DALLAS/FT. WORTH LOGOS

dallas ft. worth chapter | rebooting journalism

dallas ft. worth chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


HEARTLAND LOGOS

heartland chapter | rebooting journalism

heartland chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


HOUSTON LOGOS

houston chapter | rebooting journalism

houston chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


LOS ANGELES LOGOS

los angeles chapter | rebooting journalism

los angeles chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


MIAMI LOGOS

miami chapter | rebooting journalism

miami chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


NEW ORLEANS LOGOS

new orleans chapter | rebooting journalism

new orleans chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


NEW YORK CITY LOGOS

new york city chapter | rebooting journalism

new york city chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


PHILADELPHIA LOGOS

philadelphia chapter | rebooting journalism

philadelphia chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


PHOENIX LOGOS

phoenix chapter | rebooting journalism

phoenix chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


PITTSBURGH LOGOS

pittsburgh chapter | rebooting journalism

pittsburgh chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


PORTLAND LOGOS

portland chapter | rebooting journalism

portland chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


ST. LOUIS LOGOS

st. louis chapter | rebooting journalism

st. louis chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


SALT LAKE CITY LOGOS

salt lake city chapter | rebooting journalism

salt lake city chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


SAN DIEGO LOGOS

san diego chapter | rebooting journalism

san diego chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


SEATTLE LOGOS

seattle chapter | rebooting journalism

seattle chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


SYRACUSE LOGOS

syracuse

syracuse
syracuse chapter | rebooting journalism

syracuse

syracuse chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


TAMPA BAY LOGOS

tampa bay chapter | rebooting journalism

tampa bay chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


TRIANGLE LOGOS

triangle chapter | rebooting journalism

triangle chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


TWIN CITY LOGOS

twin cities chapter | rebooting journalism

twin cities chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


WASHINGTON DC LOGOS

washington dc chapter | rebooting journalism

washington dc chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


INTERNATIONAL CHAPTERS
BRUSSELS LOGOS

brussels chapter | rebooting journalism

brussels chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


BUENOS AIRES LOGOS

buenos aires chapter | rebooting journalism

buenos aires chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


HELSKINKI LOGOS

helsinki chapter | rebooting journalism

helsinki chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


INTERNATIONAL CHAPTERS

CANADA
MONTREAL LOGOS

montreal chapter | rebooting journalism

montreal chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


OTTAWA LOGOS

ottawa chapter | rebooting journalism

ottawa chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


TORONTO LOGOS

toronto chapter | rebooting journalism

toronto chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


VANCOUVER LOGOS

vancouver

vancouver chapter | rebooting journalism

vancouver

vancouver chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


INTERNATIONAL CHAPTERS

U.K.
BIRMINGHAM LOGOS

birmingham, uk chapter | rebooting journalism

birmingham, uk chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


EDINBURGH LOGOS

edinburgh chapter | rebooting journalism

edinburgh chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


DUBLIN LOGOS

dublin chapter | rebooting journalism

dublin chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


LONDON LOGOS

london chapter | rebooting journalism

london chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


INTERNATIONAL CHAPTERS

AFRICA
ABIDJAN, CÔTE D'IVOIRE

abidjan chapter | rebooting journalism

abidjan chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


ACCRA, GHANA

accra

accra
accra chapter | rebooting journalism

accra

accra chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


ADDIS ABABA, ETHOPIA

addis ababa chapter | rebooting journalism

addis ababa chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


CAIRO LOGOS

cairo chapter | rebooting journalism

cairo chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


CAPE TOWN LOGOS

cape town chapter | rebooting journalism

cape town chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


DAKAR, SENEGAL

dakar chapter | rebooting journalism

dakar chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


DAR ES SALAAM, TANZANIA

dar es salaam chapter | rebooting journalism

dar es salaam chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


DOUALA, CAMEROON

doula chapter | rebooting journalism

doula chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


DURBAN, SOUTH AFRICA

durban chapter | rebooting journalism

durban chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


JOHANNESBURG LOGOS

johannesburg chapter | rebooting journalism

johannesburg chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


KAMPALA, UGANDA

kampala chapter | rebooting journalism

kampala chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


LAGOS, NIGERIA

lagos chapter | rebooting journalism

lagos chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


MAPUTO, MOZAMBIQUE

maputo chapter | rebooting journalism

maputo chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


NAIROBI, KENYA

nairobi chapter | rebooting journalism

nairobi chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


PRETORIA, SOUTH AFRICA

pretoria chapter | rebooting journalism

pretoria chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


WINDHOEK, NAMIBIA

windhoek chapter | rebooting journalism

windhoek chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz


SPECIAL LOGOS
HOLIDAY LOGO

HACKERS
HAPPY HOLIDAYS

hacks/hackers style guide created by @bethddavidz