diff --git a/assets/brand/clearspace.png b/assets/brand/clearspace.png new file mode 100644 index 0000000..1a56bf7 Binary files /dev/null and b/assets/brand/clearspace.png differ diff --git a/assets/brand/cobranding-horizontal-lockup.png b/assets/brand/cobranding-horizontal-lockup.png new file mode 100644 index 0000000..afed68b Binary files /dev/null and b/assets/brand/cobranding-horizontal-lockup.png differ diff --git a/assets/brand/cobranding-vertical-lockup.png b/assets/brand/cobranding-vertical-lockup.png new file mode 100644 index 0000000..dcb31e8 Binary files /dev/null and b/assets/brand/cobranding-vertical-lockup.png differ diff --git a/assets/brand/logo/sei-lockup-on-dark.svg b/assets/brand/logo/sei-lockup-on-dark.svg new file mode 100644 index 0000000..d1b122c --- /dev/null +++ b/assets/brand/logo/sei-lockup-on-dark.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/brand/logo/sei-lockup-on-light.svg b/assets/brand/logo/sei-lockup-on-light.svg new file mode 100644 index 0000000..12b82e7 --- /dev/null +++ b/assets/brand/logo/sei-lockup-on-light.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/brand/logo/sei-mark-white.svg b/assets/brand/logo/sei-mark-white.svg new file mode 100644 index 0000000..afe6c58 --- /dev/null +++ b/assets/brand/logo/sei-mark-white.svg @@ -0,0 +1 @@ +Sei mark (white) diff --git a/assets/brand/logo/sei-mark.svg b/assets/brand/logo/sei-mark.svg new file mode 100644 index 0000000..8e0c55c --- /dev/null +++ b/assets/brand/logo/sei-mark.svg @@ -0,0 +1 @@ +Sei mark diff --git a/assets/brand/logo/sei-powered-by-horizontal-on-dark.svg b/assets/brand/logo/sei-powered-by-horizontal-on-dark.svg new file mode 100644 index 0000000..1031847 --- /dev/null +++ b/assets/brand/logo/sei-powered-by-horizontal-on-dark.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/brand/logo/sei-powered-by-horizontal-on-light.svg b/assets/brand/logo/sei-powered-by-horizontal-on-light.svg new file mode 100644 index 0000000..fc482de --- /dev/null +++ b/assets/brand/logo/sei-powered-by-horizontal-on-light.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/brand/logo/sei-powered-by-vertical-on-dark.svg b/assets/brand/logo/sei-powered-by-vertical-on-dark.svg new file mode 100644 index 0000000..6a3f1bf --- /dev/null +++ b/assets/brand/logo/sei-powered-by-vertical-on-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/brand/logo/sei-powered-by-vertical-on-light.svg b/assets/brand/logo/sei-powered-by-vertical-on-light.svg new file mode 100644 index 0000000..65261c9 --- /dev/null +++ b/assets/brand/logo/sei-powered-by-vertical-on-light.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/brand/logo/sei-token-maroon.svg b/assets/brand/logo/sei-token-maroon.svg new file mode 100644 index 0000000..a7d0e79 --- /dev/null +++ b/assets/brand/logo/sei-token-maroon.svg @@ -0,0 +1 @@ +Sei token (maroon) diff --git a/learn/general-brand-kit.mdx b/learn/general-brand-kit.mdx index d1f417d..edca97a 100644 --- a/learn/general-brand-kit.mdx +++ b/learn/general-brand-kit.mdx @@ -2,80 +2,307 @@ keywords: - sei - branding -description: 'Sei Branding Please adhere to these guidelines when featuring Sei in marketing communications, such as advertising, articles, websites, and printed materials.' -title: Sei Branding + - brand kit + - logo + - colors + - typography +description: 'Official Sei brand guidelines — logos, colors, typography, and usage rules for marketing communications, partners, and the broader ecosystem.' +title: 'Sei Brand Guidelines' sidebarTitle: 'Brand Kit' --- - -Please adhere to these guidelines when featuring Sei in marketing communications, such as advertising, articles, websites, and printed materials. -**Download full brand assets and guidelines:** [Sei Brand Assets](/Sei-Brand-Assets.zip) + + Please adhere to these guidelines when featuring Sei in marketing communications, advertising, articles, websites, partner materials, and any printed assets. + **Download the full brand kit:** [sei-brand-assets.zip](https://brand.sei.io/sei-brand-assets.zip) · Full interactive version at [brand.sei.io](https://brand.sei.io) -Great design requires balance and harmony. - -Sei's mission-driven approach delivers powerful simplicity: no fluff, all substance. We pair open landscapes and clean textures with sharp, focused copy. - -Every design decision communicates speed, trust, and uncompromising quality. Consistent implementation creates our sharp, memorable competitive advantage. - -## Brand Strategy - -### Built for Breakthrough Performance - -Sei delivers breakthrough performance through the world's first multi-proposer EVM Layer 1, combining unmatched speed, security, and seamless execution. - -**Precision by Design:** Our twin-turbo consensus achieves sub-400ms finality with interfaces that balance technical mastery and intuitive clarity. - -**Functional Minimalism:** We eliminate complexity for pure performance: clean interfaces, maximum speed, absolute reliability. - -## The Sei Logos - -### Logotype - -![Logotype](/assets/sei-brand-assets/sei_brand_guidelines_2025-6.png) -![Logotype](/assets/sei-brand-assets/sei_brand_guidelines_2025-7.png) -![Logotype](/assets/sei-brand-assets/sei_brand_guidelines_2025-8.png) -![Logotype](/assets/sei-brand-assets/sei_brand_guidelines_2025-9.png) - -### Main Logo +Black and white carry the brand. Maroon and Gold are heritage accents — use them only for emphasis and legacy moments, never as the base palette. -![Main Logo](/assets/sei-brand-assets/sei_red_and_white.svg) +Sei delivers breakthrough performance through the world's first multi-proposer EVM Layer 1, combining unmatched speed, security, and seamless execution. Every design decision communicates speed, trust, and uncompromising quality. -[Download PNG](/assets/sei-brand-assets/sei_red_and_white.png) | [Download SVG](/assets/sei-brand-assets/sei_red_and_white.svg) - -### Logotype Clearspace - -A certain amount of space is needed around the logomark to prevent it from -becoming cluttered by surrounding artwork, images, or the edge of a page. - -Below are the minimum spacings: - -![Logotype Clearspace 1](/assets/sei-brand-assets/sei_brand_guidelines_2025-10.png) -![Logotype Clearspace 2](/assets/sei-brand-assets/sei_brand_guidelines_2025-12.png) - -### Symbol - -![Symbol](/assets/sei-brand-assets/sei_red_symbol.svg) - -[Download PNG](/assets/sei-brand-assets/sei_red_symbol.png) | [Download SVG](/assets/sei-brand-assets/sei_red_symbol.svg) - -### Symbol Clearspace - -![Symbol Clearspace](/assets/sei-brand-assets/sei_brand_guidelines_2025-11.png) +--- -### Logo Misuse +
+ 01 — Logo +
+ +## Primary Logo + +The Sei primary lock-up consists of two elements: the **symbol** and the **wordmark**. This lock-up is the main representation of the brand and should be used consistently as a combined unit. + +
+
+
+ Sei lockup on light background +
+ Lockup · Light + ↓ SVG +
+
+
+ Sei lockup on dark background +
+ Lockup · Dark + ↓ SVG +
+
+ +## Symbol + +The **symbol** is the standalone Sei mark. Use it on its own only when the wordmark is already established elsewhere on the surface (favicons, app icons, watermarks). + +
+
+
+ Sei symbol on light background +
+ Symbol · Light + ↓ SVG +
+
+
+ Sei symbol on dark background +
+ Symbol · Dark + ↓ SVG +
+
+ +## Token + +The **token mark** appears in Maroon. Black and white are fallbacks for constrained environments. + +
+
+ Sei token mark in Maroon +
+ ↓ Download SVG +
+ +## Powered by Sei + +For ecosystem and partner surfaces. Keep the lockup intact and match the clearspace rules. + +
+
+
+ Powered by Sei (vertical) on light +
+ Vertical · Light + ↓ SVG +
+
+
+ Powered by Sei (vertical) on dark +
+ Vertical · Dark + ↓ SVG +
+
+
+ Powered by Sei (horizontal) on light +
+ Horizontal · Light + ↓ SVG +
+
+
+ Powered by Sei (horizontal) on dark +
+ Horizontal · Dark + ↓ SVG +
+
-![Logo Misuse](/assets/sei-brand-assets/sei_brand_guidelines_2025-13.png) +--- -## Sei Colors +
+ 02 — Color +
+ +## Color + +Black and white carry the brand. Maroon and Gold are heritage accents — use them only for emphasis and legacy moments, never as the base palette. + +### Primary Palette + +
+
+ Base Color +
+
Black
+
#000000
+
+
+
+ Base Color +
+
White
+
#FFFFFF
+
+
+
+ Headlines · CTAs · Accents +
+
Maroon
+
#600014
+
+
+
+ Data stats · Highlights +
+
Gold
+
#966F22
+
+
+
+ +### Neutral Ramp + +
+
+
White
+
#FFFFFF
+
+
+
25
+
#F5F5F7
+
+
+
50
+
#CCCCCC
+
+
+
100
+
#999999
+
+
+
200
+
#666666
+
+
+
400
+
#333333
+
+
+
600
+
#131313
+
+
+
Black
+
#000000
+
+
+ +
+ 03 — Typography +
+ +## Primary Typeface + +**Lateral** is our primary typeface. Use it for headlines, product UI, and anything that needs presence. Give it room when setting editorially. + +
+
+
+ Lateral +
+
+
ABCDEFGHIJKLMNOPQRSTUVWXYZ
+
abcdefghijklmnopqrstuvwxyz
+
0123456789 .,:;!?&@*
+
+
+ Condensed Bold · Display + Regular · Body + Light · Subtext +
+
+ Primary font · Headlines · Body · Copy +
+
+
+ +## Secondary Typefaces + +
+
+
+ Items Text +
+
+
ABCDEFGHIJKLMNOPQRSTUVWXYZ
+
abcdefghijklmnopqrstuvwxyz
+
0123456789 .,:;!?&@*
+
+
+ Book +
+
+ Secondary font · Editorial · Quotes · Foundation +
+
+
+
+ ABC Repro Mono +
+
+
ABCDEFGHIJKLMNOPQRSTUVWXYZ
+
abcdefghijklmnopqrstuvwxyz
+
0123456789 .,:;!?&@*
+
+
+ Regular +
+
+ Tertiary font · Data · Tickers · Captions +
+
+
-### Sei Color Palette +--- -![Sei Color Palette](/assets/sei-brand-assets/sei_brand_guidelines_2025-14.png) +
+ 04 — Usage +
+ +## Clearspace + +To maintain the logo's clarity and prominence, follow the clearspace guidelines. A certain amount of space is required around the lockup to prevent surrounding artwork, imagery, or the edge of a page from crowding it. + +
+
+ Sei lockup with X-unit clearspace markers +
+ +
+ +## Cobranding + +Our lockup for brand partnerships is dictated by the clearspace rule, which should also be applied to the partner brand. Ensure both lockups are the same height. + +
+
+
+ Sei + partner horizontal co-branding lockup with clearspace +
+ Horizontal Lockup +
+
+
+ Sei + partner vertical co-branding lockup with clearspace +
+ Vertical Lockup +
+
-## Typography +--- -![Typography 1](/assets/sei-brand-assets/sei_brand_guidelines_2025-15.png) -![Typography 2](/assets/sei-brand-assets/sei_brand_guidelines_2025-17.png) -![Typography 3](/assets/sei-brand-assets/sei_brand_guidelines_2025-16.png) + + Need something not listed here? See the full interactive brand site at [brand.sei.io](https://brand.sei.io) or download the [complete brand kit zip](https://brand.sei.io/sei-brand-assets.zip). +