--- title: "Brand Guidelines" description: "The CloudX logotype, colors, typefaces, stamps, images and oscillograms, and how to use them." url: "https://www.cloudx.ai/brand" --- # CloudX Brand Guidelines The CloudX logotype, colors, typefaces, stamps, images and oscillograms, and how to use them. [Download Brand Assets](https://www.cloudx.ai/brand/cloudx-brand-kit.zip) (zip) ## Logotype Scale Logo scaling shows how the logo should be resized proportionally across different applications, without distorting its shape or ratio. This keeps the mark accurate and recognizable at any size. [Logotype (SVG)](https://www.cloudx.ai/images/brand/logotype.svg), shown at 32 px, 48 px, 64 px, 88 px. ## Primary Colors These primary colors form the core of the visual identity and should be used consistently across all branded materials. They establish recognition and create the foundation for the entire color system. The palette is inspired by nature: calm, desaturated, tactile, and grounded in real-world tones. It brings softness and warmth to the identity while keeping the system refined and understated. | Color | HEX | CMYK | RGB | | --- | --- | --- | --- | | Clay | #A55F3D | 0, 42, 63, 35 | 165, 95, 61 | | Moss | #62734C | 15, 0, 34, 55 | 98, 115, 76 | | Glacier | #576C82 | 33, 17, 0, 49 | 87, 108, 130 | | Dusk | #5A5478 | 25, 30, 0, 53 | 90, 84, 120 | | Bark | #201C1B | 0, 12, 16, 87 | 32, 28, 27 | | Shadow | #141414 | 0, 0, 0, 92 | 20, 20, 20 | | Petal | #F1E2DD | 0, 6, 8, 5 | 241, 226, 221 | | Snow | #FFFFFF | 0, 0, 0, 0 | 255, 255, 255 | ## Primary Color Combinations Approved color combinations help maintain visual consistency while ensuring sufficient contrast and accessibility. Snow type on Moss, Clay, Glacier, Dusk backgrounds. ## Typefaces The identity uses three complementary typefaces that balance character with clarity. - EB Garamond - Epilogue - Chivo Mono ## Stamps The stamp system adds another human layer to the identity. Inspired by collage logic, print imperfections, and found graphics, the stamps bring character and spontaneity to an otherwise precise and highly technological product. - [Stamp 1](https://www.cloudx.ai/images/brand/stamp-01.webp) - [Stamp 2](https://www.cloudx.ai/images/brand/stamp-02.webp) - [Stamp 3](https://www.cloudx.ai/images/brand/stamp-03.webp) - [Stamp 4](https://www.cloudx.ai/images/brand/stamp-04.webp) - [Stamp 5](https://www.cloudx.ai/images/brand/stamp-05.webp) - [Stamp 6](https://www.cloudx.ai/images/brand/stamp-06.webp) - [Stamp 7](https://www.cloudx.ai/images/brand/stamp-07.webp) - [Stamp 8](https://www.cloudx.ai/images/brand/stamp-08.webp) - [Stamp 9](https://www.cloudx.ai/images/brand/stamp-09.webp) - [Stamp 10](https://www.cloudx.ai/images/brand/stamp-10.webp) - [Stamp 11](https://www.cloudx.ai/images/brand/stamp-11.webp) - [Stamp 12](https://www.cloudx.ai/images/brand/stamp-12.webp) ## Images Our images are inspired by Impressionist painting, especially Monet’s study of light, water, and color. The images feel fluid, atmospheric, and slightly dreamlike. Familiar natural forms dissolve into ripples, blurred edges, and layered tones, creating imagery that feels rooted in a real place but interpreted through movement and reflection. - [Painting 1](https://www.cloudx.ai/images/brand/painting-1.webp) - [Painting 2](https://www.cloudx.ai/images/brand/painting-2.webp) - [Painting 3](https://www.cloudx.ai/images/brand/painting-3.webp) - [Painting 4](https://www.cloudx.ai/images/brand/painting-4.webp) ## Oscillograms CloudX’s graphic system is built around a family of oscillograms that visualize movement, signals, and the processes behind the platform. Their technical structure is softened through an organic pencil texture, bringing a tactile and human quality to the graphics. This contrast is central to the identity: technology expressed through a more human hand. - [Oscillogram 1](https://www.cloudx.ai/images/brand/oscillogram-01.webp) - [Oscillogram 2](https://www.cloudx.ai/images/brand/oscillogram-02.webp) - [Oscillogram 3](https://www.cloudx.ai/images/brand/oscillogram-03.webp) - [Oscillogram 4](https://www.cloudx.ai/images/brand/oscillogram-04.webp) - [Oscillogram 5](https://www.cloudx.ai/images/brand/oscillogram-05.webp) - [Oscillogram 6](https://www.cloudx.ai/images/brand/oscillogram-06.webp) - [Oscillogram 7](https://www.cloudx.ai/images/brand/oscillogram-07.webp) - [Oscillogram 8](https://www.cloudx.ai/images/brand/oscillogram-08.webp) - [Oscillogram 9](https://www.cloudx.ai/images/brand/oscillogram-09.webp) - [Oscillogram 10](https://www.cloudx.ai/images/brand/oscillogram-10.webp) - [Oscillogram 11](https://www.cloudx.ai/images/brand/oscillogram-11.webp) - [Oscillogram 12](https://www.cloudx.ai/images/brand/oscillogram-12.webp) - [Oscillogram 13](https://www.cloudx.ai/images/brand/oscillogram-13.webp) - [Oscillogram 14](https://www.cloudx.ai/images/brand/oscillogram-14.webp) - [Oscillogram 15](https://www.cloudx.ai/images/brand/oscillogram-15.webp) - [Oscillogram 16](https://www.cloudx.ai/images/brand/oscillogram-16.webp) - [Oscillogram 17](https://www.cloudx.ai/images/brand/oscillogram-17.webp) - [Oscillogram 18](https://www.cloudx.ai/images/brand/oscillogram-18.webp) - [Oscillogram 19](https://www.cloudx.ai/images/brand/oscillogram-19.webp) - [Oscillogram 20](https://www.cloudx.ai/images/brand/oscillogram-20.webp)