Facet Docs
  • 1. Introduction
    • Overview of Facet Protocol
    • What is Layer 1+?
    • The Based Sovereign Rollup
  • 2. Getting Started
    • Connecting a Wallet
    • Sending Transactions
    • Bridging In (and Out)
    • What about Gas?
    • Facet Apps
  • 3. Technical Details
    • Introduction
    • Facet RPC & Explorer
    • Genesis Contracts
    • Facet Transactions
      • From Calldata
      • From Event Logs
    • Facet Typescript SDK
    • Facet Sol (Foundry)
    • Chain State Derivation
    • Running a Facet Node
    • Bridging Assets
    • Building an Optimistic Bridge on Facet
    • Basic Transaction Flow
    • Facet's Gas Mechanism
      • FCT Issuance Calculation
      • FCT Gas Fee Calculation
    • Security Audits
  • 4. Community & Support
    • FAQs
    • Comparison with Other Rollups
    • Micro-Grants
    • Community Resources
    • Brand Kit
Powered by GitBook
On this page
  • The Logo
  • Downloadable Assets
  • Colors
  • Additional Colors
  • Typography
  • Detailed Brand Guide
  1. 4. Community & Support

Brand Kit

PreviousCommunity Resources

Last updated 8 months ago

Learn to use the foundational elements of the Facet brand, from logo, to colors and typography.


The Logo

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.

Downloadable Assets

Download the logo or icon below via "right-click, save."

Asset
SVG (vector)
PNG (black)
PNG (white)

Logo

Icon

Colors

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.

Color
HEX Value
Usage

Black

#000000

Primary

Dark Grey

#3A3E4A

Primary

Light Grey

#E2E3DF

Primary

White

#FFFFFF

Primary

Facet Purple

#3F19D9

Primary

Ethscription Green

#C3FF00

Secondary

Additional Colors

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.

Black
Dark Grey
Facet Purple
ETHS Green

#4D4D4D

#757880

#795EE4

#DBFF66

#808080

#9C9EA4

#9F8CEC

#E7FF99

#CCCCCC

#D8D8D8

#C5BAF4

#EDFFB2

Typography

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

Detailed Brand Guide

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.

Roobert Semibold
Roobert
Roobert Mono
14MB
Facet Brand Guide.pdf
pdf