Description: This is a web page I created to showcase the logo I created two weeks ago.
Process (Programs, Tools, Skills): I used TextWrangler as my code editing program. I learned and used HTML and CSS coding to create the webpage. I used basic HTML tags including <br>, <h1>, <h3>, <ul>, <body>, <p>, and <div> to organize the text and provide adequate negative space. I used CSS to add an appropriate background image, add color and transparency, and to manipulate my fonts. CSS also allowed me to manipulate the spacing of the margins and padding. One of the challenges was figuring out how how to coordinate the <div> tag to manipulate the transparency to be different under the logo vs. the body copy.
Message: I wanted to manipulate the image and color scheme the most to communicate the sweet, creative message I tried to convey with my logo.
Audience: These design choices, color scheme, font, images, all appeal most to a young female audience.
Top Thing Learned: I learned a lot about coordinating CSS and HTML so they can work together.
Color scheme and color hex(s): Loosely triadic, red/blue/yellow interpreted by pink/teal/ivory. Pink:#CD9E9B, Teal: #71A9A8, Ivory: rgba(254, 240, 225)
Title Font Families & Category: Ribeye Marrow, decorative
Copy Font Families & Category: Slabo 27px, slab serif
Changes made to the CSS: I changed the colors, fonts, shape and size of the text box, added a background image, added transparency to the text box background, added two notes, and coordinated the <div> to separate the level of transparency in the header vs. body.