Inspiration by VASA Works
Get started

Mash Brand Guidelines 2023

A 62-page brand guidelines deck for Mash that alternates warm-cream and near-black navy pages, sets oversized bold sans statements with a single magenta highlight, and threads tiny monospace utility labels and a magenta tab-bar nav throughout.

62 slides · Guideline

View deck overview
Mash brand guidelines cover, editorial, minimal, light
Mash brand guidelines cover
Better ways to monetize hero, editorial, light-mode, light
Better ways to monetize hero
Table of contents, editorial, minimal, dark
Table of contents
About Us section divider, editorial, minimal, dark
About Us section divider
Purpose statement, editorial, minimal, light
Purpose statement
Mission statement, editorial, minimal, light
Mission statement
Three brand pillars, editorial, minimal, dark
Three brand pillars
Brand attributes grid, editorial, minimal, light
Brand attributes grid
Messaging tone, confidence and aspiration, editorial, minimal, light
Messaging tone, confidence and aspiration
Messaging samples, three columns, editorial, minimal, light
Messaging samples, three columns
Logo Family section divider, editorial, minimal, dark
Logo Family section divider
Visual brand concept and positioning, editorial, minimal, light
Visual brand concept and positioning
Graphic mark construction, editorial, minimal, dark
Graphic mark construction
Graphic mark on light and dark, editorial, minimal, high-contrast
Graphic mark on light and dark
Graphic mark clearspace, editorial, minimal, light
Graphic mark clearspace
Animated graphic mark placeholder, editorial, minimal, dark
Animated graphic mark placeholder
Full logomark on light, editorial, minimal, light
Full logomark on light
Full logomark on dark, editorial, minimal, dark
Full logomark on dark
Mash logomark abbreviation construction, dark-mode, technical, dark
Mash logomark abbreviation construction
Mash logomark clearspace, light-mode, minimal, light
Mash logomark clearspace
Mash logo minimum scale, light and dark, minimal, swiss, high-contrast
Mash logo minimum scale, light and dark
Mash mark family color and lockup grid, swiss, minimal, high-contrast
Mash mark family color and lockup grid
Mash logo do's and don'ts, light-mode, swiss, light
Mash logo do's and don'ts
Mash Color Palette section divider, dark-mode, minimal, dark
Mash Color Palette section divider
Mash primary color palette swatches, swiss, minimal, vibrant
Mash primary color palette swatches
Mash acceptable color combinations, light-mode, swiss, light
Mash acceptable color combinations
Mash logo on color backgrounds matrix, light-mode, swiss, light
Mash logo on color backgrounds matrix
Mash digital vs printed color intro, dark-mode, swiss, dark
Mash digital vs printed color intro
Mash Typography section divider, dark-mode, minimal, dark
Mash Typography section divider
Mash Rules primary typeface title page, light-mode, swiss, light
Mash Rules primary typeface title page
Mash Rules typeface character and rationale, light-mode, swiss, light
Mash Rules typeface character and rationale
Mash Rules type scale specimen, light-mode, swiss, light
Mash Rules type scale specimen
Mash Rules weights and italics specimen, light-mode, swiss, light
Mash Rules weights and italics specimen
Mash GT Flexa Mono secondary typeface title, light-mode, swiss, light
Mash GT Flexa Mono secondary typeface title
Mash GT Flexa rationale and character set, light-mode, swiss, light
Mash GT Flexa rationale and character set
Mash GT Flexa type scale specimen, light-mode, swiss, light
Mash GT Flexa type scale specimen
Full type hierarchy spec with sample layout, dark-mode, minimal, dark
Full type hierarchy spec with sample layout
Proportions and spacing principle, dark-mode, minimal, dark
Proportions and spacing principle
Oversized headline type sample with magenta accent, dark-mode, editorial, dark
Oversized headline type sample with magenta accent
Magenta audience list type sample, light-mode, editorial, light
Magenta audience list type sample
Two-by-two feature headings type sample, dark-mode, minimal, dark
Two-by-two feature headings type sample
Testimonial type sample with magenta quote mark, dark-mode, editorial, dark
Testimonial type sample with magenta quote mark
Imagery and Art Direction section divider, dark-mode, editorial, dark
Imagery and Art Direction section divider
Illustration style direction with Midjourney prompts, dark-mode, editorial, dark
Illustration style direction with Midjourney prompts
Image bank grid of pre-made illustrations, dark-mode, illustrated, dark
Image bank grid of pre-made illustrations
UI elements bank with product snippets, light-mode, minimal, light
UI elements bank with product snippets
UI elements bank with leaderboard and boosts, light-mode, minimal, light
UI elements bank with leaderboard and boosts
UI building blocks spec in four columns, light-mode, minimal, light
UI building blocks spec in four columns
Brand Experience section divider, dark-mode, editorial, dark
Brand Experience section divider
Presentation slide print rules anatomy, dark-mode, light-mode, dark
Presentation slide print rules anatomy
Document header print rules with clearspace grid, dark-mode, light-mode, dark
Document header print rules with clearspace grid
Letter document print rules, two layouts, dark-mode, light-mode, dark
Letter document print rules, two layouts
Vertical brand flyers, regular density, editorial, illustrated, muted
Vertical brand flyers, regular density
High-volume flyers, oversized type and illustration, editorial, illustrated, muted
High-volume flyers, oversized type and illustration
Mash system snippets, donation card and team welcome, dark-mode, editorial, dark
Mash system snippets, donation card and team welcome
Mash deck slide templates, four presentation layouts, dark-mode, editorial, dark
Mash deck slide templates, four presentation layouts
Mash Instagram story templates, three-up, dark-mode, minimal, dark
Mash Instagram story templates, three-up
Mash website homepage mockup, dark-mode, editorial, dark
Mash website homepage mockup
Mash mobile and responsive screens, dark-mode, minimal, dark
Mash mobile and responsive screens
Mash brand expression, three magenta-field cards, dark-mode, maximalist, vibrant
Mash brand expression, three magenta-field cards
Mash out-of-home billboard mockups, photographic, minimal, vibrant
Mash out-of-home billboard mockups
Mash thank-you closing slide, dark-mode, minimal, dark
Mash thank-you closing slide