RS
Design System / 1 Pager

Brand

The visual language that defines Ready Server. Energetic, modern, fresh, and young.

Color System

Color

A vibrant blue-driven palette that conveys trust, speed, and innovation

Primary Blue

HEX: #2563EB

HSL: 217 91% 52%

CTAs, links, interactive elements

Light Blue

HEX: #93C5FD

HSL: 217 91% 78%

Backgrounds, glows, accents

Slate Gray

HEX: #64748B

HSL: 215 16% 47%

Body text, secondary content

Secondary Palette

Deep Navy

#0F172A

Sky Blue

#38BDF8

White

#FFFFFF

Off-White

#F8FAFC

Gradients

Primary Gradient

Blue to Cyan (135°)

Dark Gradient

Deep Navy (180°)

Type System

Typography

Clean, modern typography for maximum readability and impact

Section A Headings

Inter

H1 / Hero Font: Inter • Weight: Black (900) • Size: 64px • Line Height: 120%

Deploy Fast. Trade Fast. Build Fast.

Usage: Hero headlines, landing page claims

H2 Font: Inter • Weight: Bold (700) • Size: 48px • Line Height: 120%

Ultra-Low Latency VPS

Usage: Section headers

H3 Font: Inter • Weight: Semibold (600) • Size: 32px • Line Height: 125%

Performance engineered for traders & builders.

Usage: Sub-headers

H4 Font: Inter • Weight: Medium (500) • Size: 24px • Line Height: 130%

99.9% Uptime Guaranteed

Usage: Card titles, pricing headers

Section B Body Text
Body Large Font: Inter • Weight: Regular (400) • Size: 18px • Line Height: 155%

ReadyServer delivers high-performance compute with predictable pricing.

Usage: Key paragraphs, product descriptions

Body Font: Inter • Weight: Regular (400) • Size: 16px • Line Height: 160%

Deploy servers in under a minute and scale easily.

Usage: Standard paragraph text

Caption Font: Inter • Weight: Regular (400) • Size: 13px • Line Height: 140%

Last updated: Just now

Usage: Metadata, timestamps, helper text

Section C Code

JetBrains Mono

Code Inline Font: JetBrains Mono • Weight: Regular (400) • Size: 14px
$ systemctl status readyserver

Usage: Inline code references, terminal commands

Brand Voice

Our Personality

Energetic • Modern • Fresh • Young

Energetic

We move fast and help you move faster. Our brand pulses with energy and momentum.

Modern

Cutting-edge technology deserves cutting-edge design. We embrace the new.

Fresh

Clean, crisp, and clear. Our visuals breathe and our message resonates.

Young

Bold, optimistic, and unafraid. We speak to the builders of tomorrow.

Tone of Voice

We Are

  • Direct and clear
  • Confident but not arrogant
  • Technical yet accessible
  • Enthusiastic and helpful
  • Forward-thinking

We Avoid

  • Corporate jargon
  • Overly complex explanations
  • Passive voice
  • Being boring or stiff
  • Making promises we can't keep
UI Components

Components

Core UI building blocks used across our products

Buttons

Cards

Elevated Card

Standard card with shadow elevation for content containers.

Glassmorphic Card

Translucent card with backdrop blur for layered interfaces.

Badges & Pills

Primary Success Warning Error Chip/Tag
Guidelines

Usage Guidelines

Best practices for using our brand assets

Do

  • Always maintain clear space around the logo
  • Use approved color variations only
  • Ensure proper contrast ratios (WCAG AA)
  • Use Inter font for all communications

Don't

  • Alter or distort the logo
  • Use unapproved colors or gradients
  • Place logo on busy backgrounds
  • Use logo smaller than minimum size (32px)

Need brand assets for partnership or press?

Contact Us