Brand

MyRyd Brand Kit

/ 01

Logo

Black & white system. Gold variant is in-app default. SVGs in public/brand/

Mark — Black

For light backgrounds, business cards, contracts

SVG

Mark — White

For dark backgrounds, app icon, dark UI

SVG

Mark — Outline

Single-color, works embossed, on photos, any color

SVG

MyRyd

Wordmark — Black

For headers, footers, narrow horizontal spaces

SVG

MyRyd

Wordmark — White

Reverse use on dark surfaces

SVG

MyRyd

Lockup — Black

Primary brand mark + wordmark, light backgrounds

SVG

MyRyd

Lockup — White

Reverse lockup, dark surfaces

SVG

Scales cleanly

Tested at favicon size (16px) through hero size (100px+)

/ 02

Palette

One brand color (gold). Everything else is intentional grayscale + status. Premium = restraint.

Surfaces

Dark-first, OLED-friendly canvas

Text

Three weights of contrast on the dark canvas

Brand

The single accent color. Used for CTAs, highlights, the route on the map, the logo.

Semantic

Status only — never decorative. Sparingly used.

In context

How the palette behaves in real UI

Button hierarchy

Status pills

On the wayArriving · 3 minSurge · 1.4×CancelledLive tracking

Why this palette is “premium”

• Restrained. One real brand color (gold). Everything else grayscale. Cheap apps have 7+ brands. Premium apps have one.
• High contrast. Off-white on near-black — accessible, readable, OLED-efficient on modern phones.
• One accent does heavy lifting. Gold appears on CTAs, route, status pills, the logo. Repetition feels intentional, not arbitrary.
• Semantic colors used sparingly. Green/orange/red only for status. Never decorative. Never as filler.
• No gradient circus. Subtle gradients (gold → darker gold) only on hero CTAs. Solid color everywhere else.
• Distinct from competitors. Uber (B&W), Bolt (green), Lyft (pink), inDrive (cyan). Gold is ownable territory in e-hailing.