Week 7 Challenge

Google Fonts

Font Squirrel

CSS Zen Garden Redesign

Click here to View

I decided to scrap my previous concepts as I felt they lacked a personal touch. Above is my final layout in which I used a photograph of a rhino I took at the zoo and edited. The rhino is a strong graphic image against a black background, and the colors of gray, bright orange, and purple all work to add contrast to the layout. There is also a subtle texture in the background of the layout.

Blog Post 3: CSS Zen Garden Comps.

For this comp, I wanted to focus heavily on imagery. In this layout, the background image is of a forest which is what I think of when I think of "Zen". The typeface is Montserrat and it's bold and clean san-serif appearance helps keep this layout looking modern. In the image, I have pictured the first section of body text, after this section, the text will flow freely. 

My concept for this comp was to keep it simple once again. I wanted to find an image that directly contrasted the forest, so I replaced it with a city. The layout is comprised of several elements that keep this modern appearance. The bright yellow contrasted against the black is eye-catching. I used Montserrat for the typeface in this piece.

This layout proved to be the bigger challenge as I worked to fill up an awkward amount of space. My concept behind this was to use unusual, graphically strong images. I used bright orange to capture attention. I used historical anatomy drawings because I appreciate the historical appearance and interest they contribute to pieces. Finally, the typeface I used was Yanone Kaffeesatz.

Galapagos Island Website

Finished Galapagos Island Website