Inprint Magazine Graphic Standard by Timothea Wang

GRAPHIC STANDARD 2017

Preface These are InPrint Magazineâ&#x20AC;&#x2122;s brand guidelines. All official online and print material (including but not limited to flyers, brochures, newsletters, and social media posts) should follow the guidelines presented in this graphic standard. All branded items, promotional ones especially, must be sent to the co-directors for approval.

Table of Contents

Mission Statement

Brand Personality

Logo

Color

Typography

Graphic Styles

Photography

Promotional Material

Merchandise

Templates

Editorial Voice

Contact Information

Mission Statement InPrint Magazine is a student-run publication that discusses issues in Design education, the industry, and the world through the lens of the design community at UC Davis. In each annual issue, we showcase the work, perspectives, and advice of students, alumni, and faculty across all disciplines. As a club, InPrint also provides a collaborative space for students to grow as interdisciplinary designers by engaging in graphic and web design, photography, writing, and social media. We challenge our fellow students to think more critically about their work and role as emerging designers in the 21st century.

1. friendly 2. professional 3. innovative 4. genuine Brand Personality To support our values of encouraging students to grow, our own work also needs to constantly iterate and improve. These four principles are central to InPrintâ&#x20AC;&#x2122;s image as a student organization that strives to produce professional work. As a creative team, it is necessary to be innovative and genuine with one another as well as with our work. All of InPrintâ&#x20AC;&#x2122;s work should tie back to these principles. 5

Logo

Black and white version

Our logo is the most immediate representation of our organization. Based off of the modern typeface, Futura, it is stylized with cut angles and a teal dot to look sharp and clean. The logo presents our image to be modern and minimalist, with an emphasis on typography and alignment. It should never be used at a size less than 1-inch.

Where does the logo have to appear? â&#x20AC;˘ on all social media images used for publicizing (except for instagram and photos of meetings) â&#x20AC;˘ on all presentations as the title slide â&#x20AC;˘ Flyers and all printed material

0.5 in.

Full color version The logo should always have a border of at least 0.5 inches around it when applied to various materials. For color specifications, refer to page 10.

Acceptable Logo Colors and Backgrounds These are all the color options that may be used for the logo depending on the background it is on. It is good practice to use it in its original colors whenever possible, but with different color backgrounds, use a white fill instead.

Specifically, what colors can the logo be aside from the full color version? • White: if placed on colored backgrounds, such as the light teal, any of our secondary colors, or any color/photo • White with teal dot • Grayscale: only if the deliverable cannot be printed in color; the logo should never be used in all black when designing • Any of our secondary colors: use this sparingly; only if the original colors and white don’t match with the design • Logo color can also follow the color scheme of each year’s annual issue

Logo Usage Examples

STUDENT COVER DESIGN SUBMISSIONS Deadline: February 17, 2017 at 12PM! Submit your work to our email inprintatdavis@gmail.com Want your designs on the FRONT COVER of InPrint’s first issue? Here is your chance: create an 8.5’’x11’’ design representing our theme: First Impressions. Refer to InPrint’s page for color schemes. Guidelines:

Also include:

In the subject line, please use this naming convention: [First Name Last Name] Student Cover Design Submissions

Your year in school

File requirements: .TIFF or .PSD, 600 dpi (if not possible then 300 dpi) Size: 8.5’’x11’’

flyer

Issue 01: First Impressions cover First Impressions First Impressions

First Impressions First Impressions

THANK YOU! First Impressions First Impressions

facebook banner

First Impressions First Impressions

WHAT IS IS WHAT First Impressions First Impressions DESIGN? DESIGN? 01

first impressions first impressions

WHAT IS IS WHAT DESIGN? DESIGN?

REWORK REWORK REDO REDO REITERATE REITERATE

first impressions first impressions

First Impressions First Impressions

REWORK REWORK REDO REDO REITERATE REITERATE

inprintatdavis@gmail.com 2017

first impressions first impressions

thank-you card after Issue 01: First Impressions

sticker designs

8 WHAT IS IS WHAT

REWORK REWORK REDOREDO

Unacceptable Logo Usage The logo should not be used in the ways shown.

cannot be rearranged

cannot be represented as an illustration

cannot be rotated

cannot be used at lower opacity unless as a watermark

cannot be stretched

colors cannot be switched

incorrect colors that donâ&#x20AC;&#x2122;t follow specifications

Primary Colors CMYK: 51 - 0 - 31 - 0 RGB: 123 - 203 -189

represents Graphic Design team

HEX: #7bcbbd

CMYK: 85 - 50 - 68 - 49

Color

RGB: 26 - 68 - 60

InPrint has a primary and secondary color palette that can be used together to create various marketing material. These are solely used for InPrint’s brand, not for the printed magazine.

CMYK: 0 - 0 - 0 - 15

The colors also represent different teams within the organization (listed next to the color).

Acceptable opacities for teal and secondary colors (also shown under each color) • 90% • 75% • 50% • 25% *The dark teal and gray should not be used at different opacities.

represents Web Designer

HEX: #71a443c

RGB: 220 - 221 - 222 HEX: #dcddde

Secondary Colors CMYK: 0 - 76 - 41 - 0 RGB: 241 - 99 - 116

represents Public Relations team

HEX: #f16374

CMYK: 8 - 20 - 0 - 0 RGB: 229 - 205 - 227

represents Photography team

HEX: #e5cde3

for powerpoints, use the dark blue color (below) for text placed on top of this color

CMYK: 100 - 100 - 11 - 1 RGB: 48 - 48 - 132

represents Writing team

HEX: #303084

for powerpoints, use the lavender color (above) for text placed on top of this color

Color Pairings (usage examples)

dark blue, teal

Below are a few spreads from our 2018 Sponsorship Package that demonstrate different ways the colors can be used together. As seen from these samples, it is encouraged to not use more than 2 colors (and perhaps a little bit of a third color) at once. However, it is always acceptable to use white with 2-3 colors.

pink, teal, dark teal

pink, dark blue

dark blue, teal

lavender, dark blue

Unnacceptable Color Usage Our colors should not be used in the following ways:

cannot use colors outside of InPrintâ&#x20AC;&#x2122;s or corresponding issueâ&#x20AC;&#x2122;s color palette

cannot layer different opacities of colors to create new color

donâ&#x20AC;&#x2122;t use these colors on top of each other

cannot use more than 3 colors at once

cannot use clashing or similar-value colors for type and background (ex: pink text on top of teal)

cannot place colored logo on colored background

62%

39%

cannot use opacities that are not designated

Typography InPrint uses two typefaces, with unique designated purposes, as listed below. These are the only typefaces used for all of InPrint’s work as an organization (i.e., newsletters, cards, flyers, posters, documents, etc.) except for the annual magazine.

Headlines

Body Copy

Futura Std (Book, Medium, Heavy)

Source Sans Pro (Regular, Light)

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

!@#$%^&*()_[]{}\<>?;:”~+=

Suitable for: • logo • headers, event banners • body copy for non text-intensive items

Suitable for: • presentations • documents (constitution, timelines, minutes, and notes • body copy for text-intensive items

Graphic Styles Thin Line InPrintâ&#x20AC;&#x2122;s brand overall should always promote a minimalistic, modern style in order to highlight the content presented. However, minimal does not equate to boring. Below are a couple of graphic styles InPrint consistently uses in itâ&#x20AC;&#x2122;s work.

Thin, short lines of 1pt thickness may be used to emphasize headlines and separate titles from body copy (can be seen used all throughout this graphic standard).

Headline

Angles / Triangles Angles are incorporated throughout all of InPrintâ&#x20AC;&#x2122;s promotional material, either as two triangles on opposite corners of the flyer or as a folded page tab graphic on the lower right corner.

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.

These also reflect the angles in the logo.

THANK YOU!

angles on top left and bottom right corners of the design

folded page tab graphic - commonly seen on our printed materials to add a fun touch; just be sure to cut off the corner to add to the effect

Graphic Styles (continued)

Icons Simple icons can be used to add a youthful, casual touch to our material to catch the viewerâ&#x20AC;&#x2122;s attention more effectively. Several icons are shown here, but many more can be created as long as the style remains consistent. Icons should be simple and use uniform lines of the same width. There are no limitations on how many icons can be used together in one design, however, generally speaking, no more than a few different ones should be used at a time to avoid a cluttered composition.

Photography Social media All photography on social media (such as our instagram, fb or website) and anything used to promote InPrint needs to focus on showing human interactions and the work we produce. This will help us establish an active, friendly image, while also showing what we do. Photos should be edited to be bright, with no high contrast, and a focus on cool tones (reduced temperature). Use filters minimally. Images can be made into black and white if used in marketing materials designed with lots of color to avoid the clashing of hues in the photo with InPrintâ&#x20AC;&#x2122;s palette.

Magazine/Printed Material Photographic styles for the magazine are required to be of much higher qualityâ&#x20AC;&#x201D; 600dpi, specifically, in order to print well. While the specific approach depends on the direction of each issue, it will take a more artistic stance as opposed to the candid tone of the social media photos.

Promotional Materials

FIRST

InPrint produces promotional materials such as flyers, newsletters, cards, and posters. When designing these items, all of the organization’s colors can and should be utilized equally so that our audience becomes familiar with our image. *Refer back to pages 10-12 for details on color and acceptable usage. However, if promoting a specific team activity (i.e. workshop, social, announcement, etc.), use that team’s assigned color to design the deliverable.

GENERAL MEETING ISSUE 01 FIRST IMPRESSIONS

ISSUE 01 FIRST IMP

THURSDAY | OCT. 12, 2017 7PM – 8PM | CRUESS 210

Create Issue 02 of InPrint with us!

Create Iss

All design emphases welcome!

All design

REFRESHMENTS PROVIDED.

REFRESH

FIRST

Design Specifications

THANK YOU!

GENERAL MEETING

No specific sizes are set, but flyers1 should be 4”x6” or 8.5”x11”. For other materials, make ISSUEare 01 properly fitted for the platform sure they FIRST IMPRESSIONS | OCT. 12, 2017 they will be distributedTHURSDAY on.

ISSUE 01 FIRST IMP

7PM – 8PM | CRUESS 210

For items such as cards2 that are meant to be more personal, we make an effort to Create Issue 02 of InPrint with us! incorporate some handwritten elements in All design emphases welcome! one way or form to show that we care. The REFRESHMENTS PROVIDED. message can either be handwritten or if there is too much content, it can be typed up and then signed by hand. InPrint’s logo should appear on all materials.

Create Iss

All design

REFRESH

sticker designs

First Impressions

First Impressions First Impressions First Impressions

01 01

Merchandise

WHAT IS DESIGN?

InPrint also has an assortment of merchandise that can first impressions be sold to members as well as to the general public. These include, but are not limited to, t-shirts and stickers.

Design Specifications

01 01

REWORK REDO WHAT IS IS WHAT REITERATE

DESIGN? DESIGN? first impressions first impressions first impressions

WHAT IS IS WHAT DESIGN? First Impressions DESIGN? First Impressions first impressions first impressions

REWORK REWORK WHAT IS REDO REDO REITERATE REITERATE DESIGN? first impressions first impressions first impressions

REWORK REWORK REDOREDO REITERATE REITERATE first impressions first impressions

2016-17 t-shirt designs

Size will depend on the type of item you choose. Any of InPrint’s colors can be used, including colors from the magazine of that year—it is not allowed to use the colors from previous issues.

Templates Presentations, newsletters, and documents are produced on a weekly basis by InPrint board members and co-directors, so each deliverable has a template for consistency and speed.

1. Presentations 2. Newsletter 3. Documents 19

50pt, bold and regular: concise full-slide announcement

Templates: Presentations Typography Specifications

36pt, bold: headers

Only Source Sans Pro is used for our powerpoints, and only specific sizes are allowed.

Colors

30pt, bold: important information for announcements

All of InPrintâ&#x20AC;&#x2122;s primary and secondary colors are used. Each teamâ&#x20AC;&#x2122;s announcement should be shown using their designated color. Body copy, however, will be dark grey (#595959).

24pt, bold: subheaders 21pt, light: body copy

Templates: Presentations

These presentations kick off our general meetings every week. The content primarily only consists of two items: announcements and team updates. This is the opening slide of each presentation. The only part that changes every week is the â&#x20AC;&#x153;_______â&#x20AC;? part, which should be filled with the number of the general meeting (i.e., first, second, third, fourth, etc.).

This and the slide below also might not be needed everytime, but they are samples of what specific team announcements may look like.

This slide may not be there every time, but it is included here as a sample for what a general club announcement should look like (notice it uses teal because it addresses the entire club).

This specific slide is currently set up to advertise a photography workshop.

Sample writing team announcement. 21

This slide leads into the team updates for the week.

Slides 06-09 are all team updates that go through what the team did last week and what they will do during this meeting.

This is typically the concluding slide of the ppt, prompting everyone to break up into their teams and continuing with their work. 22

Templates: Email Newsletter InPrint sends out an email newsletter a few days before the general meeting every week. In order to grab people’s attention in a short amount of time, it is more effective to use photos to advertise different information. Images can also be linked.

Content (in order) • • • • • • •

InPrint logo banner banner image advertising our general meeting important announcements information about what we did last meeting what we plan to do this meeting any other relevant news/updates links to our social media accounts

Naming Convention Title (mm.dd.yy) — ex: Year Plan (08.02.17) — *titles for meeting minutes are only the date: mm.dd.yy Templates: Documents These are the specifications for all InPrint documents created in Google Drive. However, meeting minutes can simply be created in different folders (e.g. co-directors, team, Gale, etc) and the document title can be the date (in the mm.dd.yy format). This will keep the files in chronological order.

Typeface Source Sans Pro (Bold, Regular) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()_[]{}\<>?;:”~+=

Editorial Voice To match with InPrintâ&#x20AC;&#x2122;s image and values, our editorial voice should always strive to be conversational without being overly casual. Our writing style should stay true to standard journalism principles. All of our written material, both in print and online, should utilize engaging prose and arresting description to engage our audiences. It is key to remember that the purpose of writing is to inform and to communicate. Every word should be used with that in mind. As always, be sure to proofread and watch out for repetition, typos, and grammatical errors.

engaging prose, arresting description.

Contact Information inprintatdavis@gmail.com www.inprintatdavis.com