As I was learning web design, I wanted to put my knowledge to practice through these mock websites.

I chose warm, earthy colors to convey the cozy, grounded feel of this imaginary cafe. For the background, I picked a creamy white, something soft and appealing rather than stark and glaring. The colors work together to communicate comfort, a space where a person can feel at home.

When it came to typography, I wanted a gentle serif font that gave the site an edge of old fashioned, like the feeling of walking into an old bookstore. For the body text, I uses a sans-serif from the same family. The sans-serif provides better readability, and together, Instrument Serif and Instrument Sans provided that soft, somewhat vintage feel to match the vibe of the cafe.

The images were sourced from Unsplash. I wanted the pictures to match the warmth and earthiness of the colors on the site, so images with warm browns and green leaves were perfect options. To help the hero section content stand out over the background image, I used a dark brown gradient overlay. This also helped to blend all the colors naturally together.