

OUR BRANDING STORY
About
MARYRUTH'S UX/UG GUIDELINES WERE CREATED TO BE A DESIGN AND DEVELOPMENT TOOL IN ORDER TO BRING COHESION TO OUR BRANDED DIGITAL EXPERIENCE. THIS IS AN OVERVIEW OF WHAT IS INCLUDED IN THE UX/UI GUIDELINES I CREATED FOR MARYRUTH'S. IT WAS INTRODUCED ALONG WITH A REVAMPED DESIGN AND DEVELOPMENT PROCESS, WHICH ALLOWED US TO STREAMLINE OUR PROCESSES AND DELIVER FINISHED PROJECTS FASTER THAN WE EVER HAD PREVIOUSLY.
Color Palette
#fdc2b9
#e4214c
#b0003d
#f0fbff
#acd1e7
Logo




Graphic Elements






















We use these custom illustrations, dynamic animations, playful graphics, and captivating videos to solidify the brand identity throughout the website, email marketing campaigns, on the app, and in paid ads. It strengthens the way the user views and interacts with the brand and helps to create immersive and engaging digital experiences.
Typography
Aa
Font: Montserrat / Header & Short format Running Text
A B C D E F G H I J K L M
1 2 3 4 5 6 7 8 9
N O P Q R S T U V X Y Z W
Aa
Font: Hurricane / Accent Header
A B C D E F G H I J K L M
N O P Q R S T U V X Y Z W
1 2 3 4 5 6 7 8 9
Aa
Font: Mulish / Long format running text
A B C D E F G H I J K L M
N O P Q R S T U V X Y Z W
1 2 3 4 5 6 7 8 9
Art Direction

Product Photography
Product Renders

Set Design











