Description: This is a web page designed to showcase a personally created logo.
Process (Programs, Tools, Skills): I created this web page using Notepad++. I manipulated HTML and CSS code to create this design to showcase my logo. I also used the http://www.W3.org HTML validator to check all of my HTML and my CSS to make sure everything validated.
After I wrote my content and inserted my image, I attached a pre-made CSS document to my HTML. I pulled colors from my logo to coordinate my webpage to the colors in the logo. I pulled up my logo in Photoshop and found the coordinating HEX colors using the eyedropper tool. Then I used those colors in my CSS. I also changed my fonts to Arial Black and Palatino Linotype. I declared back up front just in case the viewer’s browser didn’t have these exact fonts. I added padding around the logo to give it ample white space and breathing room and to make it the focal point of the page. I also added padding to the text to set them apart from the edge of the webpage.
Message: Winterwood is band that produces original acoustic music.
Audience: This logo and brand message is geared toward the music professionals who will be interacting with Winterwood, particularly sound engineers, producers, and recording studios. It is also geared toward the fans of Winterwood’s music.
Top Thing Learned: How to change the CSS to customize an HTML web page.
Color scheme and color hex(s): Triadic (indigo, lime and brick): Indigo #024c47, Lime #414d21, and Brick #884429. Also used a white background: White #ffffff
Title Font Families & Category: Arial Black: san serif
Copy Font Families & Category: Palatino Linotype: serif
Changes made to the CSS: I changed the font families. I changed the colors to match my logo. I changed the padding and the alignment to create more white space. I added in bold to the headers in my list. I added in some h2 and h3 headers in the HTML and styled the font and color for them in my CSS. I added a link to my blog in my HTML and centered it in my CSS.
Word Count: 231 under “Thinking that went into this logo design” on web page and 372 on this blog post