SDCE Style Guide
Transcription
SDCE Style Guide
/San Diego Continuing Education STYLE GUIDE/ APRIL, 2013 1 2 4 5 6 3 1. The preferred logo for Continuing Education is using the SDCCD seal and the fully spelled-out version of Continuing Education in all black. The proportion of the seal vs. the words Continuing Education should always stay the same as in this example. Avoid using the words Continuing Education alone; always combine them with the SDCCD seal. The black logo is always placed on a white background. 2. Spacing parameters: use a cushion of at least one horizontal diamond on the right and left side of the logo, and at least one vertical diamond on the top and bottom. Horizontal diamonds in the center of the logo describe the measured spaces. 4. An alternate logo without the SDCCD seal is available to use. This is mainly used on SDCCD collateral where the other colleges are also being represented and the seal version of the logo becomes redundant. 5. Spacing parameters: Utilize the “N” in the logo type to measure the minimum space around the logo needed for optimal reading. See example on spacing. 6. A white version of the alternate logo without the SDCCD seal is available to place on dark-colored backgrounds. 3. Use the appropriate white version of the logo when placing on a colored background. Do not place this logo on top of a photo or illustration, unless it is placed in a white beveled box, see page 1:3. /Logo USAGE 1:1 1 5 6 7 5/8” or larger Educational Cultural Complex 2 3 4 San Diego Community College District smaller than 5/8” Educational Cultural Complex 8 West City Campus 3249 Fordham Street San Diego CA 92110-5332 619.388.1873 www.sdce.edu West City Campus 3249 Fordham Street San Diego CA 92110-5332 619.388.1873 www.sdce.edu 5/8” or larger smaller than 5/8” 1. There is a minimum size limitation of the SDCCD seal at 5/8”. Do not use it any smaller. 2. If the logo needs to be used smaller, an alternative version can be used, as shown. 3. To add a campus location, four lines of right-aligned text can be added to the left of the Continuing Education logo. Use Monitor Condensed Bold and Normal at 9 points when the SDCCD seal is 5/8”. Scale proportionally. Follow example above. 4. Alternate campus version without the SDCCD seal is available if used smaller than 5/8”. 5. A stacked version of the logo is available for collateral and building signs when a vertical layout is needed. Use this version sparingly. 6/7. Space between the seal and text is 2/8 or .25 depth. When the seal is minimum size (5/8”) the campus name is 12pt Monitor Bold. Used primarily for signs. 9 10 Logo use for SDCCD materials only 8. For SDCCD materials, only use the horizontal logo type version. Do not use the seal and line version. 9. If a colored background is used, the white logo is preferred for most legibility. 10.When the Continuing Education logo is used in combination with other college logos, use the logo in green (PMS 368) when a color can be used. /Logo USAGE 1:2 1 4 5 2 3 100 year mark Logo 1. Full color logo, can be used by itself only the standard CE logo is also used. Same minimum size requirements apply. The logo is always placed on a white background. This apply’s to all 2. Full color with CE logo. There is a minimum size limitation of the SDCCD seal at 5/8”. Do not use it any smaller. 3. Black logo with CE logo. Same minimum size requirements apply. 4. Vertical color logo with CE logo. Same minimum size requirements apply. 5. Vertical black logo with CE logo. Same minimum size requirements apply. /Logo: 100 Year Mark USAGE 1:3 beveled corner always at 45˚ adjacent areas must bleed — EPS versions have bleeds built in 1 2 3 4 adjacent areas beveled corner always at 45˚ Beveled box option The adjacent corner to the beveled corner must always be anchored to the bleed and/or an anchored white bar. New EPS files have a beveled box built in with the logo and include bleeds. The beveled box must always stay white. Beveled corner can only be placed at the RIGHT SIDE of the layout or page as shown in examples 3, 4 and 5. Beveled corner will always be at 45˚. 5 1. 2. 3. 4. Logo without beveled box; bottom right; no bleed Logo without beveled box; top right; no bleed Logo in beveled box; bottom right; with bleed Logo in beveled box; top right; with white margin (solution when there cannot be a bleed) 5. Logo in beveled box; anchored on white horizontal bar on the right side; with bleed. /Logo USAGE 1:3 San Diego Community College District Administrative Offices 3375 Camino del Rio South San Diego, California 92108-3883 President, Continuing Education Anthony E. Beebe, Ed.D. Board Of Trustees Mary Graham Rich Grosch Bill Schwandt Maria Nieto Senour, Ph.D. Peter Zschiesche The San Diego Community College District (SDCCD) includes San Diego City College, San Diego Mesa College, San Diego Miramar College, and San Diego Continuing Education. The SDCCD is governed by its Board of Trustees. No oral or written representation is binding on the San Diego Community College District without the express approval of the Board of Trustees. SDCE Public Information Office (06/2011). GED is a registered trademark of the American Council on Education and may not be used or reproduced without the express written permission of the American Council on Education. ex: disclaimer layout when mailing panels is not used or when return address is used with mailing panel Chancellor, SDCCD Constance M.Carroll, Ph.D. San Diego Community College District Administrative Offices 3375 Camino del Rio South San Diego, California 92108-3883 San Diego Community College District 3375 Camino del Rio South San Diego, California 92108-3883 619-388-6500 Traditional mailing panel President, Continuing Education Anthony E. Beebe, Ed.D. Board Of Trustees Mary Graham Rich Grosch Bill Schwandt Maria Nieto Senour, Ph.D. Peter Zschiesche Chancellor, SDCCD Constance M.Carroll, Ph.D. ex: use when space is limited Board Of Trustees: Mary Graham, Rich Grosch, Bill Schwandt, Maria Nieto Senour, Ph.D., Peter Zschiesche Constance M. Carroll, Ph.D., Chancellor Anthony E. Beebe, Ed.D., President, San Diego Continuing Education The SDCCD is governed by its Board of Trustees. No oral or written representation is binding on the SDCCD without the express approval of the Board of Trustees. San Diego Continuing Education Public Information Office 10/10 Disclaimer District (paragraph form) The San Diego Community College District (SDCCD) includes San Diego City College, San Diego Mesa College, San Diego Miramar College, and San Diego Continuing Education. The SDCCD is governed by its Board of Trustees. No oral or written representation is binding on the San Diego Community College District without the express approval of the Board of Trustees. (Mary Graham, Rich Grosch, Bill Schwandt, Maria Nieto Senour, Ph.D., Peter Zschiesche) Constance M. Carroll, Ph.D., Chancellor. SDCE PIO (00/0000date). GED GED is a registered trademark of the American Council on Education and may not be used or reproduced without the express written permission of the American Council on Education. Course Announcement Every effort is made to verify the accuracy of the information provided in this announcement. Information may change, or be eliminated without notice. The San Diego Community College District is governed by its Board of Trustees. No oral or written agreement is binding on the San Diego Community College District without the express approval of the Board of Trustees. SDCE Public Information Office (00/0000date) DSPS request for special accommodations usually on event course announcements Request for disability accommodations should be made no later than 10 working days prior to the event. Please call the Dean of the Emeritus Program at 619-388-1800. Carl D. Perkins Funded (fully or in-part) by Carl D. Perkins Career and Technical Education Improvement Act of 2006 Section 131. /Logo/Disclaimer Use USAGE 1:4 PMS 109 0/10/100/0 FFDE00 15/0/50/0 DDE89A 35/0/100/0 B3D335 60/0/100/0 7AC142 100/0/10/0 00ADDD 100/0/30/20 00909F 50/0/20/0 78CDD1 cmyk (preferred) rgb (DS 5-4U) PMS 585 (DS 302-6U) PMS 382 (DS 302-1U) Black 100/0/30/20 BLACK (DS 248-2U) PMS 368 (DS 290-1U) White 0/0/0/0 FFFFFF Pro. Cyan (DS 239-3U) PMS 321 (DS 248-2U) PMS 368 60/0/100/0 7AC142 (DS 290-1U) PMS 7472 (DS 250-5U) solid cmyk Core colors Mainly use of black and white. If a third color is needed, green (PMS 368) is the preferred primary color. rgb solid Primary colors Select one color to lead as main primary color per material/project, add up to two colors maximum to pair as accent colors. Primary colors can also be used as tints. If a tint is used, make sure there is a high contrast between the background tinted color and the text. Less is more Less colors for more coverage. A main color needs to lead a design for a material/project. Besides black for text, select one primary to be 65% or more. Pair with white at about 25%, and an additional color as an accent of 10% or less. Try switching white as the main color as well. Do not create color blends or gradients. /Color palette USAGE 2:1 accent colors main main main 1 2 3 4 accent color 1 On colored background; with bleed 2 On photo cluster; with bleed 3 On colored background; no bleed 4 On white background; with bleed /Color palette USAGE 2:2 Monitor - Normal Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Monitor - Bold Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Monitor - Light Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Monitor for print Monitor is the only typeface family to be used on ALL of Continuing Education’s printed collateral. Monitor - Normal Italic Monitor - Semi Bold Monitor - Semi Bold Italic Monitor - Bold Italic Monitor - Black Monitor - Black Italic Monitor - Extra Black Monitor - Extra Black Italic Monitor - Thin Monitor - Thin Italic Monitor - Light Italic Monitor - Condensed Normal Monitor - Condensed Normal Italic Monitor - Condensed Semi Bold Monitor - Condensed Semi Bold Italic Monitor - Condensed Bold Monitor - Condensed Bold Italic Monitor - Condensed Black Monitor - Black Italic Monitor - Extra Black Monitor - Black Italic Monitor - Thin Monitor - Thin Italic Monitor - Light Monitor - Light Italic Available additional weights also come in condensed versions. Arial for web / letters / e-mail / etc. Arial is the only typeface family available to be used on Continuing Education’s non-printed collateral. Select actual weight desired as designated for intended use — i.e. do not use software’s “bold” option, instead choose the specific weight desired. When communication/information relates to the District, Adobe Garamond should be used. Samples can be mailing panel district info and president, chancellor, board of Trustees information. The district’s seal should always be used when text is shown in Adobe Garamond. /Typography Basics MONITOR TYPE FAMILY 3:1 Text Text Text Text Text Text 1 2 Headline Subhead 30 pts Body copy Monitor Bold 30pt Monitor Light 18pt Monitor Normal 9pt Font size + 3 max rule, case restrictions There is a limit of up to three maximum weight variations per material/project. Body copy size: 9 points Subhead size: 18 points Headline size: 30 points Headlines and subheads are restricted to Sentence case, which is when the first letter of the first word is the only capitalized letter. Program and course titles are set in Title Case, which is when all pronouns have intitial caps. 20 pts 12 pts Headline Subhead Lorem ipsum do lor sit amet, con secte tur adip iscing elit. Sed non erat. Duis blan dit elit eget ligula. Phase llus ege stas eu velit. Leading + kerning/tracking Body copy leading: 12 points Subheads leading: 20 points Headlines leading: 30 points Both font size and leading can be divided by three and relate with each other in a similar way. Body font size: 9 points, leading: 12 points Subhead copy size: 18 points, leading: 24 points Headline size: 30 points, leading: 30 points 3 Text 4 Text 5 Text and color restrictions 1. Can use black text on a white or colored background. 2. Can use white text on a colored background, except on primary colors PMS 109, PMS 585, PMS 7472. 3. Can use colored text on a white background, except primary colors PMS 109, PMS 585, PMS 7472 as text colors. 4. Do not use colored text on a colored background. 5. Do not use additional effects to text such as drop shadows or outlines. /Typography Basics PARAMETERS 3:2 Headline/ Monitor bold 18pt NOTE: Stacked and always reads in upward position 1st bar for headline 2nd bar at a smaller ratio J o 09 tt en le 20 8 m du le he er st 2 pp sc m gu Su ass m -Au cl Su une 8 Co Ed m cl u m as ca u se ti ni s on ty bar at 45˚ angle connects to main color bar or bleeds to edge Headline/Subhead treatments: Use text orientation of 45˚ angles. Details/ Monitor reg 18pt Semester call-out/ Monitor bold 18pt Type sizes are in relation to each other and not necessarily to the point sizes called out in this example. NEW page /Typography Basics PARAMETERS 3:3 Co E d mm u u cl cat nit as io y se n s o tt en ule m d le he 09 pp s sc 0 t 28 s 2 s cla er ugu m 8- A m une J o 09 tt en le 20 8 m du le he er st 2 pp sc m ugu ss cla m 8-A Su une J Su C E om cl du m as ca u se ti ni s on ty Su Su Co E d mm u u cl cat nit as io y se n s Ju C E om cl du m as ca u se ti ni s on t y Co E d mm u u cl cat nit a s io y se n s C E om cl du m as ca u se ti ni s on t y Co E d mm u u cl cat nit a s io y se n s Su cla pp ss lem m sche ent t m dule o Au er gu 2 st 0 28 0 9 8- Su ne o 09 tt en le 20 8 m du le he er st 2 pp sc m ugu Su ss cla m 8-A Su une J o tt en ule m d le he 09 pp s sc 0 t 28 s 2 s cla er ugu m 8- A m une J C E om cl du m as ca u se ti ni s on ty o tt en ule Su Su o 09 tt en le 20 8 m du le he er st 2 pp sc m ugu ss cla m 8-A Su une J Su /Typography Basics NEW page m d le he 09 pp s c 0 2 8 Su ss 2 ust cla er ug m 8- A m ne Su Ju o tt en ule m d le he 09 pp s c 0 2 8 Su ss 2 ust cla er ug m 8- A m ne Su Ju Headline/Subhead combinations: Follow combinations above only. Do NOT place text on a photo or watermark image. Headline must read upward at all times, see examples above. Use black text on light colored backgrounds and white. Use white text on darker colored backgrounds. PARAMETERS 3:4 Automotive Business Information Technology DSPS 55+ Disability Support Programs and Services Emeritus Program Career Developement Certificate Programs /Job Training Citizenship Community Education Computer Classes Culinary Arts ESL years ESL Allocate the corresponding icon to the program information printed on signage, printed material and online. GED/ High School Diploma/ Basic Skills Parent Education Sewing and Fashion Welding Additional Icons added ≥ 0.4” 55+ A minimum size of 0.4” for each icon can be used.years New Horizons/ Gender Equity Green Technologies Health Career Training ESL Icons reflect systems since July 29, 2009 /Icon systems STANDARDS 4:1 55+ years icon on white 55+ 55+ years years spacing parameters: distance of 50% scaled icon 365˚ icon on light, solid color reverse icon on dark, solid color or black icon on colored background ESL Icons reflect systems since July 29, 2009 /Icon systems STANDARDS 4:2 /Publications STYLE GUIDE/ SEPTEMBER 06, 2011 Class announcement templates Event flyer templates Course listings template One course template Multiple courses template Support services template Event template Event with form template Use for 6+ class listings of most varied kinds of classes. Use for 1 course announcement. Use for multiple classes under one type of classes. Use for student support services announcement. Use for event information. Use for event information with submission form. Template contains 2nd layout for one course in multiple locations. Templates Use appropriate InDesign template closest to type and amount of information for flyer. Utilize labeled paragraph style sheets within each template. Follow assigned type size, leading, and kerning. Headlines can go up to two lines long, and are the only paragraph style sheet where the typeface can be enlarged or shrunk to fit the width of the page. Text in header can only be on one line, abbreviate or truncate information as necessary. Do not bleed off the page, use a margin of 0.25”. All flyers contain a permanent header area with a URL, and a footer with the logo. Color use Class announcement flyers use no more than two colors from the palette. One color at 100% represents the semester and year. (Usually based off the main color used for the class schedule for that semester). Any second color is restricted to the headline and subhead only. Imagery For class announcements, use color photos in horizontally aligned blocks near the bottom, if space allows. Event flyers use no more than two colors from the palette. A light tint of any color in the palette is assigned for the header, and the same color is used for the headline and subhead at 100%. Use the assigned semester color as the secondary color. For event flyers, use color photos in horizontally aligned blocks flushed below the header bar. /Class announcement and event flyers OVERVIEW SYSTEMS 5:1 Class announcement example Semester and year call out Use designated icon if applicable Class name as headline Specific class name as subhead Use a light (1550%) tint block for the secondary information in the bottom bar Event flyer example Solid color designated per semester URL call out Event call out and dates Block of photos anchor to the bottom area for all class announcements Use only one 100% color block to highlight information in the bottom bar Tint of color designated per event URL call out Block of photos anchor to the top header area for all event flyers Event headline or title Event name/ sub-headline Repeat event headline for form Disclaimer with revision date Designated semester color becomes second color footer above the form Example of cut-out form only at bottom Registration info in white box and dotted line at top Highlight specific information by tinting color block to most saturation All maps use main color of flyer Flush objects (no gaps) One photo in photo block can be replaced for optional map area Registration info in white box and dotted line at top /Class announcement and event flyers LAYOUT 5:2 Brochure sample colors and current systems D SP S GET THERE BE HERE w w w .s du y ilit ab ort ms ices Dis upp gra erv du S ro S e.e P nd dc a nd sh co e gli Se ag En s a gu a an L e.e dc .s du .e / du e.e dc sl .s s/e e J D oin ip t lo H m ig a hS Pr c og ho ra ol m DSPS w w s w las c w e dc w .s w w w panel w 16 l l a nt ra ion e ne cat pm du Ge du velo e.e E e dc D .s panel GET THERE BE HERE GET THERE BE HERE GET THERE BE HERE w panel Main level brochure (Gen 1) w 12 w 8 GE D GET THERE BE HERE ES L Two brochure levels J C ob Pr er t Tr og if i ain ra ca in m te g/ s Available formats Sub level brochure (Gen 2) GET THERE BE HERE GET THERE BE HERE GET THERE BE HERE GET THERE BE HERE GET THERE BE HERE GET THERE BE HERE GET THERE BE HERE GET THERE BE HERE y s lin ra G Cu ph ic ng di el W ffi O C Co lot ns hin tr g uc ti on C an om d pu Te t ch ers no lo g ce Sk ill s en C D hil ev d el op m ot m to Au ar s m s s m m ra / ng og ni Pr ai te Tr ca ifi rt Ce b Jo ra / ng og ni Pr ai te Tr ca ifi rt Ce b Jo ra / ng og ni Pr ai te Tr ca ifi rt Ce b Jo s m s m ra / ng og ni Pr ai te Tr ca ifi rt ra / ng og ni Pr ai te Tr ca ifi rt Ce b Ce b Jo Jo A 16 panel format can be used for up to 2300 total words. s A 12 panel format can be used for up to 1150 total words. m Main level brochures (Generation 1) has a large color panel at the top for the title to be the first focal point. ra / ng og ni Pr ai te Tr ca ifi rt An 8 panel format can be used for up to 860 total words. Ce Brochure covers There are 2 layouts available for brochures covers that will depend on the level of brochure. b Panel sizes There are 3 formats available to fit the appropriate amount of content per brochure. Jo s m s m ra / ng og ni Pr ai te Tr ca ifi rt Ce b Jo s m ra / ng og ni Pr ai te Tr ca ifi rt Ce b ra / ng og ni Pr ai te Tr ca ifi rt Ce b Jo Jo N As ur si sin st g an t iv t e y GET THERE BE HERE Brochure covers A main brochure’s cover color does not relate to the colors of its sub level brochures. Choose a cover color for a main brochure from the official color palette that has not already been chosen by an existing main brochure. Tints of a color can be used once all colors have been exhausted. Sub level brochures utilize an array of tints from a color from the official color palette, and avoids using the same tint of the same color when under the same main brochure. Sub level brochure (Generation 2) has the large photo at the top and the title at the bottom. /Brochures OVERVIEW SYSTEMS 6:1 Standardized type sizes for all brochure covers Standardized type sizes for all brochures Campus: Monitor Condensed Bold 9.5/12pt, white Campus info: Monitor Condensed Normal 9.5/12pt, black GET THERE BE HERE J C ob Pr er t Tr og if i ain ra ca in m te g/ s Pull quote: Monitor Condensed Normal 12/15pt, black e. dc .s w w w Main level brochure title size: Monitor Bold 30/30pt Subheads: Monitor Condensed Bold 18/18pt, black ed u w s w se w las c nd ish co e gl Se ag u/ ed En s a gu e. a an dc sl L .s /e ES L GET THERE BE HERE ESL instructors and classroom assistants are patient and compassionate. Hightlight: Monitor Condensed Bold 12/15pt, black Main level brochure title size for acronyms: Monitor Bold 50/50pt Footer: Monitor Condensed Light 12/9pt, black; 10% black box Class locations & registrati Registration is easy. For general classes, students must take placed into the correct level class. Choose a location that is c and visit during the registration times shown with that camp Centre City Campus Room 100-A 1400 Park Blvd. 92101 Every effort is made to verify the accuracy of the information provided in this publication. Information may change, 619-388-4600 or be eliminated without notice. The San Diego Community College District is governed by its Board of Trustees. M/T 08:00-12:00pm No oral or written representation is binding on the San Diego Community College District without the express M/T approval of the Board of Trustees. Promotion for Certificate Programs is funded by the Carl D.05:30-08:00pm Perkins Career Cesar Chavez Campus Room 107 1960 National Avenue 9 619-230-2895 M/T 08:00-10:00am M/T 05:00-07:00pm and Technical Education Improvement Act of 2006 Section 131. SDCE Public Information Office (12/2009) Standardized type sizes for all brochure columns widths 2.5+” column width Sub level brochure title size: Monitor Bold 20/20pt There are 7 levels of classes. You must take a test to be placed into the correct level class. After you register, you may attend morning, afternoon, or evening classes at any of the campuses shown on reverse: ra g/ g in Pro ain te Tr ca b Jo rtifi Ce C an om d pu Te t ch ers no lo g y GET THERE BE HERE » Auto Mechanics s m » Cosmetology » English for the visually impaired Body copy: Monitor Condensed Normal 9.5/12pt, black less than 2.5” column width If you’re passionate about food, or often found at your local farmers market or grocery store because you love to create delicious meals, think about a culinary career that will take you beyond your kitchen. You will learn: » Food safety and preparation » Knife skills » Culinary principles, from stocks and sauces to international cuisine Body copy: Monitor Condensed Normal 8.5/12pt, black Body bullets: Monitor Condensed Normal 8.5/9pt, +3pt space before, black Body bullets: Monitor Condensed Normal 9.5/9pt, +6pt space before, black /Brochures TYPOGRAPHY STANDARDS 6:2 Standardized type sizes for Job Training/ Cerificate Programs brochures Photo box area spans as wide as there are many text columns; can fill with one photo or more than one Vertical box color fill matches brochure cover color Box with beveled corner to separate each program in a brochure photos always align with the bottom of the bevel edge Program name: Monitor Semi Bold 11/12pt, with dotted line above, black Alternate with 30% tint bar for job listings Auto Upholstery In this Job Training/Certificate Program, Course content is based on current industry standards, and classes include hands-on experience applying techniques learn how to: » Sew beading, curves, square corners, and zipper inserts » Communicate effectively and professionally on the job, and apply work ethics Jobs: Upholsterer Helper Program name: Monitor Condensed Bold 7.75/9pt, black Additional program info: Monitor Condensed Semi Bold 8.5/12pt, white or Pro Cyan (if background color is too light) $10/hr. Auto Technician A normal day of classes includes time in a lecture setting and hands-on work in the shop. Work as Look online for further information www.sdce.edu Further info: Monitor Condensed Bold 12/16pt, black URL: Monitor Condensed Extra Black 12/16pt, black Experienced upholsterers can earn up to $20 per hour or more. Classes AUTO 414 Basic Upholstery Skills AUTO 415 Automotive Upholstery 600 hours. Complete in 36 to 52 weeks. Daytime classes are offered for this program at the Educational Cultural Complex. Orientation is required prior to enrollment. Please call 619-388-4956. Step 2 How to Register Students can begin attendance in most classes at any time, and classes are self-paced. Required orientation sessions are held weekly, and will answer many initial questions. The sessions are approximately one hour and will also help you understand your next steps. Universal side info for Job Training/Cerificate Programs brochures only: Monitor Condensed Normal 8/9pt, black Contact Student Services to schedule an orientation. Educational Cultural Complex 4343 Ocean View Blvd. San Diego, CA 92113 619-388-4956 /Brochures TYPOGRAPHY STANDARDS 6:3