Style Guide
JB Cloud Docs
Brand Guidelines & Design System
Color Palette
Primary Colors
Purple Primary #5521B5
Purple Accent #635BFF
Purple Light #8B5CF6
Red Accent #EF4444
Neutral Colors
Navy Dark #0A2540
Gray 600 #425466
Gray 500 #6B7280
Gray 50 #F6F9FC
Gradient Mesh Colors
Mesh Purple #635BFF @ 18%
Mesh Cyan #00D4FF @ 12%
Mesh Pink #FF80B5 @ 10%
Typography
Heading 1 / 32px / 700
Cloud Infrastructure Docs
Heading 2 / 24px / 600
Getting Started Guide
Heading 3 / 18px / 600
Installation Steps
Body / 15px / 400
Deploy Docker apps, manage servers, and scale with ease using xCloud's intuitive dashboard.
Small / 14px / 425
Button and UI text
Caption / 12px / 400
Labels and metadata
Shadows
Shadow SM
0 1px 2px rgba(0,0,0,0.05) Shadow MD
0 4px 6px rgba(0,0,0,0.07) Shadow LG
0 10px 25px rgba(0,0,0,0.1) Shadow XL
0 20px 40px rgba(0,0,0,0.15) Border Radius
4px Small
8px Medium
12px Large
16.5px Pill
20px Rounded
Buttons
Cards
Basic
Digital access
$9 /month
This includes:
- ✓ Unlimited access to web content
- ✓ Exclusive subscriber content
Premium
Popular!Digital and print access
$19 /month
This includes:
- ✓ Unlimited access to web content
- ✓ Monthly print issues
- ✓ Exclusive subscriber content
Badges
Default Popular! New Beta