Design
Templates, CI and Design files of the Open Toolchain Foundation
Logo
Plain Logo
Stacked
Linear
Find color variations of the above variants in the folder logo.
Find explanation of the symbolic meanings built into the logo here (Slide 4).
Colors
#0b1324
ebony
Main background color
#ffffff
white
Light background color
#efeae4
pearl brush
Alternative light background color
#000000
black
Text color
#02ca9d
turquoise
Accent color - for logo and graphical elements on the main background color (ebony), link color
#02785e
teal
Alternative accent color
#f2bd4e
amber
Alternative accent color
#d78f1d
bronze
Alternative accent color
Fonts
Space Grotesk (light)
For headers. Normally the light style is used, but boldness can be varied (e.g. bolder font if font size is smaller)
Roboto
for paragraphs & other text
To embed the fonts into the file structre of a website without the website needing to send (privacy-wise questionable) requests to google, use the Google Webfont Helper.
Design Elements
Hexagonal shapes and patterns, symbolizing technical efficiency and modularity (elements that fit together like honeycombs).
Examples
License
Partly based upon the INTERFACER CI by Oliver Schwartz
Fonts:
- SpaceGrotesk: Copyright 2020 The Space Grotesk Project Authors (https://github.com/floriankarsten/space-grotesk)
- Space Grotesk is licensed under the SIL Open Font License v1.1, see OFL.txt for details.
- Roboto: Copyright 2011 Google Inc. All Rights Reserved.
- Roboto is licensed under the Apache License, Version 2.0.
Other Info
SVG files are created with inkscape.