Brand
Cascade Brand Guidelines
Resources and guidelines for press, partners, and anyone writing about Cascade. If you need something not listed here, email hello@aftora.io.
01 — Name & description
How to refer to us
This is the most important part of this page. Use these exact strings when writing about Cascade in press coverage, partner copy, integrations, or any public-facing content.
One-liner
The operating system for your hosting business.
Short description (1–2 sentences)
Cascade is a unified hosting management platform that replaces the patchwork of billing tools, game server panels, and web hosting dashboards with a single control plane. Built by Aftora, it runs on your own hardware and connects to Aftora's edge network.
Full attribution
Cascade by Aftora
Never write:“cascade” (lowercase), “CascadeHosting”, “Cascade.io”, or “Cascade Panel”. Always capitalise Cascade as a proper noun. The product URL is usecascade.io but the product name is just Cascade.
02 — Logo
The mark
The Cascade identity is the four-petal mark. Each petal corresponds to a brand colour. The mark is always used in its full-colour form on dark backgrounds — no single-colour or inverted variants are currently issued.
Clear space
Always maintain a minimum clear space equal to half the mark height on all sides. Do not place text, other logos, or graphical elements within this zone.
03 — Colours
Brand palette
The Cascade palette is built around four muted, luminous hues. Always use these exact values — do not substitute approximations.
Cascade Blue
Primary accent · used for links, highlights, and the top-left petal
#7b9eb8rgb(123, 158, 184)hsl(207, 25%, 60%)
Cascade Violet
Secondary accent · callouts, keywords, and the top-right petal
#9a8ab8rgb(154, 138, 184)hsl(261, 20%, 63%)
Cascade Sage
Tertiary accent · success states, code strings, and the bottom-left petal
#7aa68argb(122, 166, 138)hsl(142, 17%, 56%)
Cascade Rose
Tertiary accent · variables, decorative use, and the bottom-right petal
#b8899argb(184, 137, 154)hsl(340, 20%, 63%)
Background & neutrals
Background Base
Page background — the primary canvas for all Cascade UI
#0e0e10rgb(14, 14, 16)hsl(240, 7%, 6%)
Text Primary
Headings, labels, and high-emphasis body text
#edeceargb(237, 236, 234)hsl(40, 10%, 92%)
Text Secondary
Body copy, descriptions, and supporting text
#8e8e8argb(142, 142, 138)hsl(60, 2%, 55%)
04 — Typography
Typefaces
Cascade uses Geist — Vercel's open-source typeface family. Both weights are available free from vercel.com/font.
Geist Sans — UI & display
The operating system for your hosting business.
Body copy: 15px / 400 weight / 1.75 line-height
Regular (400)
Medium (500)
SemiBold (600)
Bold (700)
Geist Mono — labels, code & data
Used for: labels, eyebrows, keyboard shortcuts, code blocks, version strings, metadata.
const cascade = { version: '1.0.0', platform: 'linux' };
Display scale
Cascade
54px / 700 / -0.035emHero / H1
Hosting, unified.
36px / 700 / -0.03emSection / H2
Game Servers
22px / 700 / -0.025emSub-heading / H3
All your workloads, one platform.
15px / 400 / -0.01emBody
05 — Voice & tone
How we sound
Cascade speaks plainly. No marketing fluff, no enterprise jargon. Direct, confident, and a little understated.
Cascade gives you one panel for billing, servers, and DNS. Cascade is a next-generation, AI-powered hosting orchestration solution. Your hardware, your data. Cascade runs on your nodes. Leverage Cascade's synergistic multi-workload paradigm to unlock hosting potential. Use "Cascade" — capital C, never "cascade" or "CASCADE". Use casual shorthand like "CAS" or "the Cascade platform" — just "Cascade" is fine. 06 — Usage rules
Logo & colour use
A few hard rules to protect the integrity of the Cascade mark.
Logo
Use the full-colour mark on dark backgrounds (#0e0e10 or similar). Maintain proportional scaling — never stretch or skew the mark. Leave adequate clear space (see above) around the mark at all times. Recolour individual petals or change any petal to a flat grey or white. Place the mark on a bright white or heavily patterned background. Add drop shadows, outlines, glows, or other effects to the mark. Recreate the mark from scratch — always use the provided SVG file. Colours
Use brand colours at their specified values — hex exact. Pair brand accents with the dark background palette (#0e0e10 – #212125). Use brand accent colours on a white or near-white background — contrast is insufficient. Combine Cascade Blue and Cascade Violet as competing focal elements — pick one per context. Use status colours (red, yellow, green, blue) as brand colours in non-status contexts. 07 — Assets
Downloads
The logomark SVG is available for download below. For a full asset pack including PNG exports at multiple sizes, a dark-background PNG, and this document as a PDF, email us and we'll send a ZIP.
