Welcome to your complimentary style guide! Your designer will use this to make sure your site is consistent from page to page. Likewise, you can use this guide to make sure your sales and marketing material remains consistent and on brand throughout all collateral.

Mission Statement

Transforming communities one city hall at a time. Deep and abiding commitment to public service. Our aspiration is to humbly and powerfully serve the top 10% of local government leaders.

Vision Statement

Ethics: We will use rational information to help elected officials make informed policy choices. Our opinions are not for sale to those that might want to slant a recommendation because they are paying for the advice.

Quality:
We deliver a complete work product that meets the client’s local needs. We do not use one-size-fits-all reports. Our reports clearly use facts to frame appropriate recommendations the civilian reader can understand. We do not use industry jargon or jump to conclusions that only a fire service individual would understand.

Timeliness: We will offer our clients a realistic timeline and always complete our work within that timeline. Where we have not, it is due to the client needing more time to schedule events or to produce background information.

Sensitivity: We will understand at the project kickoff what the stakeholder issues are and what information will be needed to completely address them. We are careful to respect local issues. We do not take sides. We rationally analyze information and present policy choices. We are quiet, “backstage” specialists who let the local officials set and explain public policy.

Independence: Citygate provides a dependable independent voice (perspective, viewpoint, evaluation, assessment). Citygate is not aligned with any special interest group or association.

Logo

Here are all of your logos in various formats and orientations.

Favicon

Colors

These are the brand colors used throughout the site.

#B9965F
#45534D
#1E322D
#721F1F
#E1DBD6

Typographic styles are set here to make sure your blog and other designs are legible and beautiful.

Typography (H1)

Typography (H2)

Typography (H3)

Typography (H4)

Typography (H5)
Typography (H6)

What were you doing in the middle of the street, a kid your age. Okay, but I don’t know what to say. Go. Go. This is a link. Yeah man, that was good. Let’s do another one. Yeah, you got my homework finished, McFly?

Whoa, this is heavy. No. I got enough practical jokes for one evening. Good night, future boy. My god, they found me. I don’t know how but they found me. Run for it, Marty. My god, they found me. I don’t know how but they found me. Run for it, Marty. That was so stupid, Grandpa hit him with the car.

This is for all you lovers out there. C’mon, c’mon let’s go. Ho, you mean you’re gonna touch her on her- Excuse me. Hello.

H2 – Well, aren’t you going up to the lake tonight, you’ve been planning it for two weeks.

Doc, wait. No, bastards. Okay, real mature guys. Okay, Biff, will you pick up my books? Alright, c’mon, I think we’re safe. This is a link. I over slept, look I need your help. I have to ask Lorraine out but I don’t know how to do it. I have to ask Lorraine out but I don’t know how to do it. Brown, Brown, Brown, Brown, Brown, great, you’re alive. Do you know where 1640 Riverside-

H3 – Thank god I found you.

Tab? I can’t give you a tab unless you order something. Indeed I will, roll em. I, Doctor Emmett Brown, am about to embark on an historic journey. What have I been thinking of, I almost forgot to bring some extra plutonium. How did I ever expect to get back, one pallet one trip I must be out of my mind. What is it Einy? Oh my god, they found me, I don’t know how but they found me. Run for it, Marty. Watch this. Not me, the car, the car. My calculations are correct, when this baby hits eighty-eight miles per hour, your gonna see some serious shit. Watch this, watch this. Ha, what did I tell you, eighty-eight miles per hour. The temporal displacement occurred at exactly 1:20 a.m. and zero seconds. Well, she’s not doing a very good job. Marty, you seem so nervous, is something wrong?

H4 – That ain’t no airplane, look. Right, gimme a Pepsi free.

Alright, take it up, go. Doc. Nah, I just don’t think I’m cut out for music. C’mon, he’s not that bad. At least he’s letting you borrow the car tomorrow night. Lorraine, are you up there? God dammit, I’m late.

Alright, punk, now- Leave me alone. You know what I do in those situations? So tell me, Marty, how long have you been in port? Something that really cooks. Alright, alright this is an oldie, but uh, it’s an oldie where I come from. Alright guys, let’s do some blues riff in b, watch me for the changes, and uh, try and keep up, okay.

  1. List item goes here
  2. List item goes here
  3. List item goes here
  4. List item goes here
  5. List item goes here
  6. List item goes here
H5 – Hello. Hey I’m talking to you, McFly, you Irish bug.

I’ll be at my grandma’s. Here, let me give you the number. Bye. What kind of date? I don’t know, what do kids do in the fifties? Well that’s your name, isn’t it? Calvin Klein. it’s written all over your underwear. Oh, I guess they call you Cal, huh? Hey, hey, keep rolling, keep rolling there. No, no, no, no, this sucker’s electrical. But I need a nuclear reaction to generate the one point twenty-one gigawatts of electricity that I need. Hey, hey, I’ve seen this one, I’ve seen this one. This is a classic, this is where Ralph dresses up as the man from space.

This is a blockquote.

Pa, what is it? What is it, Pa? What you got under here? George. C’mon. Marty, I’m sorry, but the only power source capable of generating one point twenty-one gigawatts of electricity is a bolt of lightning.

H6 – The molecular structure of Einstein and the car are completely intact.
  • List item goes here
  • List item goes here
  • List item goes here
  • List item goes here
  • List item goes here
  • List item goes here

Button

These are the default button styles for the brand. Demos of fancy button styles can be found here.

Illustration / Photos

Not every brand uses photos. Not every brand uses illustrations. Below are enough samples to give an accurate representation of your style.

Icons

No matter what, you’ll find yourself using icons from time to time. It’s important we define the style here.

Forms

Forms are used throughout the site. Below are the default short and long form styles.