Logos, animations, colors and ready-made visuals in one place. Download the files you need for an article, sponsorship or partnership that mentions Clou.TR, and review the guidelines before you use them.
277 files · SVG, PDF, PNG, GIF, MP4, WebM
Four layouts in five color variants. SVG is for web and design, PDF for vector print; the PNGs have transparent backgrounds. The suffix in each file name names the color variant.
Primary logo: websites, presentations, wide spaces
Square and vertical spaces: posts, posters, vertical banners
Profile pictures, app icons, favicons, small spaces
Where the icon is already visible, narrow horizontal spaces
The logo's two colors plus white. HEX values are the reference for digital use; confirm CMYK and Pantone equivalents with your printer.
Primary color: wordmark and icon
#2D3A5C45, 58, 92Accent color: icon and dot
#00D1B20, 209, 178Backgrounds and the logo on dark backgrounds
#FFFFFF255, 255, 255Use the brand colors as variables on your site.
:root {
--clou-lacivert: #2D3A5C;
--clou-turkuaz: #00D1B2;
--clou-beyaz: #FFFFFF;
}Swatches for Adobe apps, a CSS file and the palette image. The JSON format ships with the full kit.
The intro plays once and rests on the logo; the loop repeats continuously. The same animation is ready in a format for every medium.
Websites and sponsor pages. Works with a single <img> tag and stays sharp at any size.
Social media, presentations and video intros. 60 fps on a white or navy background.
Email, documents and messaging apps. The first frame shows the complete logo.
Web and streaming software (OBS): overlay on top of a video or page.
| MP4 video | White background | Navy background |
|---|---|---|
| Horizontal intro · 16:9 1920×1080 | MP4169 KB | MP4164 KB |
| Horizontal loop · 16:9 1920×1080 | MP4231 KB | MP4225 KB |
| Stacked intro · square 1080×1080 | MP4165 KB | MP4159 KB |
| Stacked intro · story 9:16 1080×1920 | MP4195 KB | MP4188 KB |
| Transparent video | Full color | Full color · dark background | Single color · white |
|---|---|---|---|
| Horizontal logo · Intro 1920 px | WebM585 KB | WebM548 KB | WebM476 KB |
| Horizontal logo · Loop 1920 px | WebM854 KB | WebM812 KB | WebM695 KB |
| Stacked logo · Intro 1080 px | WebM574 KB | WebM575 KB | WebM529 KB |
| Stacked logo · Loop 1080 px | WebM865 KB | WebM879 KB | WebM795 KB |
| Icon · Intro 1080 px | WebM356 KB | WebM355 KB | WebM254 KB |
| Icon · Loop 1080 px | WebM619 KB | WebM619 KB | WebM456 KB |
| Animated SVG | Full color | Full color · dark background | Single color · white | Single color · navy |
|---|---|---|---|---|
| Horizontal logo · Intro | SVG28 KB | SVG28 KB | SVG29 KB | SVG29 KB |
| Horizontal logo · Loop | SVG32 KB | SVG32 KB | SVG33 KB | SVG33 KB |
| Stacked logo · Intro | SVG29 KB | SVG28 KB | SVG29 KB | SVG29 KB |
| Stacked logo · Loop | SVG33 KB | SVG33 KB | SVG34 KB | SVG34 KB |
| Icon · Intro | SVG15 KB | SVG15 KB | SVG15 KB | SVG15 KB |
| Icon · Loop | SVG18 KB | SVG18 KB | SVG19 KB | SVG19 KB |
Upload the file to your site and add it with a single line; no JavaScript needed. Visitors who prefer reduced motion see the static logo.
<img src="clou-logo-yatay-intro-renkli.svg" alt="Clou.TR" width="320">Ready-made videos for social media are MP4 and transparent overlays are WebM. Alpha-channel ProRes 4444 (.mov) files for Premiere, After Effects, Final Cut and DaVinci are not part of this download because of their size (about 110 MB); contact our support team if you need them.
In the sizes each platform recommends, with three background options. On covers the logo is centered where the profile picture won't hide it.
1080×1080 px
1500×500 px
1128×191 px
2560×1440 px
1200×480 px
1200×630 px
1080×1080 px
1080×1920 px
Standard ad sizes (IAB). The GIFs play three times and rest on the logo (about 21 s), within the usual 30-second ad network limit. The SVGs can be used directly on sponsor sites.
Favicon, app icons and an email signature.
Copy the files to the site's root directory and add this inside <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#2d3a5c">A live-stream holding screen and a meeting background. Transparent overlay videos are in the Animation section.
1920×1080 px
1920×1080 px
Always use the logo straight from the kit files, exactly as supplied.
Leave at least 1.5x clear space around the logo (x = the icon's stroke thickness).
1.5x1.5xBelow these sizes the logo becomes illegible. Animated logos should be at least 240 px wide.
The zip contains every file on this page in the same folder structure.
| Folder | Contents | Formats |
|---|---|---|
01-logo | Horizontal, stacked, icon and wordmark; five color variants | SVG, PDF, PNG |
02-animasyon | Intro and loop animations | SVG, MP4, GIF, WebM |
03-renkler | Color codes and palette image | ASE, CSS, JSON, PNG |
04-sosyal-medya | Profile, cover, post and story | PNG |
05-banner | Standard ad sizes, three backgrounds | PNG, GIF, SVG |
06-web | Favicon, app icons, email signature | ICO, SVG, PNG, GIF |
07-yayin | Stream screen, virtual meeting background | PNG |
