Brand Guidelines

Your Personal Growth System, by Reactiv8. One platform. Four areas of your life. One GR8er you.

VERSION 3.0 · AUGUST 2026 · BY REACTIV8

01 · The Story

One family. One mark.

I AM GR8 is a distinct member of the Reactiv8 family. Version 3 locks the palette to the parent logo itself: the gold and red of the Reactiv8 "8" are now the brand's exact accent colours.

Reactiv8 · The Parent Brand

＆

I AM GR8 · Personal Growth System

Why the change

The original navy & olive-gold identity is retired (still owned). The transitional orange palette brought I AM GR8 into the family; v3 completes the match — the accents are sampled directly from the Reactiv8 mark, so parent and product share one exact gold and one exact red.

The shared 8

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

TOP #E2A715 · BOTTOM #C22424

02 · Logo Suite

Current logos

Pick by background, never by preference. 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 · White + colour 8'BY REACTIV8' LOCKUPS ON DARK

⬇ PNG

Reactiv8 · Colour'BY REACTIV8' LOCKUPS ON LIGHT

⬇ 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. Archive and legal record only.

Legacy · Primary Mark
Retired · Still Owned

⬇ Archive

Legacy · Lockup Variants
Retired · Still Owned

⬇ Archive

04 · Colour

Gold & red — sampled from the mark

The accents are the exact colours of the Reactiv8 "8": GR8 Gold #E2A715 and GR8 Red #C22424. Click any colour — old or new — to copy its hex.

The Transition · legacy → today

Legacy Navy#101820

→

GR8 Black#17181D

Legacy Olive Gold#7A7256

→

GR8 Gold#E2A715

Legacy Taupe#7C7057

→

Deep Gold#A87A0E

Legacy Sand#BAA77B

→

Soft Gold#F0CB6A

Legacy Sage#7EB588

→

GR8 Red#C22424

Legacy Off-White#F1F0EE

→

Cream#F8F5EE

Core Palette · Accents

CLICK TO COPYGR8 Gold

#E2A715
Primary accent · from the 8's top loop

CLICK TO COPYGR8 Red

#C22424
Emphasis · from the 8's base loop

CLICK TO COPYGold Light

#F3C33F
Gradient light stop

CLICK TO COPYGold Link

#EAB129
Links · icons · eyebrows

CLICK TO COPYSoft Gold

#F0CB6A
Kickers · ticks · subtle accents

CLICK TO COPYDeep Red

#9E1D1D
Gradient tail · pressed states

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 COPYGold (light mode)

#A87A0E
Links & accents on cream

CLICK TO COPYKicker (light mode)

#8A6A10
Labels & ticks on cream

CLICK TO COPYInk (light mode)

#2D3040
Text on cream

05 · The Four Pillars

Pillar colours

Each pillar owns one colour — used for its icon, progress bars, tags and quiz chips, always on neutral surfaces so the gold/red brand accents stay in charge. Click to copy.

CLICK TO COPY🧠 Mindset Purple

#6858D8
Mindset pillar · think better

CLICK TO COPY💰 Money Amber

#D89838
Money pillar · earn, manage & grow

CLICK TO COPY🤝 Network Blue

#48A0D0
Network pillar · connect better

CLICK TO COPY❤️ Health Rose

#D05078
Health pillar · live & perform better

Tints for chips & backgrounds: use the pillar colour at 12–16% opacity on cream or dark surfaces (e.g. rgba(104,88,216,.14) for a Mindset chip).

06 · Brand Shapes

Shapes & graphic devices

All shapes derive from the 8 — its two open loops and the two dots of the wordmark. Foreground (fg-) shapes decorate cards, slides and social posts; background (bg-) shapes sit behind content at low opacity. All SVG, infinitely scalable.

⬇ Download all 8 shapes (.zip)

fg-8-mark⬇ SVG

fg-loop-gold⬇ SVG

fg-loop-red⬇ SVG

fg-dot-duo⬇ SVG

fg-spark⬇ SVG

bg-halo⬇ SVG

bg-corner-arcs⬇ SVG

bg-loop-field⬇ SVG

07 · Brand Characters

Michelle & MAC AI

Two faces carry the brand: Michelle Crook, founder of I AM GR8, and MAC — the MAC AI Accountability Coach. Use the reference sheets to keep them consistent across every generated image and video.

MAC · The AI Accountability CoachMASCOT · APP · VIDEO

⬇ PNG

Michelle Crook · FounderPRESENTER · SOCIAL · VIDEO

⬇ PNG

Michelle & MAC · DuoHERO SCENES · CAMPAIGNS

⬇ PNG

MAC · Character Reference SheetFOR AI / ANIMATION CONSISTENCY

⬇ PNG

Michelle · Character CardFOR AI / ANIMATION CONSISTENCY

⬇ PNG

08 · Icon Library

App & dashboard icons

24×24 grid, 2px rounded stroke, single colour via currentColor — tint them Ink on dark, Ink-light-mode on cream, Gold for active states, or a pillar colour inside that pillar. Click ⬇ on any icon, or grab the whole set.

⬇ Download all 24 icons (.zip)

App Navigation

home⬇

learn⬇

play⬇

mac-ai⬇

you⬇

Pillars

money⬇

mindset⬇

network⬇

health⬇

Dashboard & Utility

gr8-score⬇

streak⬇

plan⬇

challenge⬇

community⬇

live⬇

tools⬇

trophy⬇

premium⬇

progress⬇

calendar⬇

settings⬇

notifications⬇

search⬇

lock⬇

09 · Gradients

Signature gradients

Every gradient flows from the 8: gold into red. Never reverse the direction. Click "Copy CSS".

Primary CTA · buttons, badges, toggles

linear-gradient(135deg, #F3C33F, #E2A715 50%, #C22424) · text #FFFFFF

Banner strip · announcement bar

linear-gradient(90deg, #C22424, #E2A715, #C22424) · text #FFFFFF

Headline text sweep · dark mode

linear-gradient(100deg, #F0CB6A, #E2A715 45%, #C22424) + background-clip:text

Headline text sweep · light mode

linear-gradient(100deg, #C08A10, #A87A0E 45%, #9E1D1D) + background-clip:text

Avatar / small marks / progress bars

linear-gradient(135deg, #E2A715, #C22424)

Borders & glows on dark: rgba(226,167,21, .15–.50) · Button hover shadow: rgba(194,36,36, .25–.40) (click to copy)

10 · 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 · 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

11 · Usage

Do / Don't

✓ Do

Keep gradients flowing gold → red (light → dark), always.
Use white text on any gradient or red surface.
Reserve pillar colours for pillar content; gold/red lead everywhere else.
Use bg- shapes at low opacity behind content; fg- shapes as accents.
Keep Michelle & MAC on-model using the reference sheets.
Tint icons with currentColor: Ink by default, Gold when active.

✕ Don't

Use the legacy navy & gold marks or palette in any new material.
Use the superseded orange palette (#F5920B / #E8590C / #FFAA33).
Reverse gradients (red → gold) or put dark text on the red end.
Let a pillar colour compete with gold/red on primary CTAs.
Redraw, recolour or restyle MAC or Michelle off-reference.
Mix stroke weights in the icon set — it's 2px rounded, always.

Copied!