ShutterParents
  • 📙ShutterParents
  • Brand Overview
    • Mission
    • Vision
    • Archetype
    • Value Proposition
    • Tone of Voice
  • 📙Logo
    • Logo concept
    • Primary Logo
    • Secondary Logo
    • Logomark
    • Clear Space
    • Scaling
    • Backgrounds
    • Misuse
  • 📙Color
    • Colors
    • Tints & Shades
    • Color Combinations
    • Misuse
  • 📙Typography
    • Primary Typeface
    • Secondary Typeface
    • Headline Styles
    • Hierarchy
    • Miuses
  • 📙Photography
    • Photo Direction
    • People & Photo
  • 📙Brand Assets
    • Iconography
    • Patterns
  • 📙Brand Channels
    • Website
    • Social Media
    • Google Ads
    • Email Newsletter
    • Printed Materials
    • Merchandise
  • 📙Design Applications
    • Logo Application
    • Partnership
    • Placement
    • Color Usage
    • Accessibility
    • Layout
    • Margins
    • Columns
    • Hang lines
    • Content Layout
    • Process Summary
Powered by GitBook
On this page
  • Assets
  • Establish layout format
  • Add photo
  • Add logo and copy
  • Add background color
  1. Design Applications

Process Summary

The following steps are guidance to help create new communications.

PreviousContent Layout

Last updated 1 year ago

Assets

Gather your content together before designing and creating layout. Example of contents are:

  • Headline content

  • Photo

  • Logomark

  • Body content

Establish layout format

Decide whether you are designing for vertical, square or horizontal, depending on the digital screen your will be publishing. For this exercise, we use vertical.

  • Margins

  • Columns

  • Hang lines

Add photo

Place photo inside margin, column and hang line.

Add logo and copy

Add background color

Add color and body content

📙
7 column vertical layout with 5% margin, 2.5% gutter and 6 hang-lines
Photo placed inside 7 column vertical layout with 5% margin, 2.5% gutter and 6 hang-lines
Content placed inside 7 column vertical layout with 5% margin, 2.5% gutter and 6 hang-lines