Skip to content

Spec: Visual Identity

David Persson edited this page Jul 23, 2011 · 2 revisions

Symbol

The symbol is a stylized pyramid. The symbol is kept abstract in contrast to a real world object. It emphasizes the cleanliness and pure simplicity of the shape of both code and symbol. Within a text only context Delta can be used to imitate the symbol.

Typography

The font used for the Lithium text is Helvetica Medium Extended.

Color

The color theme is named Lithium in Neon. It's inspired by the colors occurring when burning a piece of lithium. An external tool for playing around with the theme can be found on this page. Following the commonly used colors.

<style type="text/css"> .swatch { font-size: 0.75em; text-align: center; float: left; width: 7.6em; border: 1px solid #000; margin: 3px 3px 3px 3px; padding: 3px 3px 3px 3px; } .swatch div { height: 50px; } </style>
#000
#0d0d0d
#111
#454545
#666
#999
#a6a6a6
#e5e5e5
#e6e6e6
#f0f0f0
#fafafa
#fff
#00bbff
#00a8e6
#9c62ff
#ee00ff
#d42aae
#ff59ff
#00ff3b
#4ddb4a

Logo

The text is aligned on the height of the most right corner of the pyramid. The symbol reaches into the kerf of the text. Within a text only context Delta Lithium can be used to imitate the logo.

Clone this wiki locally