Brand Kit
Last updated
Last updated
Learn to use the foundational elements of the Facet brand, from logo, to colors and typography.
The Facet logo is comprised of two elements: the icon and the wordmark.
The logo blueprint is carefully constructed. When utilizing it, please refrain from using two separate icon and wordmark files; instead use the full logo file.
Download the logo or icon below via "right-click, save."
Facet's primary color scheme revolves around black, white, and Facet Purple. We use dark and light greys alongside black dots to create contrast. Ethscription Green stands out as a secondary color, bringing a vibrant touch to the palette.
If you need additional colors for graphs or visualizations, use the tints below. Keep in mind, these are intended as tertiary alternatives to the primary/secondary colors above and should be used sparingly.
Facet places a high value on clarity, readability, and a modern aesthetic in our documentation. To achieve this, we have chosen the Roobert font family for our text.
Roobert Semibold - This style is utilized for major headings and titles. It provides a bold and prominent look, making it perfect for catching the reader's attention and clearly delineating sections.
Roobert - This style is used for body text. Its regular weight and ample size ensure readability and comfort for extended reading, making it ideal for paragraphs and detailed explanations.
Roobert Mono - This monospaced version of Roobert is used for code snippets and technical information. The fixed-width nature of monospaced fonts helps in maintaining the alignment and clarity of code, making it easy to read and understand.
Font sizes and tracking are detailed in the Brand Guide. If a font isn't supported, please use the following fallback typefaces:
Inter to replace Roobert
IBM Plex Mono to replace Roobert Mono
For a comprehensive guide on the use of the Facet brand, please refer to the Facet Brand Guide below:
Asset | SVG (vector) | PNG (black) | PNG (white) |
---|---|---|---|
Color | HEX Value | Usage |
---|---|---|
Black | Dark Grey | Facet Purple | ETHS Green |
---|---|---|---|
Black
#000000
Primary
Dark Grey
#3A3E4A
Primary
Light Grey
#E2E3DF
Primary
White
#FFFFFF
Primary
Facet Purple
#3F19D9
Primary
Ethscription Green
#C3FF00
Secondary
#4D4D4D
#757880
#795EE4
#DBFF66
#808080
#9C9EA4
#9F8CEC
#E7FF99
#CCCCCC
#D8D8D8
#C5BAF4
#EDFFB2
Logo
Icon