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."
Logo
Icon
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.
Black
#000000
Primary
Dark Grey
#3A3E4A
Primary
Light Grey
#E2E3DF
Primary
White
#FFFFFF
Primary
Facet Purple
#3F19D9
Primary
Ethscription Green
#C3FF00
Secondary
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.
#4D4D4D
#757880
#795EE4
#DBFF66
#808080
#9C9EA4
#9F8CEC
#E7FF99
#CCCCCC
#D8D8D8
#C5BAF4
#EDFFB2
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.
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:
- 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.
- 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.
- 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.