Brand System

Resux should feel fast, technical, and futuristic without losing readability.

Logo

The mark combines:

• A monoline R for the Resux runtime.
• Route-like start and finish nodes for resumable interaction.
• Cyan, violet, and mint gradients for runtime energy.

Color palette

Ink Core
#070A13
Primary dark base.

Slate Engine
#111827
Panels and docs surfaces.

Resux Violet
#7C3AED
Main brand action color.

Runtime Cyan
#22D3EE
Runtime and link accent.

Resume Mint
#10B981
Success and resume state.

Signal Amber
#F59E0B
Warnings and callouts.

Cloud Text
#F8FAFC
High-contrast text.

Muted Steel
#94A3B8
Secondary text.

Gradients

Primary gradient:

linear-gradient(120deg, #7C3AED 20%, #06B6D4 58%, #10B981 95%)

Dark hero glow:

radial-gradient(circle at 50% 50%, rgba(124, 58, 237, 0.28), rgba(6, 182, 212, 0.18), transparent 68%)

Usage rules

• Use the mark alone for favicons, social icons, and compact nav.
• Use the full logo for hero areas and Open Graph images.
• Keep enough clear space around the mark: at least one quarter of the mark width.
• Prefer dark backgrounds for brand-heavy moments.
• Use violet for primary actions and cyan for links or runtime highlights.

Asset paths

docs/public/logo.svg
docs/public/logo-mark.svg
docs/public/og-image.svg
docs/public/og-image.png