Ready

_Logo

The Phase2_ logo is a wordmark designed to express forward momentum, adaptability, and clarity. Not a stamp — a signal. Built for motion, modularity, and meaning.

_LogoSystem

The wordmark is pure type — Manrope Bold with a separate gradient underscore that signals what comes next. No ornamentation, just confidence.

Click any card to download the SVG. Each variant is built for its intended context — light backgrounds, dark backgrounds, compact spaces.

Wordmark_

Icon P2_

Export SVGs from Figma and drop them into /public/logos/ using the naming convention above.


_ApprovedCombos

Four approved background pairings. The gradient underscore is the default — on a gradient background, the underscore flips to solid white.

Phase2

Slate_100

Phase2

Abyss_DeepNavy

Phase2

Blueprint_Indigo

Phase2

Signal_BlueGradient


_Generator

Phase2_FillInTheBlank — the underscore holds space for beliefs, teams, and ambitions. Type a word, see it in context, export the wordmark.

Suffix renders in CamelCase at lighter weight per brand convention. Think Phase2_HasGrit, Phase2_ShipsWork, Phase2_BuildsTrust.

Phase2Hasgrit

Phase2_Hasgrit


_Rolodex

A vertical word carousel that cycles through your values after Phase2_. Add words, set the pace, export as GIF for presentations and social.

Gradient fade at top and bottom dissolves words into the background for a seamless infinite loop.

HasGritShipsWorkGivesAShitBuildsTrustMakesItReal
1.5s
Phase2
MakesItReal
HasGrit
ShipsWork
GivesAShit
BuildsTrust
MakesItReal
HasGrit
ShipsWork

5 words · 7.5s per cycle


_Rules

ColorFlex_

The wordmark adapts to four approved combos: dark on light, light on dark, light on indigo, and white on gradient. The underscore is always the Signal_BlueGradient — except on a gradient background, where it flips to solid white.

TextBehavior_

Font weight ranges from Semibold to Bold depending on size and context. The underscore weight must always match the text weight. "Phase2" is locked — never retype, respace, or alter the wordmark.

IconAlignment_

The P2_ icon lives in a rounded-rectangle container (60px radius). Dark and light variants follow the same color rules as the full wordmark. Use for avatars, favicons, and compact UI placements.

FinalWord_

"The logo is not decoration. It's a signal. Every time it shows up, it should mean something." — JoJo Franklin, Creative Director