This is San Francisco’s main Food Stamps office. People call it twelve-thirty-five, as in 1235 Mission Street. The first time I went was on Thursday, February 7, 2013
Using the Guide
Code for America aims to improve the relationships between citizens and government. The following logos, materials, and character of the Code for America brand were created to express the following:
- Openness: That the organization is approachable, easy to understand, easy to get involved with, and welcoming to both scrutiny and participation.
- Currency + Progress: We’ve attempted to showcase the latest events and stories in civic tech, while also using current conventions in web design and technology-based approaches. We also strive to show a thread of progress over time.
- Optimism: We wanted to emphasize the fact that Code for America believes in the future of our communities and local governments. The idea to portray is: "We can make this better together."
This guide is intended to help anyone involved with communications for Code for America and its affiliate programs. If you have questions, submit an issue in our github repo.
Bookmark Icons
Flag Red
152x152
120x120
76x76
60x60
32x32
16x16
Flag Blue
152x152
120x120
76x76
60x60
32x32
16x16
Flag Gray
152x152
120x120
76x76
60x60
32x32
16x16
Flag Black
152x152
120x120
76x76
60x60
32x32
16x16
Flag White and Blue
152x152
120x120
76x76
60x60
32x32
16x16
Flag White and Red
152x152
120x120
76x76
60x60
32x32
16x16
Flag White and Gray
152x152
120x120
76x76
60x60
32x32
16x16
Flag White and Black
152x152
120x120
76x76
60x60
32x32
16x16
Icons
Icons are from icomoon.
- icon-facebook
- icon-twitter
- icon-feed
- icon-vimeo2
- icon-lanyrd
- icon-flickr
- icon-mail
- icon-youtube
- icon-google-plus
- icon-google-plus2
- icon-github
- icon-linkedin
- icon-skype
- icon-html5
- icon-css3
- icon-chrome
- icon-firefox
- icon-IE
- icon-opera
- icon-safari
- icon-share
- icon-github2
- icon-user
- icon-cc
- icon-phone
- icon-location
- icon-envelop
- icon-alarm
- icon-print
- icon-database
- icon-undo
- icon-redo
- icon-bubble
- icon-users
- icon-quotes-left
- icon-quotes-right
- icon-key
- icon-wrench
- icon-cogs
- icon-download2
- icon-upload2
- icon-earth
- icon-star
- icon-star2
- icon-star3
- icon-arrow-up
- icon-arrow-right2
- icon-arrow-down
- icon-arrow-left
- icon-arrow-up2
- icon-arrow-right3
- icon-arrow-down2
- icon-arrow-left2
- icon-new-tab
- icon-code
- icon-search
- icon-bullhorn
- icon-rocket
- icon-checkmark
- icon-tools
- icon-lamp
- icon-calendar
- icon-twitter2
- icon-grid
- icon-tumblr
- icon-cc2
- icon-cc-by
- icon-cc-nc
- icon-cc-nc-eu
- icon-cc-nc-jp
- icon-cc-sa
- icon-cc-nd
- icon-cc-pd
- icon-cc-share2
- icon-thumbs-up
- icon-thumbs-down
- icon-upload3
- icon-cloud
Colors
Primary Colors
-
- CfA Red
- PMS 193U
- C13 M94 Y69 K4
- R204 G39 B62
- #cf1b41
- $color-red
-
- CfA Blue
- PMS 2915M or 292C or 299U
- C70 M24 Y0 K0
- R63 G158 B216
- #399fd3
- $color-blue
-
- CfA Gray
- PMS Cool Gray 10
- C58 M49 Y46 K15
- R109 G110 B113
- #6D6E71
- $color-gray
Secondary Colors
-
- Light Blue
- PMS 297U
- C50 M15 Y7 K0
- R122 G181 B214
- #7ab5d6
- $color-light-blue
-
- Medium Blue
- PMS 314U
- C72 M27 Y16 K0
- R66 G152 B187
- #4298bb
- $color-medium-blue
-
- Dark Blue PMS 302U
- C81 M66 Y51 K43
- R47 G61 B74
- #004b6a
- $color-dark-blue
-
- Light gray
- PMS Cool Gray 1
- C9 M6 Y7 K0
- R229 G229 B229
- #e5e5e5
- $color-light-gray
-
- Medium gray
- PMS Cool Gray 6
- C43 M37 Y36 K1
- R153 G149 B149
- #999595
- $color-medium-gray
-
- Dark Gray PMS 446U
- C43 M37 Y36 K1
- R68 G68 B68
- #444444
- $color-dark-gray
-
- Medium Red
- PMS 187C
- C0 M84 Y66 K33
- R170 G28 B58
- #aa1c3a
- $color-medium-red
-
- Orange
- PMS 165U
- C6 M62 Y96 K0
- R232 G125 B43
- #e87d2b
- $color-orange
-
- Purple
- PMS 2597U
- C69 M75 Y7 K0
- R105 G87 B156
- #69579C
- $color-purple
-
- Teal
- PMS 3275U
- C73 M18 Y68 K3
- R0 G161 B117
- #00a175
- $color-teal
-
- Yellow
- PMS 109U
- C2 M10 Y80 K0
- R254 G221 B68
- #fedd44
- $color-yellow