Typography

Font

Agrandir

HEadings, labels, buttons

Headings - H1 to H6

Just Photoshop out the dog, add a baby, and make the curtains blue i love it

Jumbo H1 / AGRANDIR GRAND MEDIUM / 80px / 121% LINE HEIGHT

Just Photoshop out the dog, add a baby, and make the curtains blue i love it

H1 / Agrandir Wide light / 60px / 141%

Just Photoshop out the dog, add a baby, and make the curtains blue i love it

H2 / agrandir grand medium / 32px / 133%

Just Photoshop out the dog, add a baby, and make the curtains blue i love it

H3 / Agrandir wide light 50px / 140%

Just Photoshop out the dog, add a baby, and make the curtains blue i love it

H4 / agrandir wide light / 24px / 160%
Just Photoshop out the dog, add a baby, and make the curtains blue i love it
H5 / 20px / 1.3 EM
Just Photoshop out the dog, add a baby, and make the curtains blue i love it
H6 / 16px / 1.3 EM

Paragraphs - Small, Normal & Big

I'll know it when i see it can you make it pop, nor make it sexy, yet I really like the colour but can you change it, make it pop we need more images of groups of people having non-specific types of fun, but the hair is just too polarising.

Small Paragraph/ 14px / 1.8 EM

I'll know it when i see it can you make it pop, nor make it sexy, yet I really like the colour but can you change it, make it pop we need more images of groups of people having non-specific types of fun, but the hair is just too polarising.

Global Paragraph/ 18px / 1.8 EM

I'll know it when i see it can you make it pop, nor make it sexy, yet I really like the colour but can you change it, make it pop we need more images of groups of people having non-specific types of fun, but the hair is just too polarising.

Big Paragraph/ 20px / 1.8 EM

Colors

Global colors used throughout the website

Green / #dde4c4
Blue / #c0e0e0
Peach / #ffdecd
Orange (used in Gradients)/ #ff9900
tomato / #ff6d59
White / #ffffff
seashell/ #f6efea
gainsboro / #dfdfdf
Grey / #afafaf
smoke / #f5f5f5
ivory / #fcffef
Black / #0a1f04

Images should try to keep a lo-fi, vintage feel. Plants, animals, fungi, natural elements. You can round the edges of images ~100px.

full width images

use white text. you can overlay gradients (radial or linear) of blue/orange fading to transparent.

Social Media

You can continue to experiment with layout and colors but try to keep the fonts consistent and maintain the image/color style as much as possible. Make sure to leave a good amount of padding between different element of a post. Design in 1080px x 1080px posts, or 1080 x 1920 for stories. Use logo icon rather than full logo in posts. Use multiples of 8px for font sizing, (64px, 48px, 24px, etc.)

Use wide bold agrandir text for post headings (80px/140%)

For longer text use Agrandir Grand Medium. Try to leave some padding between the edges of the text box and other content, at least 64px if using a 1080x1080 post. Use multiples of 8px for font sizing, (64px, 48px, 24px, etc.) This text is 32px, 160% height.

For even longer paragraph text use Agrandir Regular or Agrandir Wide Light.

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.

"The systems we have now are not the systems we envisioned."