Here is how the "client" wants the document to look:
- reverse out the headings (white on blue);
- put a thin blue line against the left margin;
- insert some kind of generic government graphic to break things up;
- make sure you use the two standard blues defined in the ADL visual identity guide.
(If you've never seen a visual identity guide, they're always very interesting to scan: I don't have the ADL guide, but here is one from UNC Greensboro, and a 2014 guide from Miami University.)
What does this mean to us, as designers and site builders? Here's how I see it:
- Put everything into "plain vanilla" HTML. Just make it readable. This output won't be sexy, but it would work perfectly well on someone's website, and will be easy for someone else to style-up later: If our client cannot afford much, or if we don't have any time to dedicate to this project, then this plain vanilla is where we would leave it.
- We should figure out color ahead of time. I put one of the recent logos from their website into Photoshop, and here is what I came up with:
- Light Blue (in hexadecimal): #00a0dd
- Dark Blue (in hex): #0a406b
- For the line on the lefthand side of the screen, we'll just make a quick background image and use that.
Note that if we doing this for real, we would not (typically) just grab their colors and branding material from the web, where we might get an outdated, unofficial, or altered asset.
So that's it: I've created a to-do list (essential part of this process) and I'm ready to get started.
- Put text into HTML;
- Add bare-bones CSS;
- Make a background graphic;
- Add background;
- Add style: Choose a typeface?
- Add style: reversed-out headers
- Get gov't graphic
- Insert graphic