I AM GR8 — Brand Guidelines

01 · The Story

One family. One mark.

I AM GR8 has evolved from a standalone identity into a distinct member of the Reactiv8 family. The rebrand aligns both logos around the same signature "8" — instantly recognisable, unmistakably ours.

Reactiv8 · The Parent Brand

＆

I AM GR8 · Personal Growth System

Why the change

The original I AM GR8 identity — navy and olive-gold sound bars — served the brand well, and we still own those marks. But as I AM GR8 becomes Reactiv8's consumer platform, the identity now mirrors the parent: same lowercase wordmark rhythm, same two-tone "8". Different products, one unmistakable family.

The shared 8

Both brands close with the same hand-drawn 8 — an orange top loop flowing into a red base. It's the thread that ties every product, page and gradient together.

TOP #F5920B · BOTTOM #D21F2B

02 · Logo Suite

Current logos

Five approved versions. Pick by background, never by preference: colour-on-light and white-wordmark-on-dark are the defaults; mono versions are for single-colour reproduction only. Click to download the PNG.

Primary · ColourLIGHT BACKGROUNDS · logo.png

⬇ PNG

Dark Mode · White + Colour 8DARK BACKGROUNDS · logo-white.png

⬇ PNG

Icon · The 8AVATARS · FAVICONS · SOCIAL

⬇ PNG

Mono · BlackSINGLE-COLOUR PRINT ONLY

⬇ PNG

Mono · WhiteENGRAVING · EMBROIDERY · WATERMARKS

⬇ PNG

Reactiv8 · Parent Brand"BY REACTIV8" LOCKUPS

⬇ PNG

03 · Legacy Marks

The original identity

The navy-and-gold sound-bar marks are retired from active use but remain the property of I AM GR8 / Reactiv8. They must not appear in new materials — keep them archived for reference and legal record only.

Legacy · Primary Mark
Retired · Still Owned

⬇ Archive

Legacy · Lockup Variants
Retired · Still Owned

⬇ Archive

04 · Colour

From navy & gold to orange & red

Every legacy colour has a direct successor in the new system. Click any colour — old or new — to copy its hex code.

The Transition · old → new

Legacy Navy#101820

→

GR8 Black#17181D

Legacy Olive Gold#7A7256

→

GR8 Orange#F5920B

Legacy Taupe#7C7057

→

Momentum Orange#E8590C

Legacy Sand#BAA77B

→

GR8 Red#D21F2B

Legacy Sage#7EB588

→

Soft Glow#FFB25E

Legacy Off-White#F1F0EE

→

Cream#F8F5EE

New Palette · Accents

CLICK TO COPYGR8 Orange

#F5920B
Primary accent · buttons · links

CLICK TO COPYMomentum Orange

#E8590C
Gradient mid · hovers

CLICK TO COPYGR8 Red

#D21F2B
Gradient end · emphasis

CLICK TO COPYSunrise

#FFAA33
Gradient light stop

CLICK TO COPYLink Orange

#F6A21E
Links · icons · eyebrows

CLICK TO COPYSoft Glow

#FFB25E
Kickers · ticks · accents

New Palette · Surfaces & Neutrals

CLICK TO COPYGR8 Black

#17181D
Primary background (dark)

CLICK TO COPYSurface

#20222A
Cards · panels

CLICK TO COPYDeep

#101115
Footer · contrast bands

CLICK TO COPYCream

#F8F5EE
Light-mode background

CLICK TO COPYInk Light

#F4F1E9
Headings & text on dark

CLICK TO COPYMist

#B8BCC9
Body text on dark

Light-Mode Accent Equivalents

CLICK TO COPYAccent (light)

#C2410C
Links & accents on cream

CLICK TO COPYKicker (light)

#B45309
Labels & ticks on cream

CLICK TO COPYInk (light)

#2D3040
Text on cream

05 · Gradients

Signature gradients

Every gradient flows from the 8: light orange into deep red. Never reverse the direction. Click "Copy CSS" to grab the exact rule.

Primary CTA · buttons, badges, toggles

linear-gradient(135deg, #FFAA33, #F5920B 50%, #D21F2B) · text #FFFFFF

Banner strip · announcement bar

linear-gradient(90deg, #D21F2B, #F5920B, #D21F2B) · text #FFFFFF

Headline text sweep · dark mode

linear-gradient(100deg, #FFB25E, #F5920B 45%, #D21F2B) + background-clip:text

Headline text sweep · light mode

linear-gradient(100deg, #E8590C, #C2410C 45%, #A31621) + background-clip:text

Avatar / small marks

linear-gradient(135deg, #F5920B, #D21F2B)

Borders & glows on dark surfaces: rgba(246,162,30, .15–.50) · Button hover shadow: rgba(232,89,12, .25–.40) (click to copy)

06 · Typography

Type system

Two Google Fonts, loaded together. Oswald leads; Open Sans does the talking.

Display · Headings · Big Numbers

Oswald — Become the person you know you're capable of being.

Weights 400–700 · 600 for headings · letter-spacing +0.5px · used for all H1/H2, stats and prices

Body · UI · Buttons

Open Sans Regular — One platform. Four areas of your life. One GR8er you.

Open Sans Semibold — Navigation, labels and supporting copy.

Open Sans Extrabold — Buttons, kickers and emphasis.

Weights 400 / 600 / 700 / 800 · body copy, buttons, labels, navigation

Google Fonts import · click to copy

https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Open+Sans:wght@400;600;700;800&display=swap

07 · Usage

Do / Don't

✓ Do

Keep gradients flowing orange → red (light → dark), always.
Use white text on any gradient or red surface.
Use the colour logo on light backgrounds; the white-wordmark version on dark.
Keep clear space of at least the height of the "8" around every logo.
Pair "BY REACTIV8" with the wordmark in headers and footers.
Use borders at rgba(246,162,30, .15–.5) on dark cards.

✕ Don't

Use the legacy navy & gold marks or palette in any new material.
Use the retired site gold (#CFC39F / #D6C68A) or green (#7EB588).
Reverse gradients (red → orange) or put dark text on the red end.
Place the colour logo on dark or gradient backgrounds.
Recolour the wordmark, stretch, rotate or add effects to any logo.
Set headings in anything other than Oswald.