For press · partners · affiliates

Cloudzy brand kit

Everything you need to write about, link to, or feature Cloudzy. Logos in every variant, the Aurora color palette, our typography, voice rules, and the only numbers we use about ourselves.

Logos Colors Typography Voice Facts Boilerplate
01

Logos

Six variants. Use the SVG whenever possible. PNG is for legacy environments only.

Full logo, color
Full logo, color
Primary mark for marketing surfaces, web.
PNG
Full logo, white
Full logo, white
Use on dark backgrounds when color isn't appropriate.
PNG
Full logo, mono
Full logo, mono
Use on light backgrounds, print, or single-color contexts.
PNG
Mark only, color
Mark only, color
Square applications: app icon, social avatar, favicon.
SVG
Mark only, white
Mark only, white
Mark on dark, no wordmark.
PNG
Mark only, mono
Mark only, mono
Mark on light, single color.
PNG
Marketplace badge
Marketplace badge
For partner listings and integration pages on light backgrounds.
SVG
Usage Rules
  • Don't recolor, restretch, rotate, or add effects (drop shadow, bevel, glow) to the logo.
  • Maintain a clear-space of at least the height of the cloud mark on every side.
  • Minimum size: 80 px wide for the full logo, 24 px for the mark only.
  • Don't use the logo on a background that doesn't pass WCAG AA contrast against it.
  • Don't combine the logo with another brand or wordmark in a single composite mark.
02

Colors

The Aurora palette. Click any swatch to copy its HEX value.

Aurora Navy
#040b1a
Primary background
rgb(4, 11, 26)
Copied!
Aurora Navy 2
#08152a
Card / surface background
rgb(8, 21, 42)
Copied!
Aurora Cyan
#0EA5E9
Primary accent, CTAs, links
rgb(14, 165, 233)
Copied!
Aurora Cyan 2
#38BDF8
Highlights, gradient start
rgb(56, 189, 248)
Copied!
Aurora Deep Cyan
#0284C7
Gradient end, hover state
rgb(2, 132, 199)
Copied!
Aurora Green
#00E0A4
Success, status indicators
rgb(0, 224, 164)
Copied!
Cloud Blue
#0095FF
Logo cloud mark
rgb(0, 149, 255)
Copied!
Text Primary
#FFFFFF
Headings, body on dark
rgb(255, 255, 255)
Copied!
Text Soft
#D4E3F0
Subheadings
rgb(212, 227, 240)
Copied!
Text Muted
#8BA0B8
Secondary copy
rgb(139, 160, 184)
Copied!
Text Dim
#4F627A
Captions, metadata
rgb(79, 98, 122)
Copied!
03

Typography

Two faces. Geist Sans for everything human, Geist Mono for everything technical.

Display + body
Geist Sans
weights 400, 500, 600, 700
vercel.com/font ↗  ·  SIL Open Font License
More performance.
Less money.
The independent cloud for builders, since 2008. 12 global regions. From $2.48/mo.
Trusted by 122K+ builders
Code + technical
Geist Mono
weights 400, 500, 700
vercel.com/font ↗  ·  SIL Open Font License
$ cloudzy launch --region=ams
✓ Provisioned 4 vCPU · 8 GB RAM
✓ Attached 40 Gbps uplink
→ ssh root@vps-ams-001.cloudzy.app
Role Size / Weight / Tracking Preview
Display XL 64px · 700 · -1.5px Performance.
Display L 48px · 700 · -1px More performance.
Section heading 36px · 700 · -0.7px 12 global regions.
Card heading 18px · 600 · normal Hardened by default
Body L 17px · 400 · normal AI-ready cloud servers on AMD EPYC and pure NVMe.
Body 15px · 400 · normal From signup to running VPS in under a minute.
Caption 12px · 400 · normal Independently operated since 2008 · Dubai, UAE
Overline 10–11px · 700 · 0.10–0.12em · ALL CAPS For press · partners · affiliates
04

Voice and tone

Five rules. Direct, specific, confident. The 11-PM-tired-developer test: would they understand it on first read?

01
Direct, not corporate
"We answer in minutes," not "Our customer success team strives to deliver responsive engagement."
02
Specific, not generic
"$2.48 per month," not "affordable pricing."
"12 regions," not "global infrastructure."
03
Confident, not braggy
"Independent since 2008," not "the world's leading independent cloud."
04
Bold what matters
Numbers, dates, entity names, key tech (NVMe, 40 Gbps, EPYC) get bolded. Adjectives don't.
05
Pass the tired-dev test
Would an 11-PM-tired developer understand it on first read? If not, rewrite shorter.
Words we don't use
leverage synergy best-in-class world-class cutting-edge AI-first seamless robust scalable industry-leading enterprise-grade mission-critical next-gen revolutionary unleash empower disrupting

If you're tempted to use one of these, rewrite with a specific number or fact instead.

Punctuation we don't use

No em-dashes. The em-dash is increasingly read as an AI-content signal. Use a period, comma, colon, or hyphen instead.

Avoid
Since 2008, pick a region
Use
Since 2008. Pick a region.
05

Canonical facts

The only numbers we use about ourselves. Verified. If a number isn't on this list, omit it rather than estimate.

Founded
2008
Headquarters
Dubai, UAE
Customers
122,000+
Trustpilot rating
4.6 / 5
Trustpilot reviews
695+
Money-back
14-day
Uptime SLA
99.95%
Network uplink
40 Gbps
Storage
Pure NVMe SSD
CPU
AMD EPYC, DDR5
Regions
12 worldwide
Provisioning
60 seconds
Plans from
$2.48/mo
IP
IPv4 + IPv6
06

Boilerplate

Approved descriptions of Cloudzy. Copy and paste verbatim, or trim to fit.

One-liner
Cloudzy is the independent cloud for builders, since 2008.
Two-line summary
Cloudzy is the independent cloud for builders. Since 2008, we've shipped AI-ready cloud servers on AMD EPYC and pure NVMe across 12 global regions, used by 122,000+ developers and businesses.
Long-form (press release / about block)
Cloudzy is an independent cloud hosting provider headquartered in Dubai, founded in 2008. We deliver AI-ready cloud servers, Windows VPS, and high-performance VPS plans starting at $2.48/month, running on AMD EPYC processors with pure NVMe storage and 40 Gbps network uplink. Our 12 global regions span North America, Europe, the Middle East, and Asia Pacific, serving over 122,000 developers and businesses with a 4.6 / 5 rating across 695+ Trustpilot reviews. Cloudzy has never been acquired and has never taken venture capital, which lets us ship product changes in days, not quarters, and keep real engineers on support, not chatbots.
Press & partnerships

For interviews, founder quotes, custom press assets, or partnership inquiries, write to press@cloudzy.com. We answer within one business day.

Foundation

Spacing & Border Radius

4px base unit. Border radius tokens range from 4px (micro elements) to 24px (large containers).

Spacing Scale
TokenValueVisual
--s-14px
--s-28px
--s-312px
--s-416px
--s-520px
--s-624px
--s-832px
--s-1040px
--s-1248px
--s-1664px
--s-2080px
Border Radius
TokenValuePreview
--r-xs4px
--r-sm6px
--r-md10px
--r-lg14px
--r-xl18px
--r-2xl24px
pill9999px
Foundation

Gradients

Sky-blue gradient is the primary brand gradient used on CTA buttons and hero accent text. Soft variants are used for card highlights and backgrounds.

--grad-aurora
135deg · #38bdf8 → #0ea5e9 → #0284c7
--grad-soft
Used for card highlight bg
gradient-hero
Radial hero background glow
fade-out-bottom
Section fade mask
Foundation

Shadows

Shadows use dark rgba values — the dark palette means shadows are rarely visible without glow effects. Sky-glow is used on primary buttons.

shadow-sm
0 1px 3px rgba(0,0,0,0.4)
shadow-md
0 4px 12px rgba(0,0,0,0.5)
shadow-lg
0 12px 40px rgba(0,0,0,0.6)
shadow-glow-sky
0 0 24px rgba(14,165,233,0.25)
Tokens Extended

Animation Tokens

Named keyframes and duration/easing tokens used across the panel.

Token / NameValueUsed for
--dur-fast100msHover, active state
--dur-base150msToggle, switch, badge
--dur-slow250msPanel open, dropdown
--ease-outcubic-bezier(0, 0, 0.2, 1)Enter animations
--ease-in-outcubic-bezier(0.4, 0, 0.2, 1)Shared transitions
fade-inopacity 0→1Toast, modal, tooltip
scale-inopacity+scale 0.95→1Dropdown, popover
slide-in-righttranslateX(16px)→0Side panel, drawer
shimmerbg-position -400→+400pxSkeleton loading
Tokens Extended

Z-index Scale

Layering order for all stacking contexts. Never use arbitrary values — always use a named layer.

base
0
sticky
10
sidebar
100
dropdown
200
tooltip
300
drawer
400
modal
500
toast
600
banner
700
LayerValueExamples
base0Page content
sticky10Sticky table headers
sidebar100Nav sidebar, left panel
dropdown200Menus, select, autocomplete
tooltip300Tooltips, popovers
drawer400Side panel, right drawer
modal500Dialogs, confirmation modals
toast600Toast notifications
banner700Impersonation, system alerts
Tokens Extended

Focus Ring Spec

2px solid theme-bg offset + 2px solid primary-500 outer ring. Applied to all interactive elements for keyboard accessibility.

Default
Focused ← keyboard
Button focused
/* Standard focus ring — apply to :focus-visible */ outline: none; box-shadow: 0 0 0 2px var(--aurora-navy), /* offset = bg color */ 0 0 0 4px var(--aurora-cyan); /* ring = primary-500 */
Tokens Extended

Dark Theme Tokens

Panel-specific surface, border, hover/focus, input, and disabled state tokens for the dark-first UI (distinct from the marketing site navy).

TokenValueUsage
--aurora-navy#040b1aPage / outermost bg
--aurora-navy-2#08152aCard / elevated surface
--color-bg-2#0b0f1cPanel sidebar bg
--surfacergba(255,255,255,0.02)Default surface (table rows, items)
--surface-2rgba(255,255,255,0.04)Hover state surface
--surface-3rgba(255,255,255,0.06)Active/selected surface
--borderrgba(255,255,255,0.05)Default border
--border-cyanrgba(14,165,233,0.15)Subtle accent border
--border-cyan-strongrgba(14,165,233,0.30)Focused / selected border
--text-primary#ffffffHeadings, values
--text-soft#d4e3f0Body text
--text-muted#8ba0b8Secondary text, labels
--text-dim#4f627aPlaceholders, timestamps
Tokens Extended

Disabled & Read-only States

Applies to every form control. Disabled = not interactive. Read-only = visible but not editable.

Disabled
Disabled button
Disabled toggle
Read-only
Read-only textarea content cannot be edited but can be selected and copied.
Tokens Extended

Validation States

Error, warning, and success states for every form control. Inline message below the field.

✕ Hostname cannot contain spaces.
⚠ Password is weak.
✓ Hostname is available.
Select validation
✕ Required.
✓ Available.
⚠ Maintenance tonight.
Tokens Extended

Density Variants

Three row densities for tables and form grids. Compact and dense are used in admin and data-heavy views.

Default — 11px/14px · 40px row
vps-ams-001
vps-utah-002
vps-sgp-003
Compact — 12px · 28px row
vps-ams-001
vps-utah-002
vps-sgp-003
Dense — 11px · 22px row
vps-ams-001
vps-utah-002
vps-sgp-003
Components

Buttons

Four button variants. All use 10px border radius, 500 font weight, and a slight upward hover transition. Sizes: sm, default, lg.

Variants
Get Started → Deploy your first server → Sign in For developers Delete server
Sizes
Small → Default → Large →
Primary (white)
background: #ffffff; color: #05060a; border-radius: 10px; padding: 12px 18.4px; font-weight: 500;
Gradient (CTA)
background: linear-gradient( 135deg, #38bdf8 0%, #0ea5e9 50%, #0284c7 100% ); box-shadow: 0 2px 12px rgba(14,165,233,0.3);
Components

Badges & Tags

Used for status labels, plan tiers, feature highlights, and tech stack indicators. Mono tags used for CLI-style identifiers.

Status Badges
Default Sky Blue Operational Degraded Outage Most Popular
Mono / CLI Tags
us-utah-1 eu-ams-1 ap-sgp-1 DDos shield KVM isolation 2FA-ready REST v6 Terraform
Discount / Promo
-50% -40% ⚡ Limited time offer →
Components

Cards

Three surface levels — default, elevated, and highlighted. All cards use 18px radius. Feature cards include an icon, title, body, and optional tag row.

🛡️
Hardened by default
SSH-key auth, DDoS protection, KVM isolation, encrypted at rest and in transit.
DDos shield 2FA-ready
🌐
12 regions, one global API
Private peering at every region. Drop your workload close to users in the US, Europe, the Middle East, and Asia.
us-utah-1 eu-ams-1
⚡
30-second deploy
From signup to running VPS in under a minute. Hourly billing, scriptable API.
Core UI

Avatar

Initials, image, status dot. Stack variant for team thumbnails.

Sizes
AJ
MR
TK
SP
CL
With status dot
AJ
MR
SP
Stack
AJ
MR
TK
SP
+4
Core UI

Toggle / Switch

Pill switch used by feature flags and settings toggles.

Auto-renew enabledOn
Two-factor authenticationOff
DDoS protectionLocked
Core UI

Checkbox / Radio

Custom-styled, fully accessible. Indeterminate state for parent checkboxes in tables.

Checkbox
Enable backups
Hourly snapshots, 7-day retention
Email notifications
Select all (indeterminate)
Disabled option
Radio
KVM (recommended)
Full hardware virtualisation
OpenVZ
Container-based
Bare metal (unavailable)
Core UI

Progress Bar & Circular Progress

Linear bars for storage/quota; SVG rings for circular variants.

Linear
Bandwidth72 / 100 TB
Storage91 / 100 GB
Servers10 / 10
CPU (thick)34%
Circular / Ring
73%
CPU
25%
RAM
95%
Disk
Core UI

Skeleton / Loading

Shimmer placeholder shown during data fetch. PageSkeleton.tsx · .skeleton utility class.

Core UI

Tooltip

Small info popover on hover. Four directional variants.

Deploy to region
Hover target (top)
Hover target (bottom)
Opens settings panel
With icon ⓘ
Shows when a feature is in beta or has usage limits.
Components

Form Inputs

Inputs have a subtle surface background with sky-blue focus ring. All elements use consistent 10px border radius.

We'll never share your email.
Core UI

Tag Input / Chips

Free-form tag entry with removable chips. TagInput.tsx

production ✕
eu-west ✕
nginx ✕
192.168.1.0/24 ✕
10.0.0.1 ✕
Core UI

Form Layout

Label · help text · validation error · fieldset grouping. Standard pattern for all settings and config pages.

Server details
Basic configuration for your new VPS.
✕ Hostname may only contain letters, numbers, and hyphens.
Used for root login. Password auth will be disabled.
Cancel Deploy →
Core UI

Side Navigation

Collapsible dark-navy panel. Three layout variants: Modern, Classic, Finance. layouts/sidebars/

Main content area
Core UI

Tabs

Two variants: underline (page-level) and pill (inline toggle).

Underline tabs
Overview
Graphs
Console
Networking
Backups
Active tab content renders here.
Pill tabs
Yearly −50%
Monthly
Hourly
Core UI

Command Palette / Global Search

Full-screen fuzzy search. Triggered by ⌘ K. CommandPalette.tsx · GlobalSearch.tsx

🔍 Esc
Servers
🖥
vps-ams-001
Amsterdam · Running · $14.48/mo
↵
🖥
vps-ams-002
Amsterdam · Stopped
Actions
➕
Deploy new server in Amsterdam
📚
Docs: Amsterdam region specs
↑↓ navigate ↵ open Esc close
Core UI

Toast / Notification

Stacked snackbars, bottom-right. Four severity variants. Toast.tsx

✓
Server deployed
vps-ams-004 is live in Amsterdam.
✕
!
Payment failed
Card ending in 4242 was declined.
✕
⚠
Quota at 90%
You've used 9 of 10 servers.
✕
i
Maintenance scheduled
Frankfurt region — May 8, 02:00 UTC.
✕
Agent / Support

Side Panel / Drawer

Slides in from the right. Used for ticket details, customer profile, and settings. agent/SidePanel.tsx

Customer
✕
AJ
Alex Johnson
alex@example.com
PlanProfessional
Member sinceJan 2024
Open tickets2
LTV$341.28
Core UI

Table / DataTable

Sortable, paginated, with row actions and checkboxes. ui/Table.tsx

Name ↕
 Region ↑ Status CPU Monthly
vps-ams-001		 🇳🇱 Amsterdam Running 14% $14.48
Manage···
vps-utah-002		 🇺🇸 Utah Rebooting — $7.48
Manage···
vps-sgp-003		 🇸🇬 Singapore Running 3% $2.48
Manage···
Showing 1–3 of 24 servers
‹
1
2
3
›
Data Viz

Charts

Line, bar, area, sparkline. MetricsChart.tsx · .sparkline-animate

Bandwidth (TB)
Inbound
Outbound
Mon
Tue
Wed
Thu
Fri
Sat
Sun
CPU usage (%)
00:00
06:00
12:00
18:00
Now
Sparklines (inline)
CPU 34%
Bandwidth ↑
Errors ↑
Data Viz

Stat / KPI Tile

Number + delta badge + inline sparkline. Used on dashboard overview.

Monthly spend
$29.44
↑ 12% vs last month
Active servers
3
↑ 1 this week
Avg CPU
18%
↓ 4% vs yesterday
Uptime
99.97%
↑ SLA met
Data Viz

Quota / Usage Gauge

Ring gauge for resource quotas. QuotaWidget.tsx

75%
Bandwidth
750 / 1000 TB
90%
Storage
90 / 100 GB
20%
Servers
2 / 10
99%
IPs
9 / 9
Components

Terminal / Code Window

Used in the hero section to demonstrate instant deployment. Three-dot traffic light header, monospace body, with green success indicators.

— cloudzy · live
✓ Allocating compute on AMS-3 hypervisor cluster
✓ Provisioning 4 vCPU · 8 GB RAM · 120 GB NVMe
✓ Attaching 40 Gbps uplink, IPv4 + IPv6
→ ssh root@vps-ams-001.cloudzy.app
deployed in 42s · billed at $0.04/hr
Components

Status & Stats

Status bar for system health. Stat numbers use tight negative tracking and appear in section separators throughout the page.

All systems operational
99.95% uptime · last 30 days
API docs →
122K+
Builders worldwide
12
Global regions
99.95%
Uptime SLA
<2s
Deploy time
Components

Status Page

Components used on the Cloudzy status page. Dark-first, sourced from the same design tokens. Live at status-de.cloudzy.com.

Overall Status Banner

All systems operational
Some systems are degraded
Major outage detected
Scheduled maintenance

Service Row

🇩🇪 Frankfurt
Operational
🇺🇸 Ogden
Degraded
🇬🇧 London
Down
🇸🇬 Singapore
Maintenance

Announcement Card

Incident Investigating Elevated latency in Dallas region

We are investigating reports of elevated latency affecting the Dallas datacenter. Engineers are actively working on the issue.

Investigating Issue identified, tracing network path.
Maintenance Completed Introducing Cloudzy Status Page

We are pleased to announce the launch of the Cloudzy Status Page, providing real-time service visibility.

Completed Released beta.
Components

Pricing Cards

Plan cards use the standard surface with gradient highlight for featured plan. Toggle tabs use sky-accent for active state.

Pay Yearly −50% Monthly −40% Hourly −35%
Starter
Personal projects, dev sandboxes
$2.48 /mo
Deploy Now ↗
  • 512 MB DDR5
  • 1 vCPU @ 4.2 GHz
  • 20 GB NVMe
  • 1 TB transfer · 40 Gbps uplink
Most Popular
Professional
Production apps, AI inference
$14.48 /mo
Deploy Now ↗
  • 4 GB DDR5
  • 2 vCPU @ 4.2 GHz
  • 120 GB NVMe
  • 5 TB transfer · 40 Gbps uplink
Advanced
Busy WordPress, dev environments
$7.48 /mo
Deploy Now ↗
  • 2 GB DDR5
  • 1 vCPU @ 4.2 GHz
  • 60 GB NVMe
  • 3 TB transfer · 40 Gbps uplink
Core UI

Alert / Inline Banner

Four severity levels. Used inline inside pages or panels. ImpersonationBanner.tsx is a top-of-page variant.

ℹ
Scheduled maintenance

Frankfurt region will be unavailable May 8, 02:00–04:00 UTC.

✕
✓
Identity verified

Your account has passed KYC verification.

⚠
Quota warning

You've used 90% of your bandwidth quota for this billing period.

✕
Payment failed

Your card was declined. Update your billing method to avoid service interruption.

Core UI

Empty State

Illustration + headline + CTA. Used when a list, table, or dashboard panel has no data. EmptyState.tsx

🖥
No servers yet
Deploy your first VPS in under 30 seconds. Pick a region, plan, and OS.
Deploy server →
🔔
No notifications
You're all caught up. Alerts about your servers and billing will appear here.
Auth & Onboarding

Auth Shell

Split layout — brand panel left, form right. auth/AuthShell.tsx

Cloudzy
"Deploy to 12 regions in under 30 seconds."
— Trusted by 122,000+ developers worldwide
● All systems operational 99.95% uptime SLA
Sign in
New to Cloudzy? Create account →
G Continue with Google
🐙 Continue with GitHub
or email
Sign in →
Auth & Onboarding

OAuth Provider Tiles

One tile per SSO provider. auth/OAuthTiles.tsx · TelegramLoginButton.tsx

G Continue with Google
🐙 Continue with GitHub
✈ Continue with Telegram
🔑 Continue with SSO
Auth & Onboarding

Onboarding Checklist

Step-by-step onboarding with progress bar. OnboardingChecklist.tsx

Get started with Cloudzy
3 of 5 complete
Create your account
Add SSH key
Deploy your first server
Add billing method
Add card →
Enable two-factor auth
Enable →
Auth & Onboarding

NPS / Feedback Modal

Net Promoter Score survey shown after key milestones. NPSModal.tsx

How likely are you to recommend Cloudzy?
✕

0 = Not at all likely · 10 = Extremely likely

0
1
2
3
4
5
6
7
8
9
10
SkipSubmit
Billing

Balance Widget

Account credit balance with top-up action. BalanceWidget.tsx

Account balance
$142.50
Next charge est. $29.44 on Jun 1
+ Add funds History
Billing

Auto-renew Card

Subscription renewal toggle with next charge preview. billing/AutoRenewCard.tsx

Auto-renew
Your servers renew automatically each billing period. Disable to let them expire at the end of the current period.
Next charge: $29.44 on June 1, 2026
Billing

Invoice / Line-item List

Itemised billing breakdown. billing/InvoiceAdjustments.tsx

Invoice #INV-2026-0501
DescriptionQtyUnitTotal
vps-ams-001 · Professional (4 vCPU / 8 GB)720 h$0.020/h$14.40
vps-utah-002 · Advanced (2 vCPU / 4 GB)720 h$0.010/h$7.48
Floating IP · Amsterdam720 h$0.003/h$2.16
Referral credit——−$5.00
Total$19.04
Billing

Pricing Tier Comparison

Feature matrix across plans. Beyond the marketing card — used inside the panel upgrade flow.

Feature Starter Professional ★ Enterprise
vCPU12–8Custom
RAM512 MB4–32 GBCustom
NVMe storage20 GB120 GBCustom
Bandwidth1 TB5 TBUnmetered
DDoS protection✓✓✓
Private networking—✓✓
Managed backups—✓✓
SLA99.5%99.95%99.99%
SupportCommunityPriority emailDedicated CSM
Agent / Support

Ticket List Item

Row in the support queue. Priority dot, unread indicator, subject, preview, tags. agent/TicketListItem.tsx

Server not responding after reboot
Hi, I rebooted my VPS and now I can't SSH into it. I've tried from multiple networks...
billingvps-ams-001
2 min ago
Invoice discrepancy for April
I was charged $29.44 but expected $24.00 based on my plan...
billing
1 hr ago
How do I set up a reverse proxy?
I want to proxy traffic from my domain to port 3000 on my VPS...
how-to
3 hr ago
Agent / Support

Reply Composer + Internal Note

Rich text composer with tab switching between public reply and internal note. agent/ReplyComposer.tsx · agent/InternalNoteComposer.tsx

Reply
Internal note
B
I
⌁
📎
⚡
Save draft Send reply →
Agent / Support

Canned Response / Macro Picker

Quick-insert panel for saved replies and action macros. agent/CannedResponsePicker.tsx · agent/MacroPicker.tsx

🔍
Responses — 3 matches
💬
SSH connection guide
How to connect via SSH for the first time
↵
💬
Reset SSH key
Steps to replace a lost SSH key via console
⚡
SSH + close ticket (macro)
Inserts response and sets status to Resolved
Agent / Support

AI Assist Panel

Suggested reply generated from ticket context. Agent can accept, edit, or discard. agent/AIAssistPanel.tsx

✦
AI suggested reply
Based on ticket #4821
Thank you for contacting Cloudzy support. I can see that your server vps-ams-001 became unresponsive after a reboot at 14:22 UTC. Our systems show the instance is stuck in a boot loop due to a kernel panic. I've initiated an emergency console session — you should be able to access it from your panel within 2 minutes.
Insert into composer Edit first Discard
Agent / Support

Presence Dot / Live Indicator

Real-time agent availability status. Used in queue assignment and avatar overlays. agent/PresenceDot.tsx

Online
Away
Busy
Offline
AJ
MR
SP
Agent / Support

Saved Views List

Persistent filtered queues in the ticket sidebar. agent/SavedViewsList.tsx

Views+ New
📥 All open14
🔥 High priority3
👤 Assigned to me7
⏳ Awaiting reply5
✓ Resolved today11
Agent / Support

Watcher Panel

List of agents subscribed to a ticket. agent/WatcherPanel.tsx

Watchers (3)
AJ
Alex Johnson
Assigned agent
✕
MR
Maria Rodriguez
Supervisor
✕
TK
Tom K.
Infra team
✕
+ Add watcher
Agent / Support

Keyboard Shortcut Help Overlay

Modal listing all keyboard shortcuts. Triggered by ?. agent/KeyboardHelp.tsx

Keyboard shortcuts
✕
Navigation
Open command palette
⌘K
Next ticket
J
Previous ticket
K
Go to inbox
GI
Actions
Reply
R
Internal note
N
Resolve ticket
⌘↵
Assign to me
A
Admin

Customer Activity Timeline

Chronological event log on the admin customer profile. admin/AdminCustomerActivity.tsx

Server deployed — vps-ams-001
Professional plan · Amsterdam · 4 vCPU / 8 GB
May 6, 14:22 UTC
Payment processed — $14.48
Visa ending 4242 · Invoice #INV-2026-0501
May 1, 00:03 UTC
SSH key added
my-macbook (ed25519 · SHA256:abc…)
Apr 28, 09:14 UTC
Account created
Signup via Google OAuth
Apr 28, 09:10 UTC
Admin

Admin Notes

Internal agent annotations on a customer record — not visible to the customer. admin/AdminNotes.tsx

Admin notes Internal only
AJ
Alex J.·May 6, 15:04
Customer is on the VIP program — prioritise response. Previously had billing issue in March, resolved with $5 credit.
MR
Maria R.·Apr 15, 11:22
Flagged for potential abuse — monitor bandwidth usage this cycle.
Admin

Rightsizing Suggestion Cards

AI-generated upgrade/downgrade recommendations shown in hero and dashboard. rightsizing/SuggestionHeroCard.tsx · rightsizing/SuggestionDashboardCard.tsx

AI recommendation
Downsize vps-utah-002 and save $4.96/mo
Average CPU is 3% over 30 days. The Starter plan (1 vCPU / 512 MB) is sufficient for your workload.
Apply → Dismiss
Upgrade
vps-ams-001 hitting CPU limits
Avg CPU 89% · Professional → Advanced XL
Review →
Downsize
vps-utah-002 underutilised
Avg CPU 3% · Save $4.96/mo
Review →
System States

Error Boundary

Full-page fallback when a React subtree throws. ErrorBoundary.tsx

⚠️
Something went wrong
An unexpected error occurred in this section. Our team has been notified. Try refreshing the page.
TypeError: Cannot read properties of undefined (reading 'serverId')
at ServerDetail (ServerDetail.tsx:42)
at Dashboard (Dashboard.tsx:18)
Reload page Report issue
System States

404 / Not Found

Rendered when a route doesn't match. pages/NotFound.tsx

404
Page not found
The page you're looking for doesn't exist or may have been moved. Check the URL or return to the dashboard.
Go to dashboard Contact support
System States

Impersonation / System Banner

Sticky top-of-page banner for admin impersonation sessions, maintenance mode, and critical alerts. ImpersonationBanner.tsx

⚠ You are impersonating alex@example.com as admin agent Maria R. End session →
🔴 Partial outage — Frankfurt region is experiencing elevated latency. View status →
ℹ Scheduled maintenance — Frankfurt · May 8, 02:00–04:00 UTC ✕
Assets

Social Icons

Email-safe social icons at 48×48 px. Two variants per platform for dark and light backgrounds.

X / Twitter
dark bg
X / Twitter
light bg
Facebook
dark bg
Facebook
light bg
Instagram
dark bg
Instagram
light bg
LinkedIn
dark bg
LinkedIn
light bg
YouTube
dark bg
YouTube
light bg
Tools

UTM Link Generator

Build trackable logo links for emails, campaigns, and partner placements. Pick a logo, set UTM parameters, copy.

Logo Asset
full logo · dark bg
full logo · light bg
gray · dark bg
gray · light bg
marketplace badge
mark · square
Parameters
Destination URL required
utm_source e.g. newsletter, partner
utm_medium e.g. email, banner
utm_campaign e.g. brand-awareness
utm_content identifies the asset
utm_term optional
Preview
Tracked URL
Fill in the fields to generate your link…
HTML Snippet
Fill in the fields to generate your snippet…
Checklist
✗ Destination URL
✗ utm_source
✗ utm_medium
✗ utm_campaign
○ utm_content (optional)
○ utm_term (optional)
Reference

CSS Tokens

Drop this block into your project's :root to use the full Aurora design system.

/* Aurora Design Tokens — Cloudzy Brand System */ :root { /* Fonts */ --font-sans: 'Geist', ui-sans-serif, system-ui, sans-serif; --font-mono: 'Geist Mono', ui-monospace, monospace; /* Aurora Palette */ --aurora-navy: #040b1a; /* Primary background */ --aurora-navy-2: #08152a; /* Card / surface bg */ --aurora-cyan: #0EA5E9; /* Primary accent, CTAs */ --aurora-cyan-2: #38BDF8; /* Highlights, grad start */ --aurora-deep-cyan: #0284C7; /* Gradient end, hover */ --aurora-green: #00E0A4; /* Success, status */ --cloud-blue: #0095FF; /* Logo cloud mark */ /* Text */ --text-primary: #FFFFFF; /* Headings, body on dark */ --text-soft: #D4E3F0; /* Subheadings */ --text-muted: #8BA0B8; /* Secondary copy */ --text-dim: #4F627A; /* Captions, metadata */ /* Surfaces */ --surface: rgba(255,255,255,0.02); --surface-2: rgba(255,255,255,0.04); --border: rgba(255,255,255,0.05); /* Gradient */ --grad-aurora: linear-gradient(135deg, #38BDF8 0%, #0EA5E9 50%, #0284C7 100%); /* Border Radius */ --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-xl: 18px; --r-2xl: 24px; /* Spacing (4px base) */ --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px; }
Cloudzy