F PROT. Sub-brands FILE SERVER SECURITY

Transcription

1 BRANDING MANUAL

2 Logo The F PROT Circle Icon was designed by Ágúst Gunnarsson and was introduced in We consider it very strong and it is at the focal point of a lot of our material. The latest update from 2009 by Kári Emil Helgason changes the relationship between the typography and the circle slightly and introduces a whole new system for dealing with sub-products. The main type is still Eurostile (T1). The type aligns with top of the white shapes within the circle. The red bullet aligns with the optical median between the hand of the F and the lower part of the bowl of the P and also the lower half of the circular blue shape within the F PROT circle.

3 Generally, the logo appears with a tag. The basic tag is Antivirus as shown here. Confer with the logo_catalog file in../graphics/branding/ for a full overview. Sub-brands Secondary logos for sub-products have a two-line brand suffix next to them, set in all-caps Trade Gothic LT Pro Bold with solid leading (i.e. the leading equals the type size). F PROT FILE SERVER SECURITY

4 Color Palette The company colors are blue, red, black, white and grey, but the exact combinations for these depend on which product is in question. Colour codes are at the bottom of this page. The company logo is black. FRISK Blue is used in all other graphic elements on anything concerning just the company with white backgrounds. Any type shall be black on white. Our Antivirus products, F PROT, F PROT AVES and LYKLA PÉTUR additionally have the accent colour FRISK Red. The dot separating F and PROT and LYKLA and PÉTUR is always in FRISK Red. Headlines in these materials are in FRISK Red. Type may be either black or FRISK Blue. FRISK Blue Grey serves as the colour of the watermark on printed matter and often as a background colour in tables and info boxes and such. The spellchecker, PÚKI, has the colours FRISK Red, Black and White. Artwork accompanying also uses hues of orange and yellow but these are not standardised. Headlines are Red, backgrounds are black or the artwork described above and type is white or black depending on background. FRISK BLUE CMYK: RGB HEX # 1A 55 8C FRISK RED CMYK: RGB HEX # D7 3A 37 BLACK WHITE NEUTRALS Additionally, there is a pallette of greys and a light blue (15% of FRISK Blue, used for watermarks and such). 12% CMYK: RGB HEX # E8 E8 E8 20% CMYK: RGB HEX # DD DD DD 35% w/bluish tint CMYK: RGB HEX # AA AA B0 FRISK BLUE 15% CMYK: RGB HEX # D9 D3 EF

5 Typography WARNING: This page is written as a reference for designers. Less technical information can be found on the following page. The main copy type is from now on Trade Gothic LT Pro Roman. Rotis Sans Serif is our former main copy type but shall from now on be avoided. A comfortable and recommended type size is 9 points on 11 point leading, leaving 2 points between lines of type. This paragraph is set in 9/11 pt type. Trade Gothic LT Pro Light Trade Gothic LT Pro Roman Trade Gothic LT Pro Oblique Trade Gothic LT Pro Condensed No. 18 Trade Gothic LT Pro Bold Condensed No. 20 Trade Gothic LT Pro Bold Emphasis is achieved by using Trade Gothic LT Pro Oblique or, if necessary Trade Gothic LT Pro Bold. Bold is discouraged in body copy, except for something like the first mention of a feature in bullet points and such. The typestyles we are licensed to use are the following: In case Trade Gothic is not available, Arial or Helvetica shall be used but in case this is avoidable, then by all means, avoid it. The website is using the related News Gothic as a Typekit replacement at the moment (Early 2012). For paragraph brakes, a single line brake as is used here is preferred. Indentation should not be used. Other considerations: Kerning (the spacing between induvidual letters) and tracking (the overall spacing between letters of a word) should be tighter, rather than looser. Avoid adding space between letters. The type should never be justified (with straight edges on both the right and the left side such as in this paragraph). It should be flush left, rag right, meaning the left side is straight and the right side is ragged. WRONG Please make sure the rag does not form odd shapes (it should look irregular, going in and out, rather than shaping up into curves). In certain cases, flush right may be called for but avoid this if possible. Optical margin alignment should be on whenever possible when making text blocks in InDesign and Illustrator. (Accessible through Type > Story > Optical Margin Alignment and then set equal to the point size of the copy). Headlines should be in Bold Condensed No. 20 as they are in this document. Eurostile (T1) must not be used for anything, including headlines, besides the logos, under these updated brand guidelines.

6 Layout DOs Logos shall preferably be placed: a) in the upper left corner on all A4 (or similar) size pages b) in the lower right corner of envelopes and other small material Include the FRISK Blue line on the top and and bottom of all material whenever possible. Place address and contact information at the bottom of the page (except on envelopes, where they should be placed in the upper left corner as per international mailing standards). Set text so that it is flush (ranged, even) left, ragged right, just like this text. This goes for headlines too. Make bullets in bullet points FRISK Red if possible. DON Ts Do not center anything. Do not center logos, headlines or text. Do not justify text either, as explained on the Typography page. Do not use any fonts besides Trade Gothic LT Pro if possible. If impossible, try to use a similar Sans Serif font. Lucida Grande, Helvetica, Arial and Verdana are acceptable alternatives. If there is need for a monospace font, try to use your best judgement. Note that Uppercase Trade Gothic LT Pro Bold is practically monospace, if almost monospace and uppercase is acceptable. Try to limit yourself to the specified corporate colour palette described above. If you need more, try mixing together the colours we have, lightening them, darkening them before resorting to entirely new colours. NOTE These guidelines are intended to improve the clarity of produced work and increase the uniformity of our produced material, not act as a nuisance. Whenever something becomes to much of a pain, ignore it.

7 Graphic Elements A unifying graphic element is the Blue stripe on the bottom and top of our website and printed materials as can be seen in this document. It should be around 5-10 mm in height and bleed off the page on all sides. The red dot is used as a bullet point in bullet lists in Datasheets and such. Text boxes are in FRISK Blue at 15%. Currently we are using abstracted images of lights in our packaging and other F PROT related material. They are available in Graphics/Resources/Light Images/ We are also using a watermark made out of the logo, placed in either the lower-left or lower-right corner in FRISK Blue, set on 15% opacity and the Multiply blending mode.