Colours Type Logo

HERMES Corporate Design

The visual identity of the HERMES project asserts itself via several aspects of a unified graphic design. Among these are: typeface (headline and body), logos, icons, and colours. As the HERMES suite subscribes to the Open Source philosophy, the design guidelines have had to be kept simple for contributors, but recognisable for users.

Colours

The colours of the HERMES project are exactly the sixteen (16) colours of the Solarized palette by Ethan Schoonover:

Name Swatch CIELAB D65 sRGB
L* a* b* Hex xterm
Base03 15 −12 −12 #002b36 234
Base02 20 −12 −12 #073642 235
Base01 45 −07 −07 #586e75 240
Base00 50 −07 −07 #657b83 241
Base0 60 −06 −03 #839496 244
Base1 65 −05 −02 #93a1a1 245
Base2 92 −00 10 #eee8d5 254
Base3 97 00 10 #fdf6e3 230
Yellow 60 10 65 #b58900 136
Orange 50 50 55 #cb4b16 166
Red 50 65 45 #dc322f 160
Magenta 50 65 −05 #d33682 125
Violet 50 15 −45 #6c71c4 61
Blue 55 −10 −45 #268bd2 33
Cyan 60 −35 −05 #2aa198 37
Green 60 −20 65 #859900 64

The Solarized palette is to be used at every opportunity; without prejudice to the generality of the foregoing, this includes:

There is one additional colour. Designated HERMES Blue in English, the HTML colour #81d8d0 unambiguously represents HERMES as a non-profit body corporate; as such, its use is limited to logotypes and icons, HERMES "stash" (promotional goods), top and side navigation bars on this Web site, and advertising. It is to be used sparingly; in combination with the "HERMES" wordmark and a HERMES application icon, it forms part of our intellectual property.

Type

Headlines and textual accents are to be set in Draughtsman A, a typeface chosen for its simplicity and precision (attributes stemming from its inspiration, namely the labelling on architectural and engineering blueprints). It is also distinctive; it was created by Nicholas Edward Werner-Matavka, a member of the HERMES team, and has not been distributed on the Internet until recently. Draughtsman A has an italic variant, but no bold. For this reason, although it may be used for body text, it is not exceedingly suited to this application.

Body text is preferentially to be set in Boing, which was chosen for continuity reasons, as it is the corporate typeface used by QUALCOMM, the erstwhile developers of Eudora. Furthermore, it is a complete typeface, as it has thin, light, medium, semibold, and bold fonts, each with an italic variant. This makes it especially suitable for the foregoing usage.

Finally, a selection of typefaces has been included in HERMES Mail for the pleasure of its users; these do not form a part of the HERMES corporate identity and shall not be further discussed.

Logotypes

The complete logotype of a HERMES product consists of three design elements (HERMES wordmark, wings, and logo proper) and is produced in three proportions (1:1, 1.6:1, and phi). For ease of modification, the authoritative form of a logotype is the Scalable Vector Graphic (SVG) format. Each proportion has a different use, as follows:

At no time is any logotype or wordmark to be rendered in a lossy format such as JPEG. This causes artifacts!

Design Elements

Wordmark

The HERMES wordmark represents us as a collective entity. It may be used in isolation for just that. Otherwise, it shall form part of each product logotype, such that it has equal prominence to the pictorial portion of the foregoing. It is composed of the letters H-E-R-M-E-S, hand-drawn (and therefore not part of any particular typeface) in vertically biconvex fashion (and by definition subtending on both sides an arc of a circle).

Product Logotype

The central "hub" of the logo represents the individual product: a globe for HERMES Mail, a global network for HERMES WireShare, a globe surmounted by the letter 'X' for HERMES Mail/X.

Wings