Home / Brand Guidelines
Brand Guidelines · Cloud Made SimpleEverything you need to represent Cloudeli correctly — our logo, colours, typography and the do's and don'ts that keep us consistent. Grab the assets below and you're ready to go.
The Cloudeli logo pairs a soft cloud symbol with a friendly, rounded wordmark — a visual shorthand for Cloud Made Simple. Use the full-colour lockup on light backgrounds and the white lockup on dark or busy imagery. Always give it room to breathe.
Keep a margin of clear space around the logo equal to the height of the cloud symbol. Nothing — text, images or edges — should intrude into that zone. More space is always better than less.
Don't render the full lockup below 120px wide on screen (or 25mm in print). Below that, use the standalone cloud icon so the mark stays legible.
A consistent logo builds trust. These rules keep it recognisable everywhere it appears.
Brand blue leads; a calm set of neutrals carries the text; deep navy anchors dark scenes. Reserve the signature gradient for a single focal element — a button, an icon tile, one key accent.
#1A76D1Primary — links, fills, key icons#2889E4Gradient start, hovers, highlights#155FA8Depth, pressed states#0D1B34Dark backgrounds#2C2D3FHeadings, strong text#5B6172Paragraphs, bullets#8B90A0Captions, footnotes#EEF4FCTinted panels & sections#E8EEF7Borders, dividers#2F8BFFAccent halo on dark#FFFFFFBase background#00B67ARatings context onlyOur hero visual — one focal element per layout, never a full-page wash (except title / divider moments).
linear-gradient(135deg, #2889E4 0%, #1A76D1 100%)
Poppins is our brand typeface across the website, decks and documents — heavy weights for headlines, regular for body. The rounded Fredoka display face is reserved for the logo wordmark and the occasional playful moment.
Light 300Cloud Made Simple
Regular 400Cloud Made Simple
SemiBold 600Cloud Made Simple
Bold 700Cloud Made Simple
ExtraBold 800Cloud Made Simple
LightCloudeli
RegularCloudeli
MediumCloudeli
SemiBoldCloudeli
BoldCloudeli
| Level | Typeface / weight | Colour | Notes |
|---|---|---|---|
| Headline (H1) | Poppins 800 | Ink #2C2D3F / White | Tight tracking, −0.02em |
| Section title (H2) | Poppins 800 | Ink #2C2D3F | Heavy, tight |
| Eyebrow / kicker | Poppins 700 | Brand Blue #1A76D1 | UPPERCASE, +0.14em |
| Lead paragraph | Poppins 400 | Body #5B6172 | line-height 1.85 |
| Body | Poppins 400 | Body #5B6172 | line-height 1.75 |
| Caption / footer | Poppins 500 | Muted #8B90A0 | Small furniture |
Beyond the logo, a few habits keep every touchpoint feeling unmistakably Cloudeli.
Everything in one bundle, or pick exactly what you need. All logo files are high-resolution PNGs, with editable Illustrator (.ai) source in the kit.
Logos (colour + white, PNG & .ai), the Fredoka font, the PDF guidelines and the Claude skill file.
All logo lockups and the standalone icon, in full colour and white — high-res PNG plus Illustrator source.
Download logosThe full Cloudeli branding guidelines document — logo, colour, type and usage, ready to print or share.
Download PDFThe rounded Fredoka display typeface used in the wordmark, as a variable TrueType font.
Download fontBuilding slides, docs or graphics with Claude? Drop in our brand skill file and Claude will apply the Cloudeli brand system automatically — the Poppins type, the brand-blue palette, the gradient and glow treatments, and an 11-layout deck library — all on-brand by default.
The download is a ready-to-use skill package — SKILL.md with its deck template, reference guide and logo assets — that turns this guideline into machine-readable brand tokens and rules.
Partners, press and collaborators — reach out and we'll make sure you have exactly what you need.