Brand kit

Visual identity for RE Predictions on Integra Layer. Use these assets and guidelines when embedding, sharing, or building on top of the protocol.

Logo

Predictions

Dark (primary)

Predictions

Light

Predictions

Gradient

The logo mark is a 32px rounded square with gradient fill and "RE" monogram. Always maintain 8px minimum clear space.

Color palette

Coral

#FF6D49

Primary action

Pink

#F34499

Gradient start

Coral Dark

#FC4E23

Hover state

Gold

#FFC17A

Streaks, rewards

Teal

#00A186

YES / success alt

Success

#1FC16B

YES outcome

Danger

#FA3748

NO outcome

Warning

#FA7319

Pending state

Info

#335CFF

Data, links

#0A0A0F

Page background

Card

#17171C

Card surface

Text

#E6E6E6

Primary text

Muted

#A3A3A3

Secondary text

Subtle

#6C757D

Tertiary text

Gradients

Brand gradient

Buttons, CTAs

Text gradient

Hero headings

YES bar

Probability bars

Typography

Primary typeface: Euclid Circular B. Fallback: -apple-system, BlinkMacSystemFont, sans-serif.

Real estate predictionsH1 — 32px / 700

Real estate predictionsH2 — 22px / 600

Real estate predictionsH3 — 16px / 600

Real estate predictionsBody — 14px / 400

Real estate predictionsSmall — 13px / 500

Real estate predictionsCaption — 11px / 600

Component gallery

Primary button

Ghost button

Status badges

OpenYES wonNO wonAwaitingVoided

Probability bar

YES 65%NO 35%

Card surface

Glassmorphic card

Design tokens

Border radius

Small6px

Medium8px

Large12px

Pill20px

Border colors

Defaultrgba(255,255,255,0.08)

Strongrgba(255,255,255,0.15)

Effects

Card blurblur(12px)

Hover lifttranslateY(-2px)

Transition0.15s ease

Usage guidelines

✓Use Euclid Circular B for all text

✓Use the gradient for primary CTAs and hero text

✓Maintain dark theme — #0A0A0F background

✓Use glassmorphic cards with backdrop blur

✗Never use Inter, Montserrat, or Space Grotesk

✗Never use light/white backgrounds

✗Never place text directly on gradient backgrounds without contrast

✗Never describe Integra Layer as a "Layer 2"