Design System / 1 Pager
Brand Guidelines
The visual language that defines Ready Server. Energetic, modern, fresh, and young.
Visual Identity
Logo System
Our logo represents speed, reliability, and modern infrastructure
RS
RS
RS
readyserverMinimum Size
32px height
Clear Space
1x logo height
Primary Format
SVG / PNG
Background
Dark or Light
Color System
Color Palette
A vibrant blue-driven palette that conveys trust, speed, and innovation
Primary Palette
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
Dark Gradient
Type System
Typography
A versatile type system built for clarity and impact
SECTION A — HEADINGS
Plus Jakarta SansH1 / Hero
Font: Plus Jakarta Sans
Weight: Bold
Size: 64px
Line Height: 120%
Letter Spacing: -1%
Deploy Fast. Trade Fast. Build Fast.
Usage: Hero headlines, landing page claims
H2
Font: Plus Jakarta Sans
Weight: Semibold
Size: 48px
Line Height: 120%
Letter Spacing: -0.5%
Ultra-Low Latency VPS
Usage: Section headers
H3
Font: Plus Jakarta Sans
Weight: Semibold
Size: 32px
Line Height: 125%
Letter Spacing: 0%
Performance engineered for traders & builders.
Usage: Sub-headers
H4
Font: Plus Jakarta Sans
Weight: Medium
Size: 24px
Line Height: 130%
Letter Spacing: 0%
99.9% Uptime Guaranteed
Usage: Card titles, pricing headers
SECTION B — BODY (ROBOTO)
RobotoBody Large
Font: Roboto
Weight: Regular
Size: 18px
Line Height: 155%
Letter Spacing: 0%
ReadyServer delivers high-performance compute with predictable pricing.
Usage: Key paragraphs, product descriptions
Body
Font: Roboto
Weight: Regular
Size: 16px
Line Height: 160%
Letter Spacing: 0%
Deploy servers in under a minute and scale easily.
Usage: Standard paragraph text
Body Medium
Font: Roboto
Weight: Medium
Size: 16px
Line Height: 155%
Letter Spacing: 0%
Server Status • Active
Usage: UI labels, menus, short descriptions
Caption
Font: Roboto
Weight: Regular
Size: 13px
Line Height: 140%
Letter Spacing: 0%
Last updated: Just now
Usage: Metadata, timestamps, helper text
SECTION C — MOBILE TYPOGRAPHY (INTER)
InterMobile H1
Font: Inter
Weight: Bold
Size: 36px
Line Height: 120%
Letter Spacing: 0%
Manage Your Servers
Usage: App screen titles
Mobile H2
Font: Inter
Weight: Semibold
Size: 28px
Line Height: 130%
Letter Spacing: 0%
Deployment History
Usage: Mobile section headers
Mobile Body
Font: Inter
Weight: Regular
Size: 16px
Line Height: 150%
Letter Spacing: 0%
Your server has been deployed successfully.
Usage: Default body copy in mobile apps
Mobile Caption
Font: Inter
Weight: Medium
Size: 13px
Line Height: 140%
Letter Spacing: 0%
Last synced: Just now
Usage: Small labels, UI microcopy
SECTION D — CODE (JETBRAINS MONO)
JetBrains MonoCode
Font: JetBrains Mono
Weight: Regular
Size: 14px
Line Height: 150%
Letter Spacing: 0%
$ readyserver deploy --region=sg1
Usage: Developer docs, CLI, code blocks
Code Inline
Font: JetBrains Mono
Weight: Regular
Size: 14px
Line Height: 150%
Letter Spacing: 0%
$ systemctl status readyserver
Usage: Inline code references
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