Logo
The CloudOne logo is a lockup of the logomark and the CloudOne wordmark. Use the primary lockup wherever there is room for it. Use the stacked version only when horizontal space is limited. Use the logomark for things like app icons and favicons. Always use the supplied artwork - never rebuild or retype it.
Click any example above to download a ZIP with the SVG, PNG, and PDF. SVG stays sharp at any size and is the ideal choice whenever possible.
Color
Brand colors
The four colors that carry the brand.
Sky
brand-sky-400
Logomark, primary buttons, links, accents
- HEX
- RGB
- CMYK
- PMS
Navy
brand-blue-950
Dark sections, hero and illustration panels
- HEX
- RGB
- CMYK
- PMS
Fuchsia
brand-fuchsia-600
Third accent - gradients, ecosystem marks
- HEX
- RGB
- CMYK
- PMS
Highlight
brand-highlight
Highlight accent - script text, accent buttons, callouts
- HEX
- RGB
- CMYK
- PMS
Black and neutrals
Text, surfaces, and dividers.
Black
black
Wordmark, headings, base text
- HEX
- RGB
- CMYK
- PMS
Slate 700
slate-700
Lead paragraphs
- HEX
- RGB
- CMYK
- PMS
Slate 500
slate-500
Body copy
- HEX
- RGB
- CMYK
- PMS
Slate 300
slate-300
Strong borders
- HEX
- RGB
- CMYK
- PMS
Slate 200
slate-200
Hairlines and dividers
- HEX
- RGB
- CMYK
- PMS
Gray 50
gray-50
Alternating section background
- HEX
- RGB
- CMYK
- PMS
- None - paper
White
white
Primary surface
- HEX
- RGB
- CMYK
- PMS
- None - paper
HEX and RGB are exact. CMYK is a straight numeric conversion, not a color-managed one - confirm it against your press profile before print. Pantone values are close visual matches, not verified ones - check each against a Pantone bridge before any spot colour job.
Ranges
Each brand color ships as a full scale. Use the numbered token, for example bg-brand-sky-400 . Ringed steps are the brand colors themselves.
Brand Sky brand-sky
Brand Blue brand-blue
Brand Fuchsia brand-fuchsia
Brand gradient 1
Used for full-bleed hero and other backgrounds.
#05B2FA 0%
#0073C0 40%
#003F8E 75%
#00186C 100%
Brand gradient 2
Used for full-bleed backgrounds.
#4E1E55 top left
#0F1D5E base
#2A5CD0 bottom right
Brand gradient 3
Used for product glyph tiles and dark icon chips.
#00186C base
#05B2FA bottom glow · 24%
Brand gradient 4
Used for light content cards on white sections.
#BAE1FA bottom
#DBEEFA 35%
#EEF7FD top
Typography
CloudOne uses Outfit for nearly everything - headlines, body, and interface. Weights 400 through 800 are okay for use.
Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800
Heading 1
3rem / 3.75rem · Bold 700
Work Smarter.
Heading 2
2.25rem / 3rem · Bold 700
Operational Intelligence
Heading 3
1.5rem · Bold 700
Built for the way you work
Eyebrow
0.875rem · SemiBold 600 · Uppercase
Managed Services
Lead
1.25rem · Medium 500
Proven in automotive. Built for any industry.
Body
1.125rem · Regular 400
Every decision, interaction, and outcome becomes operational intelligence your organization can act on.
Script highlight
The one exception to Outfit is Coffee Service (Adobe Fonts). Use it for one short script word or phrase inside a headline - always Regular 400, always in the Highlight color. Never use it for body copy or interface text.
The AI-Powered
Closed Loop
Marketing Platform
On dark backgrounds, add the navy text stroke so the script stays readable.
Brand Guidelines
Clear space
Keep a margin of clear space around the logo equal to half its height. Nothing - type, imagery, edges, or other logos - should enter that area.
The dashed boundary marks the minimum clear space: half the logo height on every side.
Minimum size
Below these sizes the logomark loses definition. Never reproduce the logo smaller than this.
Primary
- Digital
- 120px wide
- 1 in / 25 mm wide
Stacked
- Digital
- 64px wide
- 0.6 in / 15 mm wide
Logomark
- Digital
- 24px wide
- 0.25 in / 6 mm wide
Logo misuse
The logo is fixed artwork. Do not alter its proportions, colors, or composition.
Wordmark in text
In running text, CloudOne is written as one word with a capital C and a capital O. It is set in the same typeface as the surrounding copy - never substituted with logo artwork mid-sentence.
Correct
- CloudOne
- CloudOne Platform
- the CloudOne Ecosystem
Incorrect
- Cloud One
- CLOUDONE
- cloudone
- Cloudone
If it must be all caps
Some settings force uppercase - in those cases only, set the name as two words with a space between them. Never remove the space when uppercase.
Correct
CLOUD ONE
Incorrect
CLOUDONE
Business Card
FULL NAME Job Title
911 Main Street STE 330
Vancouver, WA 98660
123.456.7890
360.737.3600
full.name@cloudone.com
Letterhead
Click to open in Google Docs. Once open, go to File > Make a Copy in order to edit.
Email Signature
Fill in your details, copy the signature, and paste it into your mail client. Any field left blank is left out - except the office number, which fills in automatically.
Preview
| ||||
| ||||
| cloudone.com |
- Do not change the font, colors, sizes, or spacing. Paste the signature exactly as generated.
- Do not add quotes, images, or banners below it.
Social Media
Ready-to-use graphics for social media profiles. Use them as-is without cropping, recoloring, or adding text.
Download LinkedIn header (PNG)