RIVALTECH.COM · ROUND 3 · BRAND-ALIGNED Manrope · Orange #EB4D27 · Ink #1D2438

Three brand-aligned home pages — pick a direction.

Same V25 section spine. Now in brand colors, with the actual Rival logo and the speech-bubble shape as a recurring visual primitive. The chat-bubble system isn't a layout flourish — it's a direct extension of the brandmark itself. Each direction interprets the brand differently:

V25 · current baseline

Where we're starting from.

The current rivaltech.com home (V25) — embedded here so you can compare the directions below against the exact mockup in flight. Scroll inside the panel to walk the full page.

Section spinepreserved
Copy hookspreserved
Conversion pathpreserved
Palette · type · systemrefreshed
Rival Tech home page V25 — current mockup
Scroll panel to view full page RT_HOME_DESKTOP_V25 · single page · 1920 wide
Three new directionsA · B · C
A · MANIFESTO

Manifesto Mostly

Wall-of-type hero. Manrope ExtraBold on white. Orange strike on the dead phrase. One evidence bubble. Loudest. Most confident.

Open full page →
B · FIELD STATEMENT

Field Statement

Split hero. Manifesto left, live chat column on the right — bubbles literally echo the logo shape. Voice-of-customer woven into every section.

Open full page →
C · QUIET ARGUMENT

Quiet Argument

Editorial. Manrope SemiBold paired with Instrument Serif italic accents. Navy & cream. Orange used sparingly. Most sophisticated.

Open full page →

The sites that served as inspiration.

Five reference points pulled the directions in different ways — none of them copied wholesale. Each one contributed a specific design beat that shows up in A, B, or C.

Superside

superside.com/home-gads

Andrew's favorite. Confident, plain-spoken sections. Big stats. Zero faff. The clarity benchmark.

Pulled · stat block · section confidence · CTA framing
N

NoGood

nogood.io/results

Edge and swagger. Big type, evidence-first proof, performance-marketing density.

Pulled · proof density · edge in type weight
D

Droga5

droga5.com

Agency confidence as design language. Editorial pace, white space, type as the work itself.

Pulled · editorial scale · italic serif duet (variation C)
R

Romance Agency

romance-agency.com

The desktop loading sequence Andrew flagged. Drama, choreography, anticipation — gives the hero theatre.

Pulled · hero choreography intent · motion brief for build
S

Serviceplan

house-of-communication.com

House of Communication's structure. Less emphasis this round per the direction set — kept as a section-spine sanity check.

Pulled · spine integrity · cross-section navigation

How brand guidelines were applied.

Color · primary only

Orange #EB4D27 is the action color — every CTA, every accent word that needs the eye. Ink #1D2438 carries body type and dark panels. Cream gradient (#FBDCD4 → #F4F4F4) softens AI and audience sections.

Per guide: secondary accents (green, blue, yellow, red) reserved for presentations only — not used in any of the three.

Logo · speech-bubble as system

The Rival logo is a tilted speech bubble. That's a gift. Every chat bubble in the design — hero, stats, solutions, audience — uses the same tilt and tail as the logo, so the brand mark becomes the design system, not a sticker on top of it.

Full-color logo in nav. White logo in footer. Both at 36–48px height with the "A Rival Group Company" lockup.

Type · Manrope as brand sans

Manrope at 400 / 500 / 600 / 700 / 800 covers display, headline, and body. Variation C also brings Instrument Serif italic for accent words ("conversations", "communicate", "yours") — same editorial duet the brand guide hints at on its display headers.

JetBrains Mono for kicker labels and category tags. Adds the platform feel.

Tell me A, B, or C — and I'll lock the system into a Figma-ready spec ready to hand to your team for build.