LOGOS

AS A SIMPLE GEOMETRIC SHAPE, THE SQUARE OF THE SAIC LOGO IS FRESH, MODERN, AND FLEXIBLE. THE CONSIDERED AND CONSISTENT APPLICATION OF THIS MARK REINFORCES SAIC’S COLLECTIVE IDENTITY.

logo-sections-a_07

PRIMARY LOGO: HORIZONTAL

Use in all cases where space permits.

download set

logo-sections-a_09

SECONDARY LOGO: STACKED

Use when the preferred logo construction cannot be placed at or above its minimum size.

download set

logo-sections-a_13

INTERNAL LOGO: SQUARE ONLY

Only for use on internal-facing projects where the full SAIC logo has been established. Contact Marketing and Communications at communications@saic.edu for permission and files.


DEPARTMENT LOGO

A FULL SET OF LOGO LOCKUPS WITH OFFICE AND DEPARTMENT NAMES IS AVAILABLE. VISIT OUR DOWNLOAD PAGE FOR THE FULL LIST.

EXTERNAL USE

For use on materials that face the public.

visual-identity_16

visual-identity_18

visual-identity_20

Internal Use

Use on internal-facing materials.

visual-identity_25

visual-identity_26

visual-identity_27


LOGO GUIDELINES FOR PRINT

logos-section-b_03

SAFETY SPACE

Leave an “S” width space on all sides. Stay at least 1/4” from all trim.

logos-section-b_05

STACKED MINIMUM SIZE

1” minimum width

logos-section-b_07

HORIZONTAL MINIMUM SIZE

1 1/2” minimum width


LOGO GUIDELINES FOR WEB

logos-section-b_12

Use the stacked version of the logo.

logos-section-b_14

The wordmark under the square should be omitted for social media profile pictures and situations where the logo needs to be less than 100 pixels.

logos-section-b_18

The logotype without the square should only be used where space is extremely limited and the School’s brand has already been established (e.g., navigation bar on mobile devices).

logos-section-b_19

In situations where the full logo will not fit, include the complete logotype only.


LOGO POSITIONING

logos-section-b_22

SAIC materials should use the logo as a tag whenever possible. The placement of the logo should be determined by the minimum spacing of the “S” space.

logos-section-b_23

logos-section-b_26

Avoid placing the logo flush against the edge.

logos-section-b_27


LOGO USAGE

TO ENSURE THAT SAIC’S VISUAL IDENTITY REMAINS UNIFIED ACROSS ALL APPLICATIONS, DO NOT COMPROMISE THE LOGO AS SHOWN IN THESE EXAMPLES.

logos-section-b_30

Do not stack the typography above the logo square.

logos-section-b_31

Do not alter or skew the logo in any way.

logos-section-b_34

Do not modify the logo square in any way.

logos-section-b_35

Do not set the logo on an angle or arc.

logos-section-b_38

Do not outline the logo, its square, or typography.

logos-section-b_39

Do not reduce the logo to a width smaller than specified previously.

logos-section-b_42

Do not attempt to re-create the logo or its typography.


TYPOGRAPHY

SAIC’S BRAND TYPOGRAPHY INCLUDES FOUR TYPEFACES: GOTHAM (SANS SERIF: HEADLINES AND BODY COPY), LAVA (SERIF: HEADLINES AND BODY COPY), TRANSPORT (HEADLINES ONLY), AND MERAN (HEADLINES ONLY).

Gotham and Meran are available through the Font Request Form. Please contact communications@saic.edu for more information on purchasing typeface licenses.

BRAND TYPEFACES

typography-section_03

Gotham is SAIC’s main typeface. It is used in the logo and wordmark. The geometric, modern, sans serif typeface is perfect for both headline and body copy in print and the web.
 
 

typography-section_06

Lava is the School’s main serif typeface. Its legibility makes it perfect for long amounts of body text on both print and digital platforms. It pairs well with one of the School’s other sans serif headline typefaces and works well at both small and large sizes.
 
 

typography-section_08

Transport is a great alternative to Gotham for a sans serif, geometric headline to be displayed at larger sizes.
 
 
 

typography-section_10

Meran is the School’s legacy font and should be reserved for headlines. It works best at larger sizes and is not suited for smaller-sized body copy.


Leading

Appropriate leading (line spacing) is determined by the width of the column. The wider the column, the more open the leading should be. This is particularly important when using wide columns of body text.

For professionally typeset and printed publications, the minimum leading should be 2 points more than the size of the type (e.g., 9-point type on 11-point leading). The width of a column should be well considered. As the type size increases, a narrow column will force large gaps between words in justified text or cause an undesirable amount of hyphenated words when unjustified, or ragged text, is used.

typography-section_12


Tracking

typography-section_14


Justified Copy

typography-section_16


Line Length

typography-section_18


COLOR PALETTE

SAIC’S COLORS INCLUDE A PRIMARY AND SECONDARY PALETTE. BOTH PALETTES INCLUDE VIBRANT COLORS THAT CAN BE USED IN A VARIETY OF COMBINATIONS.

On external-facing, official materials, limit usage to two or three colors from the primary palette.

CMYK codes are reserved for print use (four-color process), RGB for digital use (TV, computer, mobile screens), and HEX codes for web design use.

PRIMARY COLOR PALETTE

color-palette_03

YELLOW

CMYK: 5 | 8 | 100 | 0
RGB: 247 | 220 | 5
HEX: #F7DC05

color-palette_05

ORANGE

CMYK: 0 | 45 | 99 | 2
RGB: 249 | 157 | 30
HEX: #F99D1E

color-palette_07

PINK

CMYK: 0 | 99 | 3 | 0
RGB: 236 | 11 | 136
HEX: #EC0B88

color-palette_09

VIOLET

CMYK: 71 | 80 | 13 | 0
RGB: 105 | 80 | 146
HEX: #695092

color-palette_15

BLUE

CMYK: 71 | 28 | 0 | 0
RGB: 61 | 152 | 211
HEX: #3d98d3

color-palette_16

TEAL

CMYK: 89 | 0 | 41 | 0
RGB: 0 | 176 | 171
HEX: #00B0AB

color-palette_17

GRAY

CMYK: 15 | 0 | 12 | 70
RGB: 93 | 105 | 102
HEX: #5D6966

color-palette_18

BLACK

CMYK: 0 | 0 | 0 | 100
RGB: 0 | 0 | 0
HEX: #000000


SECONDARY COLOR PALETTE

color-palette_23

PURPLE

CMYK: 42 | 100 | 0 | 0
RGB: 159 | 36| 143
HEX: #9F248F

color-palette_24

MARIGOLD

CMYK: 0 | 19 | 80 | 0
RGB: 255| 206 | 78
HEX: #FFCE4E

color-palette_25

CORAL

CMYK: 0 | 72 | 40 | 0
RGB: 255 | 113 | 117
HEX: #FF7175

color-palette_26

POPPY

CMYK: 0 | 90 | 100 | 0
RGB: 239 | 65 | 35
HEX: #EF4123

color-palette_31

NAVY

CMYK: 94 | 71 | 39 | 25
RGB: 30 | 70 | 101
HEX: #1E4665

color-palette_32

LIME

CMYK: 16 | 0 | 96 | 0
RGB: 225 | 227 | 39
HEX: #E1E327

color-palette_33

BROWN

CMYK: 24 | 88 | 78 | 15
RGB: 169 | 59 | 58
HEX: #A93B3A


PRIMARY COLOR COMBINATIONS PAIRING EXAMPLES

color-palette_38

SECONDARY COLOR COMBINATIONS PAIRING EXAMPLES

color-palette_42