Take Home - Style Guide

Take Home aims to bring the experience of drinking fresh coffee from home or on-the-go. Take Home offers branded products which includes take-home coffee beans, travel mugs/cups, reusable cup sleeves, food that compliment coffee, etc.

Design Elements

Color Palette

Main #A76B50

The main color is chosen to represent the coffee itself, which is the main selling point of the company.

Sub #4A756E

The sub color is chosen to visually differentiate itself from the main color, but also to display a calming tone to complement the main color. It also relates to the products sold by the company, which encourages sustainability (a color typically associated with green tones) through reusable products.

Sections #DBD2CD

The color for sections of the pages was chosen to follow the theme of calming tones throughout the website.

Photos

Making coffee at home with a filter Three coffees Coffee press Table with many coffee tools

Interactive Elements

In-text link

Lorem ipsum

Clickable Button

Button

Text Input Field with Label

Image as a link

Three coffee cups

Text Elements

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut viverra felis, a laoreet sapien. Maecenas convallis nunc vitae lacinia vestibulum. Donec aliquam feugiat lacus, et suscipit sapien efficitur in. Donec ullamcorper condimentum felis ac luctus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam eget laoreet purus. Sed tincidunt, magna id porta porttitor, libero leo lacinia quam, et interdum sapien magna eget tellus. Duis eu magna sollicitudin, consequat leo sit amet, dapibus eros.

Number lists

  1. First
  2. Second
  3. Third
  4. Fourth

Combined Elements

Main Navigation

Product/Service Listing

Coffee Brewing Starter Kit

$159.99

Bring the taste of Take Home anywhere with our starter kit. The kit includes a bag of Take Home coffee beans, an espresso manual grinder, a portafilter, and a mug with Take Home's logo. Perfect for any coffee enthusiast.

Buy Now
Coffee tools

Citations