Style Guide

For now this is our worksheet and jumping off point, but this page will function as a reference in the future. Nothing is permanent, but everything was chosen with a purpose. A consistent font and color palette helps establish the look and feel of the website. Here all of the site elements get to know each other and we see what they look like together.

I used your logo, some art gallery websites like MOMA and MIA, the Cafe itself, and anything French for inspiration.

Events Page Example of Button Another example button

[tribe_events]

General Best Practices:

Colors:

These colors are very French to me! The site overall will be simple, but some color will be fun to play with here and there.

I use this tool to make sure colors go together

Primary

Secondary

Tertiary

Neutral

Blue

LightBlue

Yellow

Green

LightGreen

Gray

Red

Gold

Black

White

Success

Error

Fonts:

Having a seperate header and body font is pretty - and helps us organize content. Heading sizes are important for information architecture and for screen readers. You can learn more about accessibility concerns and headings here: Heading Guidelines Here are also some resources I use to pick fonts if the ones I chose aren't feeling right. https://design.google/library/choosing-web-fonts-beginners-guide
https://fonts.google.com/
https://fontpair.co/

Primary (body) Font

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Cafe Marg Style Guide