top of page
goodvibes_edited.jpg
image0 (2)_edited.jpg

Maven Branding

Guidelines to design your site. ​

Typography

Heading 1

Use sparingly to call attention to special areas. 

- Snell Roundhand

- Bold Italic

- 95px desktop, 46px mobile

- Character spacing: 0

- Line spacing: 1.3

Header 3

Use for each page's main headline

- Lulo Clean

- Italic

- 20px desktop, 18px mobile

- Character spacing: 0

- Line spacing: 1.3

Paragraph text 2

Use for large blocks of text

- Future Light

- 22px for intro paragraphs, 16 for all else

- Character spacing: 0

- Line spacing: 1.3

Header 2

Use for each page's main headline

- Bodoni italics

- Italic

- 60px desktop, 28px mobile

- Character spacing: 0

- Line spacing: 1.3

Paragraph text 1

Use for large blocks of text

- Future Light

- 22px for intro paragraphs, 16 for all else

- Character spacing: 0

- Line spacing: 1.3

Button Text

Futura 16px

Futura light is too hard to read

Try to keep any buttons to no more than 5 words

Futura (Regular) 16px

Color

#C2AB8A

#F7F0D9

Colored background + Text color combo

#E6E6E6

#000000

Colored background + Text color combo

#C2AB8A

#FFF6E8

Colored background + Text color combo

Adding a new professional

beauty professionals.jpg

Navigate to the Content Manager on the left--hand menu. The list is called "Beauty & Wellness Professionals". 

add item.jpg

Once you've opened up the data, there's two places you can add new item - top right and bottom left. When adding Services, be sure to use the list provided (instead of typing it out) to ensure no spelling errors that would cause the service to not show up when clicked in the 'Search by service' drop-down. 

sync.jpg

Once you've made your edits, sync to the live site. This will automatically at them to the 'repeaters' on the Find a Professional/Services page, as well as generating a new 'item' page for that person. 

connect data.jpg

All the sections in the 'Beauty Prof Item Page' are connected to data in the list. If you ever need to edit what is connected, click and sqiuggly line as shown in this image, and use the drop-downs to find the dataset and which column in the dataset to connect to. 

1. If you click on the services drop-down, you'll see that it's synced with the content manager and tags will automatically be added. 

​

2. Go to the content manager. Double click into the Services section you want to edit. Just start typing the new tag you need and hit 'enter' to add it. Everything will sync from there. 

​

3. You do need to make sure to sync for 'live'. 

​

4. Double check the drop-down to see that it's there, you may need to hit 'publish'. 

services 1.jpg
services 3.jpg

Adding service tags

bottom of page