Brand Guidelines

Built for
Coordination.

The ECH Institute brand system engineered for institutional trust, visual clarity, and technical excellence across the Ethereum ecosystem.

ECH Institute Cat

Institutional Spectrum

Consistent use of color is vital to the ECH brand. Our palette is built on a foundation of depth, institutional trust, and high-contrast accessibility.

#FBFBFB

Light Neutral

Page background

Default canvas for light theme sections and spacious layouts.

#151419

Dark Ink

Primary text

Use for headings, body text, icons, and high-contrast UI details.

#1B1B1E

Deep Surface

Dark sections

Use for nav, hero accents, footer, and high-emphasis dark blocks.

#262626

Panel Neutral

Cards and dividers

Use for cards, form shells, borders, and layered dark panels.

#878787

Muted Gray

Secondary content

Use for supporting text, metadata, helper copy, and quiet icons.

#F5A51D

ECH Yellow

Accent only

Reserve for CTAs, active states, highlights, and key visual moments.

Usage Balance

Our color system is built on spacious neutrals with disciplined use of accents.

100Total %
Base Canvas — 60%

Primarily Light Neutral (#FBFBFB) for clear, readable documentation.

Structural — 30%

Dark Ink and Deep Surface for institutional gravity and navigation.

Emphasis — 10%

Reserve Accent Yellow for key actions and focus points.

Institutional Theme Strategy

We maintain a single institutional pallet that adapts role responsibility between Light and Dark canvases.

Light Theme Role

STRATEGY // 01

Use #FBFBFB as the page background, keep #151419 for strong readable text, and bring in #1B1B1E plus #262626 only where the layout needs extra depth.

Canvas#FBFBFB
Text#151419
Accent#F5A51D

Dark Theme Role

STRATEGY // 02

Keep the same six colors in dark mode: #151419 as the page base, #1B1B1E and #262626 for depth, #FBFBFB for readable text, and #F5A51D only for emphasis.

Base#151419
Type#FBFBFB
Muted#878787

Institutional Typefaces

Our typography reflects a balance between technical precision and human coordination. We use Syne for high-impact statements and DM Sans for all supporting communication.

Aa
Primary Header Family

Syne

Institutional standard for high-impact statements and brand headings.

Range600800
Roleheading
ExtraBold 800WGT: 800

Ethereum Community

Bold 700WGT: 700

Ethereum Community

SemiBold 600WGT: 600

Ethereum Community

Aa
Supporting Body Family

DM Sans

Institutional standard for reading experiences, interface logic, and metadata.

Range400700
Rolebody
Bold 700WGT: 700

Ethereum Community

Medium 500WGT: 500

Ethereum Community

Regular 400WGT: 400

Ethereum Community

Display Large
SIZE/LH72/64px
TRACKING-0.04em

Main Identity

H1 / Header
SIZE/LH48/44px
TRACKING-0.02em

Educational Programs

H2 / Regular
SIZE/LH36/32px
TRACKING-0.01em

Institutional Overview

Body Copy
SIZE/LH18/28px
TRACKING0.01em

Ethereum community homesteading since 2019.

Metadata
SIZE/LH12/16px
TRACKING0.05em

VERSION 4.2 // BUILD ID: ECH-2026

Icons & Marks

Supporting assets include the cat mascot, paw marks, and partner logos.

Cat Mascots

Cat Hero

Cat Hero

Cat Head

Cat Head

Cat Laptop

Cat Laptop

Cat Peek

Cat Peek

catty Laptop

catty Laptop

Secondary Marks & Elements

Cat Icon

Cat Icon

Cat White

Cat White

Paw Icon

Paw Icon

Paw & Yarn

Paw & Yarn

Paw Print 2

Paw Print 2

Paw Print 3

Paw Print 3

Paw Print 4

Paw Print 4

Paws Group

Paws Group

Retro TV

Retro TV

Yarn Ball

Yarn Ball

Buttons & Badges

Our UI elements enforce brand consistency through semi-rounded surfaces, disciplined accent placement, and industrial-grade metrics that adapt to both light and dark themes.

Button Mechanics
Weight: 900 // Rounding: 16px // Accent: var(--accent-brand)
Stroke: 2px // Role: Passive / Navigation
Metadata Badges
Public GoodEducationCoordination

Badges use fully rounded containers and high-contrast color shifts to categorize institutional initiatives within the Proplay framework.

ECH Cat

Ready to
Coordinate?

Access our high-fidelity asset library and join hundreds of Ethereum contributors building with the ECH brand system.