Aix-Marseille Université
📋 3 Guidelines
Official Websites
Brand Guidelines
2024
Brand Summary
Mission
- Garantir la cohérence de l’identité visuelle d’Aix Marseille Université et fournir un outil pratique pour la création des supports de communication de l’université [^1].
Core Values
- cohérence
- visibilité
- accessibilité
- créativité
- respect des droits d’auteur
Target Audience
- Personnels, étudiants, partenaires institutionnels, publics internes et externes de l’université [^2].
Personality Traits
- institutionnel
- moderne
- créatif
- accessible
- professionnel
Visual Identity Overview
- Identité visuelle centrée sur le logotype amU, une typographie exclusive (AMU Monument Grotesk), une palette de couleurs principale (bleu, jaune, blanc, noir), des déclinaisons sectorielles, une iconographie professionnelle, des formes géométriques variées, et des règles strictes d’utilisation pour garantir cohérence et lisibilité [^3].
Categories
Brand Imagery
- L’université dispose d’une photothèque, enrichie au fil des ans par des photographes professionnels. Elle valorise l’établissement, ses infrastructures et ses usagers, sur l’ensemble de ses campus et illustre les différentes missions de l’université.
- Ces photographies ne sont pas en accès libre, mais certaines peuvent être transmises sur simple demande auprès de la direction de la communication. L’usage des photographies amU est soumis aux droits d’auteur. Pour toute utilisation, une demande écrite doit être faite en amont à la direction de la communication : dircom-contact@univ-amu.fr
- Pour toute photographie diffusée dans un cadre hors amU par un personnel ou un étudiant de l’université ou par un extérieur, le copyright suivant doit être impérativement mentionné : © amU — Aix Marseille Université.
- amU dispose de nombreux bâtiments et campus, deux typologies de photo peuvent être définis pour les représenter : Des vues de l’extérieur des bâtiments, dans lesquelles on retrouve des jeux de perspective et de lumière créés avec l’architecture. Des vues de l’intérieur, les compositions photographiques peuvent se faire avec l’alignement des sièges d’un amphithéâtre, la répétition des allées des bibliothèques, la perspective des escaliers ou des bureaux.
- Un des atouts amU est son environnement de travail. Il ne faut pas hésiter à communiquer sur les alentours des différents campus afin d’illustrer la nouvelle baseline Explorer pour faire société.
- Des vues larges du paysage méditerranéen à différentes heures de la journée et avec différentes météos (pour illustrer une réalité, autre que les clichés).
- Des images prises depuis des bâtiments avec une ouverture sur l’extérieur. Créant ainsi des fenêtres sur les paysages avec un jeu de premier et second plan.
- amU propose de nombreuses formations différentes, il est important de les représenter à leur juste valeur. Les photographies sont prises pendant des instants de travail. Elles doivent paraître le moins posées possible. Si le contexte le permet, on peut montrer l’environnement de travail avec des jeux de perspective et différents plans.
- Il faut absolument éviter les photos pas naturelles de banque d’image.
- Pour représenter les étudiants amU. Deux typologies de photographie sont recommandées : Soit faire poser les étudiants lors d’un shooting. Mais sans fausse mise en scène. Ou soit en représentant la vie étudiante en les prenant en photo sur le vif lors d’activités, cette fois-ci, ils ne devront pas poser.
- Il est possible d’utiliser des illustrations pour certains événements. Il est important de les traiter comme des images et non comme des extraits afin de faciliter la mise en page avec les blocs.
- Certaines images, de par leur mauvaise qualité ou pour des raisons esthétiques, peuvent nécessiter un traitement graphique. Deux méthodes peuvent être utilisées : Soit l’image se réfère à l’un des secteurs d’activité amU. Dans ce cas le traitement graphique est une bichromie réalisé avec les couleurs de la gamme tertiaires du secteur d’activité. Soit le visuel global est générique, et dans ce cas la bichromie se fait avec les couleurs de la gamme principales, bleu et blanc ou jaune et noir.
Color Palette
- Dans la continuité de l’ancienne identité, le bleu et le jaune sont les couleurs principales de l’identité amU.
- Le bleu symbolise le ciel du sud et surtout de la mer méditerranée. Le jaune symbolise lui le soleil et plus généralement la lumière de la région.
- Il n’est pas conseillé d’utiliser le jaune et le bleu ensemble mais plutôt d’associer le bleu et le blanc ou le jaune et le noir.
- Bleu Pantone : 285C CMJN : 90 48 0 0 RVB : 30 100 222 Web : #1F63DE
- Blanc CMJN : 0 0 0 0 RVB : 255 255 255 Web : #FFFFFF
- Jaune Pantone : 903C CMJN : 0 0 60 0 RVB : 255 255 133 Web : #FFFF85
- Noir CMJN : 0 0 0 100 RVB : 0 0 0 Web : #000000
- Jaune or Pantone : 109C CMJN : 0 10 100 0 RVB : 254 209 0 Web : #FED100
- Orange Pantone : 151C CMJN : 0 64 100 0 RVB : 255 121 0 Web : #FF7900
- Vert Pantone : 3395C CMJN : 61 0 55 0 RVB : 83 222 148 Web : #53DE94
- Corail Pantone : 170C CMJN : 0 50 48 0 RVB : 255 139 124 Web : #FF8B7C
- Bleu Pantone : 306C CMJN : 76 0 5 0 RVB : 51 204 255 Web : #33CCFF
- Mauve Pantone : 265C CMJN : 55 68 0 0 RVB : 153 102 255 Web : #9966ff
- Jaune pâle Pantone : 9121C CMJN : 0 0 33 0 RVB : 255 255 191 Web : #FFFFBF
- Ocre Pantone : 132C CMJN : 25 42 97 16 RVB : 178 209 27 Web : #B2861B
- Orange clair Pantone : 712C CMJN : 0 17 27 0 RVB : 255 222 191 Web : #FFDEBF
- Brique Pantone : 1525C CMJN : 23 70 100 14 RVB : 178 86 0 Web : #B25600
- Vert clair Pantone : 331C CMJN : 24 0 20 0 RVB : 202 254 228 Web : #CAFEE4
- Vert émeraude Pantone : 335C CMJN : 82 13 66 0 RVB : 0 154 116 Web : #009A74
- Corail pâle Pantone : 169C CMJN : 0 24 17 0 RVB : 255 212 204 Web : #FFD4CC
- Rouge vin Pantone : 187C CMJN : 25 100 100 26 RVB : 153 0 0 Web : #990000
- Pantone : 290C CMJN : 23 0 0 0 RVB : 205 234 252 Web : #CDEAFC
- Bleu Roi Pantone : 296C CMJN : 100 92 22 8 RVB : 0 0 142 Web : #00008E
- Lavande Pantone : 263C CMJN : 17 23 0 0 RVB : 221 204 255 Web : #DDCCFF
- Violet Pantone : 267C CMJN : 80 100 0 0 RVB : 102 0 153 Web : #660099
Typography
- L’identité amU repose sur l’utilisation exclusive de la police AMU Monument Grotesk distribuée par la fonderie DINAMO. Ce caractère doit son point de départ à quelques contours intriguants découverts par le studio Kasper-Florio lors de la numérisation du livre New Specimen Book de la fonderie Palmer & Rey (1884). Poussé par le squelette compact des lettres, le fort contraste vertical et des terminaisons étonnamment nets, Kasper-Florio a numérisé et réinterprété la police de caractères pour un usage contemporain. AMU Monument Grotesk est une police très lisible et institutionnelle mais offre des formes brutes et agréablement non polies.
- AMU Monument Grotesk Regular
- Nous utiliserons 6 variantes de cette typographie : • Regular • Regular Italic • Medium • Medium Italic • Bold • Bold Italic
- Il faudra privilégier le Regular pour le texte courant ainsi que les titres et travailler la hiérarchisation par les différences de taille. Le Medium pourra également être utilisé pour des titres, des sous-titres ou des mises en exergues. Le bold sérvira essentiellement à mettre en avant un mot ou une phrase dans un texte.
- Lorsque « AMU Monument Grotesk » ne peut pas être utilisée, nous préconnisont l’utilisation de la police « Arial ».
- Il ne faut pas écrire de titres, de mots ou de paragraphes entièrement en capitales.
- Le texte devra être systématiquement férré à gauche. Les compositions centrées férrées à droite ou justifiées sont à éviter.
- Nous préconisons d’employer trois corps de texte différents dans un même document graphique. Ici un exemple de trois tailles de typo.
- Corps 1 40pt
- Corps 2 20pt
- Corps 3 10pt
Logo Usage
- Le nouveau logotype amU est composé de deux éléments : • L’acronyme, traité de manière singulière, avec sa capitale en fin de mot pour mettre l’accent sur l’institution. • L’intitulé, chaque mot vient se placer sous les lettres qu’il explicite.
- Un espace de protection doit être respecté autour du logo afin de ne pas géner sa lisibilité.
- Il faut utiliser l’espace entre le « m » et le « U » pour définir la zone de dégagement tout autour du logo.
- La taille minimale d’utilisation du logo est de 35 mm en largeur ou 100 px. Au delà de cette taille c’est le logotype partenaire qu’il conviendra de choisir.
- Lorsqu’il est utilisé sur un fond coloré ou sur une image, il convient d’utiliser cette version du logo. Il permet une bonne visibilité et accentue la force du signe typographique.
- Il est possible de l’utiliser dans différentes déclinaisons colorées.
Visual Style
- Le nouveau logotype amU est composé de deux éléments : • L’acronyme, traité de manière singulière, avec sa capitale en fin de mot pour mettre l’accent sur l’institution. • L’intitulé, chaque mot vient se placer sous les lettres qu’il explicite.
- Un espace de protection doit être respecté autour du logo afin de ne pas géner sa lisibilité. Il faut utiliser l’espace entre le « m » et le « U » pour définir la zone de dégagement tout autour du logo.
- La taille minimale d’utilisation du logo est de 35 mm en largeur ou 100 px. Au delà de cette taille c’est le logotype partenaire qu’il conviendra de choisir.
- Lorsqu’il est utilisé sur un fond coloré ou sur une image, il convient d’utiliser cette version du logo. Il permet une bonne visibilité et accentue la force du signe typographique. Il est possible de l’utiliser dans différentes déclinaisons colorées.
Iconography
- L’université dispose d’une photothèque, enrichie au fil des ans par des photographes professionnels. Elle valorise l’établissement, ses infrastructures et ses usagers, sur l’ensemble de ses campus et illustre les différentes missions de l’université.
- Ces photographies ne sont pas en accès libre, mais certaines peuvent être transmises sur simple demande auprès de la direction de la communication. L’usage des photographies amU est soumis aux droits d’auteur. Pour toute utilisation, une demande écrite doit être faite en amont à la direction de la communication : dircom-contact@univ-amu.fr
- Pour toute photographie diffusée dans un cadre hors amU par un personnel ou un étudiant de l’université ou par un extérieur, le copyright suivant doit être impérativement mentionné : © amU — Aix Marseille Université.
Layout And Composition
- Le nouveau logotype amU est composé de deux éléments : • L’acronyme, traité de manière singulière, avec sa capitale en fin de mot pour mettre l’accent sur l’institution. • L’intitulé, chaque mot vient se placer sous les lettres qu’il explicite.
- Un espace de protection doit être respecté autour du logo afin de ne pas géner sa lisibilité. Il faut utiliser l’espace entre le « m » et le « U » pour définir la zone de dégagement tout autour du logo.
- La taille minimale d’utilisation du logo est de 35 mm en largeur ou 100 px. Au delà de cette taille c’est le logotype partenaire qu’il conviendra de choisir.
- Lorsqu’il est utilisé sur un fond coloré ou sur une image, il convient d’utiliser cette version du logo. Il permet une bonne visibilité et accentue la force du signe typographique. Il est possible de l’utiliser dans différentes déclinaisons colorées.
Brand Architecture
- ● Utiliser le logo de l’université pour tous les services et initiatives étroitement liés à la mission principale de l’institution (services dédiés aux personnels et à la vie étudiante, orientation, formation etc) ou dont le public cible est majoritairement interne (personnels et étudiants). Cela renforce la confiance vis-à-vis du service, l’unité et la cohérence de l’image de marque amU.
- ● Création d’un Logo distinct : La création d’un logo distinct est possible pour des services qui ont des objectifs ou des publics très différents, et qui nécessitent une identité forte pour se différencier au sein de leur écosystème (ex : DIRFOR, MEDIAM).
- Dans les deux cas, la communication émise par les services ou directions doit pleinement s’inscrire dans la charte graphique d’Aix-Marseille Université, qui est l’unique identité visuelle de l’université.
- La décision de créer un logo doit être fondée sur une analyse approfondie des objectifs, de l’image de marque et du public cible par la DIRCOM. Une évaluation de ces éléments permettra de déterminer si un logo distinct est justifié ou si l’utilisation du logo de l’université est plus appropriée.
Co Branding
- Lorsqu’il est utilisé en dessous de 35 mm ou utilisé avec d’autres logos, c’est cette version du logotype qu’il faut utiliser afin d’optimiser la lecture de l’intitulé.
- Assurez-vous qu’il y ait au minimum la largeur d’un « U » avant et après le logo.
- Pour les composantes s’inscrivant dans un réseau national, il faut utiliser le logo du réseau national, un séparateur puis le logo amU partenaire.
Print Guidelines
- Des modèles d’affiches sont disponibles au téléchargement. Ils vont du A0 au A6 aux formats verticaux et horizontaux. Ces modèles serviront de base à la mise en page mais la créativité autour de ce cadre est évidement encouragée.
- Le Président Monsieur Prénom Nom Nom du bâtiment 163 avenue Luminy 13009 Marseille Marseille, le mardi 9 mai 2023 Madame, Monsieur, Contrairement à une opinion répandue, le Lorem Ipsum n’est pas simplement du texte aléatoire. Il trouve ses racines dans une oeuvre de la littérature latine classique datant de 45 av. J.-C., le rendant vieux de 2000 ans. Un professeur du Hampden-Sydney College, en Virginie, s’est intéressé à un des mots latins les plus obscurs, consectetur, extrait d’un passage du Lorem Ipsum, et en étudiant tous les usages de ce mot dans la littérature classique, découvrit la source incontestable du Lorem Ipsum. Plusieurs variations de Lorem Ipsum peuvent être trouvées ici ou là, mais la majeure partie d’entre elles a été altérée par l’addition d’humour ou de mots aléatoires qui ne ressemblent pas une seconde à du texte standard. Si vous voulez utiliser un passage du Lorem Ipsum, vous devez être sûr qu’il n’y a rien d’embarrassant caché dans le texte. Tous les générateurs de Lorem Ipsum sur Internet tendent à reproduire le même extrait sans fin, ce qui fait de lipsum.com le seul vrai générateur de Lorem Ipsum. Iil utilise un dictionnaire de plus de 200 mots latins, en combinaison de plusieurs structures de phrases, pour générer un Lorem Ipsum irréprochable. Le Lorem Ipsum ainsi obtenu ne contient aucune répétition, ni ne contient des mots farfelus, ou des touches d’humour. Bien cordialement, Signature Nom Prénom Fonction Jardin du Pharo 58 boulevard Charles Livon 13284 Marseille T +33 (0)4 91 39 65 01 F +33 (0)4 91 52 91 03 M prenom.nom@univ-amu.fr Jardin du Pharo T M prenom.nom@univ-amu.fr cedex 07 ˜ France W www.univ-amu.fr 58 boulevard Charles Livon F +33 (0)4 91 39 65 01 +33 (0)4 91 52 91 03 W www.univ-amu.fr 13284 Marseille cedex 07 ° France Nom Prénom Fonction Jardin du Pharo T +33 (0)4 91 39 65 01 M prenom.nom@univ-amu.fr Jardin du Pharo 58 boulevard Charles Livon F +33 (0)4 91 52 91 03 W www.univ-amu.fr 58 boulevard Charles Livon 13284 Marseille cedex 07 ˜ France 13284 Marseille cedex 07 ˜ France T +33 (0)4 91 39 65 01 F +33 (0)4 91 52 91 03 M yvon.berland@univ-amu.fr W www.univ-amu.fr
- 6.C. Plaquette ↗
Digital Guidelines
- La taille minimale d’utilisation du logo est de 35 mm en largeur ou 100 px. Au delà de cette taille c’est le logotype partenaire qu’il conviendra de choisir.
- Ces logotypes sont déclinés dans différents formats et espaces colorimétrique pour deux usages distincts : • Imprimé — Formats .ai et .eps en CMJN • Écran — Formats .png et .svg en RVB
- Des modèles pour créer du contenu pour les réseaux sociaux sont disponibles en téléchargement :
- L’image de profil du compte principal de l’Université est l’acronyme sur fond jaune. Les différents services utiliseront l’acronyme sur fond bleu .
- Les composantes pourront choisir entre leur acronyme et leur signe lorsqu’il existe.
- Les composantes faisant partie d’un réseau national utiliseront une version simplifiée de leur logo.
- Les instituts pourront choisir entre leur acronyme et leur signe.
- Pour les posts récurrents, une série d’intitulés est disponible. Il est possible de générer d’autres intitulés et d’en modifier la couleur.
- Quand deux sujets se suivent dans une storie Instagram, il est nécéssaire de changer de couleur pour séparer les informations.
- Un outil incluant la gamme colorée est disponible pour faciliter les changements de fond des stories.
2019
Brand Summary
Mission
- Aix-Marseille Université aims to foster a unified identity, promote excellence, and ensure that all members feel part of the institution, identify with it, and are proud to represent its colors. The systematic and rigorous application of its visual identity is essential to maintain brand coherence and image [^1].
Core Values
- unity
- openness
- excellence
- knowledge
- sharing
- research
Target Audience
- Personnel, students, partners, and service providers of Aix-Marseille Université, as well as the broader academic and professional community [^2].
Personality Traits
- professional
- modern
- inclusive
- academic
- innovative
Visual Identity Overview
- The visual identity is defined by a typographic logo combining the names ‘Aix’ and ‘Marseille’ with an asterisk and an open parenthesis symbolizing unity and openness. The color palette includes blue, yellow, black, and white, with strict rules for logo usage, proportions, and protection zones. Official typography is Klavika Basic, with Verdana and Titillium as substitutes. The visual style is minimalist, geometric, and consistent across all materials, including papeterie, seals, digital templates, and sector-specific color codes [^3].
Categories
Brand Imagery
- La zone de protection est le blanc tournant du logotype : cela le protège des éléments avoisinants afin qu’ils ne viennent pas perturber sa lisibilité (notamment lorsque plusieurs logos sont positionnés côte à côte). Cette zone est égale à 1/4 de la hauteur de la parenthèse. En revanche, il faut éviter d’enfermer le logo dans un cartouche, on préfèrera un bandeau de la largeur du support, mais si cela est impossible à éviter, on prendra soin de dimensionner le cartouche à minima à la taille de cette zone de protection.
- Les différents éléments composant le logo ne peuvent pas être modifiés indépendamment les uns des autres, que ce soit en terme de dimension, de position, de couleur ou d’effet.
- Les proportions du logotype sont définies une fois pour toutes. Lors de l’ajustement du logotype, il faut veiller à ce que le rapport entre la largeur et la hauteur soit toujours maintenu de manière homothétique.
- Une taille minimale a été arrêtée, en deçà de laquelle la lisibilité du logotype serait altérée : la hauteur du logotype (définie par la hauteur de la parenthèse) ne doit pas être inférieure à 6 mm (soit environ 17,5 mm de large).
- Le logotype doit toujours être représenté dans sa position horizontale. Une exception est toutefois tolérée en regard du support, par exemple sur le dos d’un volume, ou sur un drapeau vertical représentant uniquement le logotype. Dans ce cas le logotype subira une rotation à 90° dans le sens inverse des aiguilles d’une montre, de telle sorte qu’il soit lisible du bas vers le haut.
Color Palette
- Les couleurs du logotypes sont définies pour chaque mode colorimétrique (Pantone et CMJN pour l’impression, RVB et héxadécimales pour un usage sur écran) et sont non modifiable. Selon l’usage, un fichier adapté peut être fourni.
- Jaune Pantone 130 C, RVB 240, 171, 0, CMJN 0, 30, 100, 0, Hexadécimal #FFCC00
- Bleu roi Pantone 300 C, RVB 0, 101, 189, CMJN 100, 44, 0, 0, Hexadécimal #0066CC
- Cyan Pantone 298 C, RVB 61, 183, 228, CMJN 70, 0, 0, 0, Hexadécimal #00CCFF
- Noir Pantone Process Black C, RVB 0, 0, 0, CMJN 0, 0, 0, 100, Hexadécimal #000000
- Blanc Pantone White, RVB 255, 255, 255, Hexadécimal #ffffff
- Interdiction de modifier les couleurs du logo
- L’utilisation du logo en couleur est à privilégier sur fond blanc. À défaut on respectera les recommandations suivantes : En couleur sur fond très clair (densité inférieur à 10%). En noir sur fond clair (densité inférieure à 35%). En réserve sur fond foncé (densité supérieure à 35%).
- D’une manière générale, on veillera à la bonne lisibilité du logo : sur une photo perturbée, il faudra le placer sur une zone peu contrastée, à défaut on le placera dans un cartouche respectant à minima sa zone de protection.
- Chaque composante fait partie de l’un des 6 grands secteurs. Ces secteurs sont indentifiables selon un code couleur dont la composition colorimétrique est définie ci-dessous. Il importe que chaque composante respecte la couleur de son secteur pour une image de marque plus forte de l’université.
- La couleur 1 est la couleur dominante, accompagnée de la couleur secondaire 2, elles définissent ensemble la couleur du secteur. La couleur 3 est une couleur d’accompagnement prédéfinie des deux premières, et peut être complété d’autres couleurs propres à chaque composante, dans le respect de la couleur de secteur, et de sorte que l’ensemble soit harmonieux.
- Secteur arts, lettres, langues et sciences humaines : Couleur 1 Pantone 137 C, RVB 255, 161, 0, CMJN 0, 40, 100, 0, Hexadécimal #FFA100; Couleur 2 Pantone 1655 C, RVB 251, 79, 20, CMJN 0, 70, 95, 0, Hexadécimal #FB4F14; Couleur 3 Pantone 7406 C, RVB 235, 183, 0, CMJN 0, 20, 100, 0, Hexadécimal #EBB700
- Secteur droit et sciences politiques / Secteur économie et gestion : Couleur 1 Pantone 711 C, RVB 207, 47, 68, CMJN 0, 97, 73, 0, Hexadécimal #CF2F44; Couleur 2 Pantone 1805 C, RVB 170, 39, 47, CMJN 23, 100, 87, 29, Hexadécimal #AA2F2F; Couleur 3 Pantone 7427 C, RVB 150, 23, 46, CMJN 0, 100, 74, 23, Hexadécimal #96172E
- Secteur sciences et technologies : Couleur 1 Pantone 646 C, RVB 84, 130, 171, CMJN 80, 30, 0, 20, Hexadécimal #5482AB; Couleur 2 Pantone 7462 C, RVB 0, 90, 139, CMJN 80, 42, 0, 46, Hexadécimal #005A8B; Couleur 3 Pantone 3125 C, RVB 0, 176, 202, CMJN 80, 0, 20, 0, Hexadécimal #00B0CA
- Secteur santé : Couleur 1 Pantone 360 C, RVB 97, 194, 80, CMJN 70, 0, 80, 0, Hexadécimal #61C250; Couleur 2 Pantone 349 C, RVB 0, 105, 60, CMJN 90, 25, 100, 30, Hexadécimal #00693C; Couleur 3 Pantone 367 C, RVB 165, 216, 103, CMJN 42, 0, 75, 0, Hexadécimal #A5D867
- Secteur pluridisciplinaire : Couleur 1 Ref. Blue C, RVB 0, 35, 149, CMJN 100, 91, 0, 0, Hexadécimal #002395; Couleur 2 Pantone 2748 C, RVB 3, 31, 115, CMJN 100, 95, 5, 19, Hexadécimal #031F73; Couleur 3 Pantone 3262 C, RVB 0, 192, 181, CMJN 80, 0, 35, 0, Hexadécimal #00C0B5
2015
Brand Summary
Mission
- AP is solely focused on the mission of newsgathering, distribution, and service, serving as the definitive source for trusted news with a commitment to the people’s right to know [^1].
Core Values
- integrity
- action
- independence
Target Audience
- Customers, members, and news consumers seeking accurate, independent, and trusted news [^2].
Personality Traits
- gutsy
- resourceful
- connected
Visual Identity Overview
- The AP visual identity system is bold, straightforward, and contemporary, featuring a revised logo, watermarks, a dynamic color palette, and a comprehensive look and feel that unites the brand across all touchpoints [^3].
Categories
Brand Voice
- How do we best describe ourselves? As gutsy, resourceful and connected. What do we value? Integrity, action and independence.
- Our brand personality traits -we are gutsy, resourceful and connected -reflect who we are and how we act, and make us stand out among news organizations.
- AP’s values -integrity, action and independence -shape our trusted reputation and underscore the expertise that differentiates us from others in the industry. These brand values are the foundation for our behaviors, actions and culture.
Brand Imagery
- Photography is not only a key product of AP, it is a powerful medium to tell our story. The prompt is a secondary visual element that strengthens the content relationship with the AP logo.
- Use photographs that are rich in colors, employ striking cropping or subject matter, and help further our brand attributes.
- Whenever possible, always use photographs in layouts where it is either full-bleed off the edge of the piece, or at least off one side in editorial layouts.
- Emphasis should be put on the choice of a single image rather than a flurry of images. Never create mosaic images. If you must show many pictures as part of a composition, use the Image Stream, explained in section 3.8.
- Photographs should not be distorted, colorized or have any other effects applied. Cropping should be used with restraint and only to achieve fullbleed images. The AP Watermark is the only graphic treatment that should be used on top of images.
- Photos should be given prominence, without overuse of graphic treatments that diminish them.
- Do not put photos into containing shapes; do not fade images with transparency or gradients.
- In case you must show a combination of many photographs, use the Image Stream.
- The Image Stream is a layout device where all images are kept in the original (uncropped) aspect ratios, but arranged along a common top or bottom axis at different scales, and surrounding a prompt line.
- It allows each image to maintain its own strength and for the document to maintain a visual stability that is key to communicate AP’s value of integrity. It also affords designers a way out of cacophonous image mosaics.
- [1] Streams should be arranged flush on the edges of the composition, while still respecting the top margin height. For the left and right margins, streams should bleed off the page or come as close to the edge as possible.
- Ideally the Prompt will be aligned within a column of the grid so as to emphasize its strength. Margins between images should be two prompt-widths, like the grid’s margins.
- [2] Variation in sizes and aspect ratios creates dynamic composition. Red prompt line emphasizes the alignment axis, reinforcing solidity and connectedness.
- [1] Objects should align only on one axis.
- [2] In a Stream, the prompt should always be surrounded by content on both sides.
- [3] Do not use so many elements so as to make the Prompt feel insignificant.
- [4] Do not use more than one prompt in a Stream.
- [5] Do not alter the margins between images and the prompt. Margins should always be two prompt-widths.
- [6] Vertical use is not advised as it connotes fragility. For vertical applications, see special use cases on the following page.
- A stack of full-bleed images is built using a grid based on the AP logo’s size on the application.
- In the case of vertical large-format pieces that must highlight a diversity of imagery while being visible from a distance (e.g., banners), a special exception to the image stream format is used only with the express approval of AP Corporate Communications.
Color Palette
- Color is crucial to our visual identity. Neutral colors pair well with the Medium range. Deep colors pair well with Brights.
- Color is crucial to our visual identity.
- Color brings visual interest to our communications, helps to maintain a consistent look and feel, and differentiates us from other organizations. Each color palette has been chosen with specific functions in mind.
- Inspired by our signature artwork, our primary color palette prominently features AP ID Red. However, AP ID Red should be used judiciously in order to maintain its prominence.
- Neutrals: AP ID White CO MO YO KO CO MO YO KO R255 G255 B255 #FFFFFF; AP Neutral Deep Gray C38 M28 Y21 K63 Pantone 425C C76 M63 Y55 K24 Pantone 433U R51 G51 B51 #333333; AP Neutral Light Gray C2 M3 Y4 KS Pantone Warm Gray 1 C C2 M3 Y7 K8 Pantone Warm Gray 1 U R231 G226 B216 #E7E2D8; AP Neutral Medium Gray C13 MB Y16 K26 Pantone 414C C26 M17 Y24 K3 Pantone 414U R182 G182 B171 #B6B6AB
- Mediums: AP Medium Blue C98 M24 Y1 K3 Pantone 7461 C C100 M1 Y8 K10 Pantone 640 U R20 G105 B148 #146994; AP Medium Green C51 MS Y98 K23 Pantone 377C C27 MO Y97 K13 Pantone 390U R102 G153 B0 #669900; AP Medium Yellow C3 M36 Y100 K6 Pantone 131C CO M18 Y100 K6 Pantone 7405U R209 G150 B0 #D19600; AP Medium Purple C74 M98 Y2 K12 Pantone 2613C C56 M79 YO KO Pantone 526U R102 G7 B117 #660775
- Deeps: AP Deep Blue C100 M73 Y30 K83 Pantone 296C C98 M67 Y32 K45 Pantone 5395U RB G28 B47 #081C2F; AP Deep Green C83 M35 Y51 K81 Pantone 5535C C85 M32 Y79 K64 Pantone 5535U R33 G51 B48 #213330; AP Deep Brown C40 M53 Y59 K89 Pantone Black 4 C C35 M46 Y82 K57 Pantone Black 4 U R56 G38 B30 #38261E; AP Deep Purple C68 M85 Y29 K74 Pantone 7449 C C52 M89 Y33 KSO Pantone 7449 U R50 GO B33 #320021
- Brights: AP Bright Blue C84 M21 YO KO Pantone 2925C C69 M10 YO KO Pantone 299U R28 G148 B208 #1C94D0; AP Bright Green C24 MO Y98 KB Pantone 390C C32 MO Y82 KO Pantone 382U R163 G190 B13 #A3B30D; AP Bright Yellow CO M27 Y100 KO Pantone 124C C1 M17 Y93 K3 Pantone 7406U R236 G178 BO #ECB200; AP Bright Purple C37 M100 YO KO Pantone 247C C22 M66 YO KO Pantone 247U R181 G3 B176 #B503B0
- AP ID Red - For background use ONLY: CM 090 Y60 K0 Pantone Red 032 C, CMYB Y78 K0 Pantone Red 032 U, R255 G50 B48 #FF3220
- RECOMMENDED USES NEUTRALS ✓ BACKGROUND ✓ TEXT X HIGHLIGHT COLORS X TEXT ON PHOTOGRAPH ✓ CONTAINING SHAPES
- RECOMMENDED USES MEDIUMS X BACKGROUND ✓ TEXT ✓ HIGHLIGHT COLORS X TEXT ON PHOTOGRAPH X CONTAINING SHAPES
- Pair neutrals with medium or deep colors…
- Neutral colors pair well with the Medium range.
- Neutral colors are intended for supporting applications, such as backgrounds, text, the watermark and the prompt.
- Medium colors are intended for use with titles, colored text when necessary and other accents in a design. They should not be used for backgrounds.
- Using Neutrals and Mediums together in applications such as printed publications will convey a sophisticated tone.
- Not multiple neutrals or mediums together.
- RECOMMENDED USES DEEPS ✓ BACKGROUND ✓ TEXT X HIGHLIGHT COLORS X TEXT ON PHOTOGRAPH ✓ CONTAINING SHAPES
- RECOMMENDED USES BRIGHTS X BACKGROUND X TEXT ✓ HIGHLIGHT COLORS ✓ TEXT X CONTAINING SHAPES ON PHOTOGRAPH
- Deep colors pair well with Brights.
- Deep colors are intended for complementary use with bright and/or neutral colors, especially as backgrounds, text, containers and the prompt.
- Bright colors are intended for special cases such as text over photos and colored accents. They should not be used for backgrounds or the prompt.
- Using Deep and Bright colors together in applications such as video, Web and mobile will create a rich, engaging experience.
- Pair deep colors with brights or neutrals…
- Not multiple deep colors together, or brights and mediums.
Typography
- The AP typography consists of two typefaces: Good and Freight Text.
- AP typography consists of two typefaces: Good and Freight Text. Freight Text Book, 15pt
- Good Book, 12pt
- Both typefaces come in a variety of weights and style and offer flexibility of use. Commitment to these typefaces will create a consistent and strong identity. Below are a few distinctive feature of those typefaces.
- When text such as “Associated Press” or long headlines are locked up with the logo, Good Condensed should be used.
- When Good is not available for use, in some digital applications for example, it can be substituted by Verdana, and ifVerdana is not available, a sans-serif such as Helvetica and Arial can be used as substitution. When Freight Text is not available for use, Georgia should be the replacement typeface.
- h1 Good Bold, All CAPS
- Subhead / lead Georgia regular, Sentence case
- h2 Good Bold, All CAPS
- h3 Good Book, Sentence case
- h4 Georgia regular, Sentence case,
- h5 Georgia Bold, Sentence case,
- h6 Georgia Bold, Sentence case,
- Body text long Form Georgia regular Justified
- Body text Short Form Verdana regular left Aligned
- Bulleted lists Georgia or Verdana (weight depending on surrounding text), en dash bullets
Logo Usage
- The AP logo is the single most powerful element in our identity.
- Its upright black letterforms, solid baseline and red “prompt” underline are memorable and embody the values of integrity, action and independence.
- The white “container” is an integral part of the logo, allowing it to be applied to any kind of content.
- The AP signature is a combination of the logo and the words “Associated Press” aligned on a horizontal axis.
- They follow simple rules to respect their integrity in all situations.
- The AP logo and adjoining signatures follow simple rules to allow their integrity to be respected in all situations.
- As a general rule, the width of the logo is the minimum protection area allowed on each lateral side of the mark, including when using the corporate signature.
- It is perfectly acceptable to use a greater amount of space, leaving the logo as the dominant element and the signature a supporting element (figure 2).
- Whenever possible, the AP logo should be positioned at the very top of the document, composition or application.
- The AP logo should be dominant in any application.
- In print use, the logo should never be smaller than .2 inches in height. When used in digital applications such as the Web or on mobile devices, 50 pixel tall should be the minimum size.
- In special cases, such as icons which require a size smaller than the specified minimum, use a version specially rendered for that application. See section 2.8.1 for special small-use cases and section 5 for included Artwork.
- In any applications, the AP logo should always be legible, dominant and unobstructed. This is essential to strengthening the AP brand.
- Dominant logo leads the way.
- Always place the mark as the lead into the content -neither below nor following the content. Content should not clutter this logo. This is to ensure the AP logo is highlighted and not lost.
- Exceptions: When the document is in a right-to-left language, such as Arabic or Hebrew, the mark should live on the right side where the content begins.
- Maintaining the integrity of the logo is essential to strengthening the APbrand.
- Always use artwork that has been provided byAP Corporate Communications. When unsure about the way to proceed, give us a call or send us an email. (see last page)
- The cases outlined here are in no way meant as an exhaustive list of all potential misuse of the AP logo.
- It is recommended to use the logo on a color backdrop or a photographic backdrop.
- Do not modify the logo in anyway, including: - Outline edges - Remove the white container or prompt - Position in a corner - Stretch - Stretch the white container - Detach the prompt from the logo - Rotate - Recreate - Use a different typeface - Change the color of container or prompt - Change the color of “AP” - Make into a lock up - Set into text
- In keeping with our Masterbrand Strategy and the “One AP” mission, we are simplifying the face we put forward to customers. The goal is to ensure all touch points strengthen and promote the main AP brand.
- This means that custom wordmark lockups are no longer acceptable. Product and division names can be highlighted by using a headline font, but will no longer be linked to the logo.
- Do not create custom ‘lockup’ marks for divisions…
- While maintaining the integrity of all elements of the visual system is critical, their adaptation to some special cases will occur from time to time.
- If you believe you have a special case that is not answered in this document, DO NOT CREATE ORIGINAL ARTWORK. Simply direct your request to Corporate Communications (see the last page of this document).
- In print applications, the logo should not be used smaller than .2 inches tall.
- Special scenarios require redrawn logo artwork for optimal rendering at very small sizes. See section 5. Artwork for such files.
- In video applications (e.g., in bugs or lower thirds), the logo may be set at 50 percent opacity, if needed.
Tone And Messaging
- AP is unique in the world among news agencies in that our only agenda is news: We are solely focused on the mission of newsgathering, distribution and service.
- With more experience reporting and delivering news than any other agency, our independent standing and a strong commitment to the people’s right to know, we are the definitive source for trusted news.
- All of us at AP understand this extraordinary mission, which dates back to 1846. But it is also important to make a bold statement to customers, members and news consumers about what we do.
- A strong brand helps us be clear about who we are and what we stand for. It lets us reinforce what is unique about AP and what customers and consumers can expect when they encounter AP news, people or products.
- In 2009, AP undertook a strategic initiative to develop a masterbrand strategy that would define what makes us different from other news organizations, serve as a guide for business decisions and clarify the values and traits all AP staff embody. How do we best describe ourselves? As gutsy, resourceful and connected. What do we value? Integrity, action and independence.
- The AP visual identity system brings these traits and values to life. It allows us to leverage the great work we do by uniting under a comprehensive look and feel, driving competitive advantage and creating a distinct footprint in the media marketplace.
- AP’s values — integrity, action and independence — shape our trusted reputation and underscore the expertise that differentiates us from others in the industry. These brand values are the foundation for our behaviors, actions and culture.
- Our brand personality traits -we are gutsy, resourceful and connected -reflect who we are and how we act, and make us stand out among news organizations.
- As we continue our evolution to a diversified digital news company, our brand promise remains the same. The AP Masterbrand Strategy enables us to channel our brand traits, personality, vision and promise into a new visual identity system that captures our history and guides our future.
Brand Values
- How do we best describe ourselves? As gutsy, resourceful and connected. What do we value? Integrity, action and independence.
- In an increasingly fragmented media world, AP’s values — integrity, action and independence — shape our trusted reputation and underscore the expertise that differentiates us from others in the industry. These brand values are the foundation for our behaviors, actions and culture.
- INTEGRITY: Beijing based video journalist Ken Teh covers the violent street riots in Bangkok, as police squared off against Red Shirt demonstrators advancing to pour blood on government buildings. AP Photo by Sakchai Lalit.
- ACTION: In the height of the Libyan conflict, an anti-Gadhafi fighter is interviewed by Cairo-based journalist Hadeel Al-Shalchi and Paris-based cameraman Nicolas Garriga outside the town of Nalut. AP Photo by Lefteris Pitarakis.
- INDEPENDENCE: AP White House correspondent Ben Feller conducts a one-on-one interview with President Barack Obama. AP Photo by Pablo Martinez Monsivais.
Visual Style
- The AP logo is the single most powerful element in our identity.
- Its upright black letterforms, solid baseline and red “prompt” underline are memorable and embody the values of integrity, action and independence.
- The white “container” is an integral part of the logo, allowing it to be applied to any kind of content.
- The AP signature is a combination of the logo and the words “Associated Press” aligned on a horizontal axis.
- They follow simple rules to respect their integrity in all situations.
- The AP logo and adjoining signatures follow simple rules to allow their integrity to be respected in all situations.
- As a general rule, the width of the logo is the minimum protection area allowed on each lateral side of the mark, including when using the corporate signature.
- It is perfectly acceptable to use a greater amount of space, leaving the logo as the dominant element and the signature a supporting element (figure 2).
- Whenever possible, the AP logo should be positioned at the very top of the document, composition or application.
- The AP logo should be dominant in any application.
- In print use, the logo should never be smaller than .2 inches in height. When used in digital applications such as the Web or on mobile devices, 50 pixel tall should be the minimum size.
- In special cases, such as icons which require a size smaller than the specified minimum, use a version specially rendered for that application. See section 2.8.1 for special small-use cases and section 5 for included Artwork.
- In any applications, the AP logo should always be legible, dominant and unobstructed. This is essential to strengthening the AP brand.
- Dominant logo leads the way.
- Always place the mark as the lead into the content -neither below nor following the content. Content should not clutter this logo. This is to ensure the AP logo is highlighted and not lost.
- Exceptions: When the document is in a right-to-left language, such as Arabic or Hebrew, the mark should live on the right side where the content begins.
- Maintaining the integrity of the logo is essential to strengthening the APbrand.
- Always use artwork that has been provided byAP Corporate Communications. When unsure about the way to proceed, give us a call or send us an email. (see last page)
- It is recommended to use the logo on a color backdrop or a photographic backdrop.
- Do not modify the logo in anyway, including: - Outline edges - Remove the white container or prompt - Position in a corner - Stretch - Stretch the white container - Detach the prompt from the logo - Rotate - Recreate - Use a different typeface - Change the color of container or prompt - Change the color of “AP” - Make into a lock up - Set into text
- Custom wordmark lockups are no longer acceptable. Product and division names can be highlighted by using a headline font, but will no longer be linked to the logo.
- Do not create custom ‘lockup’ marks for divisions…
- For limited use. See Visual Brand Guidelines.
- Hond-rosterized square icons. Use only os prescribed.
- Pre-scaled logo PNG files and icons were optimized for their current size and are not intended to be enlarged.
Iconography
- In print use, the logo should never be smaller than .2 inches in height. When used in digital applications such as the Web or on mobile devices, 50 pixel tall should be the minimum size. In special cases, such as icons which require a size smaller than the specified minimum, use a version specially rendered for that application. See section 2.8.1 for special small-use cases and section 5 for included Artwork.
- Screen -Icons Hand-rasterized square icons. Use only as prescribed. Favicon AP_ICON_16x16 Phone & iPod Touch Small Icon (search/settings) AP_ICON_29x29 iPhone Hi Res Small Icon (search/settings) AP_ICON_58x58 iPhone & iPod Touch App Icon AP_ICON_57x57 iPad Small Icon (Search Results) AP_ICON_50x50 iPhone Retina App Icon AP_ICON_114x114 Facebook Avatar AP_ICON_180x180 App Store Icon AP_ICON_512x512
- Pre-scaled logo PNG files and icons were optimized for their current size and are not intended to be enlarged.
Layout And Composition
- The AP logo is to be the dominant element in all compositions.
- The careful combination of graphic elements is what makes our brand strong.
- The grid is a time-tested tool in creating harmonious compositions. We have devised a grid system that is based on the proportions of the AP logo.
- The dimensions of the primary (vertical) logo will guide all grid making decisions. The width of the logo (x), its height (y), the height of the prompt (z), as well as the height of the AP letters (CAP), and the space between the prompt and the AP letters (1/2 CAP) are the variables used.
- In special cases where the secondary (horizontal) logo is used, the width of the logo is wider (w), but all other variables remain the same.
- Using those proportions supports elegant and strong compositions.
- When determining a grid, begin with the width of the application.
- Choose the appropriate size of the logo according to the sizing chart of the varying applications. Excluding special cases, logo width will be normally 1/10th or 1/12th the total application width.
- The resulting width of the logo will serve as the determining measurement for column width.
- The thickness of the prompt serves as the starting point for the gutter.
- Both horizontal and vertical gutters are double the thickness of the prompt.
- Once the logo size has been determined, place the maximum amount that will fit on the application, while including gutters (2z) between each instance of the logo (x).
- If the total number is even, remove one instance to end with an odd number. Remove any gutters that are on the outside, and center the remaining instances and gutters to produce the grid’s columns. Any remaining space serves as the left and right margins.
- The top margin is determined by the height (y) of the logo, as well as the grid rows. The gutter between rows is also twice the thickness of the prompt (22). Rows continue in this manner until the space remaining is less than the total height (y) and CAP height of the logo. The bottom margin is the remaining space.
- See section 5. Artwork for preset grids for letter, tabloid, A4 and A3 paper sizes.
- THE CONSTRUCTION OF A GRID FOR AN 8.5 x 11 INCH SHEET.
- In cases using the horizontal mark, the columns and rows are determined in the same manner as when the vertical mark is used, yet the height of the row is the determining measurement of the grid, generated by the ratio between the height (x) and the total height of the application.
- Additionally, the right margin is now determined by the width (w) of the logo, and the top, bottom and left margins are flexible.
Watermark Guidelines
- Watermarks help identify AP materials in a subtle and tasteful way, especially when using images is not an option.
- Designed as expanded, transparent versions of the AP letters in the AP logo, the watermarks strengthen the notion of connectivity that is a key attribute of the AP brand.
- Watermark patterns serve as a graphic element that can be used to distinguish otherwise unmarked photos or blank space. Using the watermark allows the system to maintain a brand presence without the striking AP logo.
- Patterns are acceptable over solid backgrounds and images, but should not be used when an image stream is in use, or a non-bleeding image is in use.
- The thickness of the strokes should always be of the same thickness as the prompt to link the two and create a more harmonious composition.
- Watermarks are made of three or four elements combined in an elegant composition.
- Pre-composed watermark artwork is provided, but in cases where artwork needs adjustments (e.g., use with photographs), new compositions can be made by following these rules:
- The distance between parallel elements should be greater than the width of the AP logo on the page.
- Bleed the watermark on at least one side.
- Follow color rules (Neutral or Bright on Deep or Photo, Neutral on Neutral or White)
- The watermark should be independent of the content-not interfering nor interacting with photographs, text or the logo.
- Proper watermark applications
- Parallel lines should not come too close to each other
- The watermark should not frame the content area
- Avoid excessive number of watermark elements
- Do not create recognizable shapes or letterforms
- No arbitrary rotation of the watermark. Only rotate watermark elements at 90° angles
- The elements should not be contained in a tight area
- The elements should not intersect
- The watermark should not interact with the content
- Watermarks follow the general rules for color use.
- Watermarks should always be rendered in Neutral or Bright colors and used only on the specified backgrounds.
Environmental Applications
- This example demonstrates an environment that can be created within our graphic system.
🐛 Report