8/7/2019 Hacks/Hackers Styleguide

1/65

STYLE GUIDE

Created by: Beth Davidz

Last updated: 04.14.2011 by @bethddavidz

8/7/2019 Hacks/Hackers Styleguide

2/65

MAIN LOGOS

hacks/hackers style guide created by @bethddavidz

8/7/2019 Hacks/Hackers Styleguide

3/65

SITE LOGOS

hacks/hackers style guide created by @bethddavidz

by hacks/hackers

by hacks/hackers

by hacks/hackersby hacks/hackers

by hacks/hackers

by hacks/hackers

8/7/2019 Hacks/Hackers Styleguide

4/65

COLORS + FONTS

hacks/hackers style guide created by @bethddavidz

main colors

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

- For break-off sites (Jobs, Help etc.) site nameall upper, by hacks/hackers in lower case

Helvetica Neue Regular

Helvetica Neue Light

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

accent colors

8/7/2019 Hacks/Hackers Styleguide

5/65

by hacks/hackers

SPECS

hacks/hackers style guide created by @bethddavidz

atlanta chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz

chapter text

centered in white space

ascender

height

same as body

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

vertical space

same as body

align slogan with bottom of black box

chapter aligned to text right.

no longer than hacks/hackers width.

site name and size

matches top H height

align width of site name with

by haks/hackers. if too long, align hacks/hackers right.

by hacks hackers

matches bottom h

8/7/2019 Hacks/Hackers Styleguide

6/65

U.S. CHAPTERS

8/7/2019 Hacks/Hackers Styleguide

7/65

atlanta chapter | rebooting journalism

ATLANTA LOGOS

hacks/hackers style guide created by @bethddavidz

atlanta chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

8/65

austin chapter | rebooting journalism

AUSTIN LOGOS

hacks/hackers style guide created by @bethddavidz

austin chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

9/65

bay area chapter | rebooting journalism

BAY AREA LOGOS

hacks/hackers style guide created by @bethddavidz

bay area chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

10/65

boston chapter | rebooting journalism

BOSTON LOGOS

hacks/hackers style guide created by @bethddavidz

boston chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

11/65

chicago chapter | rebooting journalism

CHICAGO LOGOS

hacks/hackers style guide created by @bethddavidz

chicago chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

12/65

colorado chapter | rebooting journalism

COLORADO LOGOS

hacks/hackers style guide created by @bethddavidz

colorado chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

13/65

dallas ft. worth chapter | rebooting journalism

DALLAS/FT. WORTH LOGOS

hacks/hackers style guide created by @bethddavidz

dallas ft. worth chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

14/65

heartland chapter | rebooting journalism

HEARTLAND LOGOS

hacks/hackers style guide created by @bethddavidz

heartland chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

15/65

houston chapter | rebooting journalism

HOUSTON LOGOS

hacks/hackers style guide created by @bethddavidz

houston chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

16/65

los angeles chapter | rebooting journalism

LOS ANGELES LOGOS

hacks/hackers style guide created by @bethddavidz

los angeles chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

17/65

miami chapter | rebooting journalism

MIAMI LOGOS

hacks/hackers style guide created by @bethddavidz

miami chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

18/65

new orleans chapter | rebooting journalism

NEW ORLEANS LOGOS

hacks/hackers style guide created by @bethddavidz

new orleans chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

19/65

new york city chapter | rebooting journalism

NEW YORK CITY LOGOS

hacks/hackers style guide created by @bethddavidz

new york city chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

20/65

philadelphia chapter | rebooting journalism

PHILADELPHIA LOGOS

hacks/hackers style guide created by @bethddavidz

philadelphia chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

21/65

phoenix chapter | rebooting journalism

PHOENIX LOGOS

hacks/hackers style guide created by @bethddavidz

phoenix chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

22/65

pittsburgh chapter | rebooting journalism

PITTSBURGH LOGOS

hacks/hackers style guide created by @bethddavidz

pittsburgh chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

23/65

portland chapter | rebooting journalism

PORTLAND LOGOS

hacks/hackers style guide created by @bethddavidz

portland chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

24/65

st. louis chapter | rebooting journalism

ST. LOUIS LOGOS

hacks/hackers style guide created by @bethddavidz

st. louis chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

25/65

salt lake city chapter | rebooting journalism

SALT LAKE CITY LOGOS

hacks/hackers style guide created by @bethddavidz

salt lake citychapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

26/65

san diego chapter | rebooting journalism

SAN DIEGO LOGOS

hacks/hackers style guide created by @bethddavidz

san diego chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

27/65

seattle chapter | rebooting journalism

SEATTLE LOGOS

hacks/hackers style guide created by @bethddavidz

seattle chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

28/65

syracuse chapter | rebooting journalism

SYRACUSE LOGOS

hacks/hackers style guide created by @bethddavidz

syracuse chapter | rebooting journalism

syracuse

syracuse

syracuse

8/7/2019 Hacks/Hackers Styleguide

29/65

tampa bay chapter | rebooting journalism

TAMPA BAY LOGOS

hacks/hackers style guide created by @bethddavidz

tampa bay chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

30/65

triangle chapter | rebooting journalism

TRIANGLE LOGOS

hacks/hackers style guide created by @bethddavidz

triangle chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

31/65

twin cities chapter | rebooting journalism

TWIN CITY LOGOS

hacks/hackers style guide created by @bethddavidz

twin cities chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

32/65

washington dc chapter | rebooting journalism

WASHINGTON DC LOGOS

hacks/hackers style guide created by @bethddavidz

washington dc chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

33/65

INTERNATIONAL CHAPTERS

8/7/2019 Hacks/Hackers Styleguide

34/65

brussels chapter | rebooting journalism

BRUSSELS LOGOS

hacks/hackers style guide created by @bethddavidz

brussels chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

35/65

buenos aires chapter | rebooting journalism

BUENOS AIRES LOGOS

hacks/hackers style guide created by @bethddavidz

buenos aires chapter | rebooting journalism

hacks/hackers style guide created by @bethddavidz

8/7/2019 Hacks/Hackers Styleguide

36/65

helsinki chapter | rebooting journalism

HELSKINKI LOGOS

hacks/hackers style guide created by @bethddavidz

helsinki chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

37/65

INTERNATIONAL CHAPTERSCANADA

8/7/2019 Hacks/Hackers Styleguide

38/65

montreal chapter | rebooting journalism

MONTREAL LOGOS

hacks/hackers style guide created by @bethddavidz

montreal chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

39/65

ottawa chapter | rebooting journalism

OTTAWA LOGOS

hacks/hackers style guide created by @bethddavidz

ottawa chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

40/65

toronto chapter | rebooting journalism

TORONTO LOGOS

hacks/hackers style guide created by @bethddavidz

toronto chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

41/65

vancouver chapter | rebooting journalism

VANCOUVER LOGOS

hacks/hackers style guide created by @bethddavidz

vancouver chapter | rebooting journalism

vancouver

vancouver

8/7/2019 Hacks/Hackers Styleguide

42/65

INTERNATIONAL CHAPTERSU.K.

8/7/2019 Hacks/Hackers Styleguide

43/65

birmingham, uk chapter | rebooting journalism

BIRMINGHAM LOGOS

hacks/hackers style guide created by @bethddavidz

birmingham, ukchapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

44/65

EDINBURGH LOGOS

hacks/hackers style guide created by @bethddavidz

edinburgh chapter | rebooting journalism

edinburgh chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

45/65

dublin chapter | rebooting journalism

DUBLIN LOGOS

hacks/hackers style guide created by @bethddavidz

dublin chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

46/65

london chapter | rebooting journalism

LONDON LOGOS

hacks/hackers style guide created by @bethddavidz

london chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

47/65

INTERNATIONAL CHAPTERSAFRICA

8/7/2019 Hacks/Hackers Styleguide

48/65

abidjan chapter | rebooting journalism

ABIDJAN, CTE D'IVOIRE

hacks/hackers style guide created by @bethddavidz

abidjan chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

49/65

accra chapter | rebooting journalism

ACCRA, GHANA

hacks/hackers style guide created by @bethddavidz

accra chapter | rebooting journalism

accra

accra

accra

8/7/2019 Hacks/Hackers Styleguide

50/65

addis ababa chapter | rebooting journalism

ADDIS ABABA, ETHOPIA

hacks/hackers style guide created by @bethddavidz

addis ababa chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

51/65

cairo chapter | rebooting journalism

CAIRO LOGOS

hacks/hackers style guide created by @bethddavidz

cairo chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

52/65

cape town chapter | rebooting journalism

CAPE TOWN LOGOS

hacks/hackers style guide created by @bethddavidz

cape town chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

53/65

dakar chapter | rebooting journalism

DAKAR, SENEGAL

hacks/hackers style guide created by @bethddavidz

dakar chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

54/65

dar es salaam chapter | rebooting journalism

DAR ES SALAAM, TANZANIA

hacks/hackers style guide created by @bethddavidz

dar es salaam chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

55/65

doula chapter | rebooting journalism

DOUALA, CAMEROON

hacks/hackers style guide created by @bethddavidz

doula chapter | rebooting journalism

DURBAN SOUTH AFRICA

8/7/2019 Hacks/Hackers Styleguide

56/65

durban chapter | rebooting journalism

DURBAN, SOUTH AFRICA

hacks/hackers style guide created by @bethddavidz

durban chapter | rebooting journalism

JOHANNESBURG LOGOS

8/7/2019 Hacks/Hackers Styleguide

57/65

johannesburg chapter | rebooting journalism

JOHANNESBURG LOGOS

hacks/hackers style guide created by @bethddavidz

johannesburg chapter | rebooting journalism

KAMPALA UGANDA

8/7/2019 Hacks/Hackers Styleguide

58/65

kampala chapter | rebooting journalism

KAMPALA, UGANDA

hacks/hackers style guide created by @bethddavidz

kampala chapter | rebooting journalism

LAGOS NIGERIA

8/7/2019 Hacks/Hackers Styleguide

59/65

lagos chapter | rebooting journalism

LAGOS, NIGERIA

hacks/hackers style guide created by @bethddavidz

lagos chapter | rebooting journalism

MAPUTO MOZAMBIQUE

8/7/2019 Hacks/Hackers Styleguide

60/65

maputo chapter | rebooting journalism

MAPUTO, MOZAMBIQUE

hacks/hackers style guide created by @bethddavidz

maputo chapter | rebooting journalism

NAIROBI KENYA

8/7/2019 Hacks/Hackers Styleguide

61/65

nairobi chapter | rebooting journalism

NAIROBI, KENYA

hacks/hackers style guide created by @bethddavidz

nairobi chapter | rebooting journalism

PRETORIA SOUTH AFRICA

8/7/2019 Hacks/Hackers Styleguide

62/65

pretoria chapter | rebooting journalism

PRETORIA, SOUTH AFRICA

hacks/hackers style guide created by @bethddavidz

pretoria chapter | rebooting journalism

WINDHOEK NAMIBIA

8/7/2019 Hacks/Hackers Styleguide

63/65

windhoek chapter | rebooting journalism

WINDHOEK, NAMIBIA

hacks/hackers style guide created by @bethddavidz

windhoek chapter | rebooting journalism

8/7/2019 Hacks/Hackers Styleguide

64/65

SPECIAL LOGOS

HOLIDAY LOGO

8/7/2019 Hacks/Hackers Styleguide

65/65

HOLIDAY LOGO

HACKERSHAPPY HOLIDAYS