UX GUIDE

MEG DURHAM

LOGOS

Logo

FAVICON

favicon

Colour Palette

DARK BLUE

HEX: #1f3b58

RGB: 31,59,88

CMYK:  22%,11%, 0%,65%

white bg (1)

WHITE

HEX: #ffffff

RGB: 255,255,255

CMYK:  0%,0%,0%,0%

gold-texture

GOLD

HEX: N/A

RGB: N/A

CMYK: N/A

GREEN

HEX: #59a193

RGB: 89, 161, 147

CMYK: 28%,0%,5%,37%

PINK

HEX: #f1d5d8

RGB: 241, 213, 216

CMYK: 0%,11%,10%,5%

YELLOW

HEX: #e2b13d

RGB: 226, 177, 61

CMYK:  0%,19%,65%,11%

LIGHT BLUE

HEX: #c6dae0

RGB: 198, 218, 224

CMYK: 10%,2%,0%,12%

TYPOGRAPHY

HEADING 1
Font Family: URW Geometric
Font Weight: Heavy
Font Size: 34PX
Line Height: lem
Font Colour: #1f3b58
Text Case: Uppercase
Letter Spacing: 3Px

H1 urw geometric
the quick brown fox jumps over the lazy dog
1234567890

HEADING 2
Font Family: URW Geometric
Font Weight: Bold
Font Size: 29PX
Line Height: 1em
Font Colour: #5a9e91
Text Case: Uppercase
Letter Spacing: 3PX

H2 urw geometric
the quick brown fox jumps over the lazy dog
1234567890

HEADING 3

Class: Script

Class: Gold
Font Family: Firefly Script
Font Weight: Regular
Font Size: 93PX
Line Height: 1em
Font Colour: #n/a
Text Case: Normal Case
Letter Spacing: 1PX

H3 Firefly Script
the quick brown fox jumps over the lazy dog
1234567890

HEADING 4
Font Family: URW Geometric
Font Weight: Bold
Font Size: 21PX
Line Height: 1em
Font Colour: #213a58
Text Case: Uppercase
Letter Spacing: 3PX

H4 urw geometric
the quick brown fox jumps over the lazy dog
1234567890

HEADING 5
Font Family: URW Geometric
Font Weight: Bold
Font Size: 21PX
Line Height: 1em
Font Colour: #E2B13D
Text Case: Uppercase
Letter Spacing: 3PX

H5 urw geometric
the quick brown fox jumps over the lazy dog
1234567890

BODY FONT
Font Family: URW Geometric
Font Weight: Light
Font Size: 20PX
Line Height: 1em
Font Colour: #1f3b58
Text Case: Normal Case
Letter Spacing: Norma

Body URW Geometric Light
The quick brown fox jumps over the lazy dog
1234567890

FORMS AND BUTTONS

Contact

ACCORDION CONTENT

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.

openmindeducation IMG

TABBED CONTENT

01 Lorem ipsum

01 Lorem ipsum

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 commo.

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.

02 Lorem ipsum

02 Lorem ipsum

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 commo.

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.

03 Lorem ipsum

03 Lorem ipsum

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 commo.

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.

04 Lorem ipsum

04 Lorem ipsum

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 commo.

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.

FOOTER