Newstyleguide 2013 forms_updated

SCAD FORMSSTYLEGUIDE

MARGINS + DOCUMENT SET-UP

Margins and guides

Margins .4375 in. on all sides

Header guides Place where indicated

Top and bottom lines Always use a line under the header, at the bottom of the form, top of the form (on the back) and bottom of the form (on the back)

.25 pt

Setting up your styles

1 Load all your styles by open the Table Styles palette and click the flyout menu.

2 From the flyout menu, choose “Load Table Styles...”

3 Navigate to this file, which you should have saved to

your own computer. Click ‘Open’.

4 In the Load Styles dialog box, click “Check All” to load all table, cell, paragraph and character styles into your new document. Click ‘ok’.

Your three markers:Form title baseline must always be here..25 pt line beneath title must always be here.Form content must always start here.

MarginsAlways .4375 in. on all sides

Bottom line (if used)A .25 pt bottom line must always be used unless it is a part of another table or fillable content line. Always place in this position.

TOP OF FORM

BOTTOM OF FORM

THE BASIC FORM

Elements

SCAD logoAlways left-aligned, without registration marks and at the exact size given in this table.

Table rules100% black

.25 pt thickness

Only on top and bottom (unless working with grid/tables

Height = .417 in.

Space above and below text in line = .09 in.

Check boxesAlways used as anchored objects in text and at the exact size given. Use when multiple items can be selected.

Radio buttonsAlways used as anchored objects in text and at the ex-act size given. Use when only one item can be selected.

Type

Form titleGotham Book, Sentence case, 16/20 pt Employee Meal Plan

Department titleGotham Book, All caps, 10 pt, 130 Letter-spacing (al-ways above the header)

SCAD SAVANNAH

Header 1Gotham Medium, All caps, 8/11 pt

TERMS AND CONDITIONS

Header 2Gotham Medium, Sentence case, 8/11 pt

Eligibility requirements

Body copyGotham Narrow Book, 8/11 pt, justified

All administrative offices will be open 8:30 a.m. to 5:30 p.m. Monday–Friday during spring break. Limited staff will be available Friday, March 15 to Thursday, March 21.

Oversize body copyGotham Narrow Book, 6.5/9 pt, justified

The foregoing constitutes the entire agreement between the parties and supersedes any and all prior and contemporaneous agreements, whether oral or written, and may be modified only by a writing signed by both parties.

Official only areasLine height = .2 in

Outside table border = 1 pt

Always full width of page, unless within content

Job numbersGotham, Book, 5 pt, bottom right

58546.02.13

Two column textExcept in the cases of small format forms, whenever text is over 4 lines in height, please use 2 columns, with a .25 in gutter.

Job number spacingThe job number is always in this exact position. Please copy and paste in place from one of the sample forms.

Column gutterAlways at .25 pt unless the con-tent needs it to be smaller

FORMS IN DETAIL

Type and spacing

Header 1 Gotham Medium, all caps 8 pt, 18 pt leading if new section PAY TO THE ORDER OF

Header 2 Gotham Narrow Medium, sentence case 8 pt, 15 pt leading if new section Accounting Use Only

Body copy Gotham Narrow book8 pt, 11 pt leading Notes/additional information

Between body copy sections

15 or 18 pt leading (depending on amount of content)

Bullets 13 or 15 pt leading (depending on amount of content), justified

Columns .25 in. gutter, 2 -3 columns (column count depends on content)

Oversize form body copy Gotham Narrow Book6.5 pt, 9 pt leading, justified

The foregoing constitutes the entire agreement between the parties and supersedes any and all prior and contemporaneous agreements.

Footnotes Gotham Narrow Book Italic,6 pt, 13 pt leading (separate it from content a bit)

1 A usufruct is a right to enjoy something that belongs to someone else.

Date slashes Copy and paste all date slashes to maintain consistent spacing between them.     /    /

“Return to...” Gotham Narrow Medium (for main word/phrase), Book (for rest of line), 6 pt.

SCAD Purchasing Office l Harris Hall l 26 W. Harris

Official Use Only areas Gotham Narrow Medium (for title), Book (for content within table)7 pt, 10 pt leading

Official Use Only

Initials

Dealing with introductory textWhen you have introductory text on a form (body text that comes before all other content), make sure that the space be-tween the start of the content and the top line is equal to the space below the intro content and the line beneath it.

Between copy sections8 pt font, 18 pt leading

Between Header 1 and Header 28 pt font, 15 pt leading

First bullet8 pt font, 13 pt leading

All other bullets8 pt font, 15 pt leading (if neces-sary)... can also use 13 pt leading between bullets

AlignmentAlways align text to the first line

Spacing before and afterMake sure that these spaces are visually the same

Vertical linesUse vertical lines or “Grid table style” for any table specific items.

FORMS IN DETAIL

Tables

Standard fillable content .09 in. above and below texttext 1

text 2

text 3

Official Use Only .2 in row height, 7 pt fontOfficial Use Only

Initials

Check boxes Use this check box for a list that can have multiple selected items. Do not scale.

Radio buttons Use this radio button for a list that can only have one selected item. Do not scale.

Official Use Only radio button

Use this radio button for a list that can only have one selected item in a For Offi-cial Use Only table. Do not scale.

Signature lines Use the table style “Signatures” + the cell style “ signature lines” to create signatures. text 1

This is a signature line

Tiger-striping Use either ‘Tiger stripe grid’ or ‘tiger stripe table’ table styles + “tiger stripe grid cell styles” (cell style) to create a table (mostly used for lots of numeric content)

Using a grid/table Use the “grid table style” (table style) + “grid cell styles” (cell style) to create a grid table.

Multi-line fillable areas (print)

Use the standard rules on your form to create multi-line areas

*Note: If you have a form that requires both interactive and print component, cre-ate multi-line areas using the Print style.

Multi-line fillable areas (interactive)

Use no rules on your form to create multi-line areas FOR INTERACTIVE FORMS ONLY.

Line heightThe spacing for fillable content should be .09 in. above and below the text.

Table styleUse the “Fillable table style” (table style) + “Standard fillable content” (cell style) for any form that requires user input

Even spacingMake sure these spaces are even for introductory text

Official Use Only sectionsOutside table border = 1 ptInside rules = .25 ptLine height = .2 in.Font size: 7 pt

The ‘use only’ tables that live at the bottom of the form always stretch across the full width of the page. Use vertical lines to separate text in this section only.

“Return to...” linesFont size: 6 ptGotham Narrow Medium for the main word or location. Gotham narrow book for other information.

TerminologyAlways use “SCAD ID number” when requesting the user’s ID

SpacingWhen fillable content starts at the top, remove the rule above the text by using the “Border bottom” cell style. This will give the first row a little extra space and will eliminate double rules.

Fillable spacesSometimes you may need to have line spaces that are more obvious for the user to fill out.

Use underscores to create these spaces.

Use your best judgment when it comes to these lines in conjunc-tion with the table rules.

DESIGNING YOUR FORM

Interactive Multi-line sectionsFor areas that require the user to write a lot of content, do not use rules as you would in a print form.

Interactive forms: no lines for multi-line sections

Print forms: include lines for multi-line sections

Two options for bottom lineYou can either:1 - Have the last line, and place

any other elements slightly above it.

2 - Have other lines from ele-ments in the form also act as the last line (must land in the same place as the last line would land)

NOTELines, lines, linesSometimes, these forms can have a lot of overwhelming lines... to reduce the number of lines on the form, you can group content as shown.

DESIGNING YOUR FORM

Gray areasa 10% black background color can be used on graphs/grids with tiger-striping (pre-set in the tiger striping table and cell styles) or on headings that re-quire content to stand out more of offer visual variety to a form.

Gutter widthIf you need to condense a form with lots of bullets, decrease the column gutter (no smaller than .1875 in.) width without sacrific-ing clarity.

Back top lineThe top line on the backs of forms always lives on the top margin.

Bold body copy sectionsUse Gotham Narrow Medium to bold certain words. If your word is immediately adjacent to a bullet, be sure to bold the just the word, not the bullet (unless the entire section with the bullet is bolded... then bold the bullet.)

HeadersIf you use Header 1 or Header 2 with a bullet, keep the bullet bolded.

Two column textExcept in the cases of small format forms, whenever text is over 4 lines in height, please use 2 columns, with a .25 in gutter.

DirectoriesAlways format directories based on a two column format (even if you only use one of the two columns). Use line leaders in between the name and the tele-phone number. In this example, I’ve placed each number in a separate cell, but you can also format them in a text box with 15-18 pt leading.

DESIGNING YOUR FORM

Tiger-stripingUse the tiger-striping table and cell styles for tables that have heavy numerical or textual data, or for information that needs to be read quickly and easily (pos-sibly in high-stress situations).