# Brand

The logo, avatar, colours and type for showing AI Data Stream anywhere it appears. Pick the place you need it for, take the file named there, and follow the five rules at the end.

[Download the kit .zip · 122 KB](/brand/aidata-brand-kit.zip) [Browse all files](#files)

![AI Data Stream horizontal lockup: four gradient bars beside the wordmark](/brand/aidata-lockup-on-dark.svg)

## Which file do I need?

Each one is shown the way it will actually be used, at roughly the size it should be placed.

![Avatar tile: gradient bars on a near-black square, cropped to a circle](/brand/aidata-avatar-512.png) ![Light avatar tile: the same bars on an opaque white square](/brand/aidata-avatar-light-512.png) ![](/brand/aidata-avatar-512.png) ![](/brand/aidata-avatar-512.png)

### Social profile

Upload the 512 px avatar. Networks crop to a circle; the mark sits well inside it and reads at 24 px in a feed. The light tile is for platforms that show profiles on white.

-   [`aidata-avatar-512.png`5 KB](/brand/aidata-avatar-512.png)
-   [`aidata-avatar-light-512.png`5 KB](/brand/aidata-avatar-light-512.png)
-   [`aidata-avatar.svg`772 B](/brand/aidata-avatar.svg)

![Email-safe lockup: gradient bars and near-black wordmark on opaque white](/brand/aidata-lockup-email-600.png)

Your name  
Role · AI Data Stream · aidata.stream

### Email signature

Use the opaque 600 px PNG and place it at 180 to 300 px wide. It stays sharp on high-density screens and needs no transparency support.

-   [`aidata-lockup-email-600.png`8 KB](/brand/aidata-lockup-email-600.png)
-   [`aidata-lockup-email-dark-600.png`8 KB](/brand/aidata-lockup-email-dark-600.png)

![Lockup for light grounds in the top-left corner of a white slide](/brand/aidata-lockup-on-light.svg)

Quarterly traffic review

aidata.stream

### Slide or document

The SVG scales to any size without blurring. Use on-light for white slides and paper, on-dark for dark templates.

-   [`aidata-lockup-on-light.svg`7 KB](/brand/aidata-lockup-on-light.svg)
-   [`aidata-lockup-on-dark.svg`7 KB](/brand/aidata-lockup-on-dark.svg)

![Lockup for dark grounds](/brand/aidata-lockup-on-dark.svg)

![Lockup for light grounds](/brand/aidata-lockup-on-light.svg)

### Partner site or press

Hand over both SVGs and let the designer match the ground. Transparent 1200 px PNGs exist for tools that cannot place SVG.

-   [`aidata-lockup-on-dark-1200.png`14 KB](/brand/aidata-lockup-on-dark-1200.png)
-   [`aidata-lockup-on-light-1200.png`15 KB](/brand/aidata-lockup-on-light-1200.png)

![Favicon at 16 pixels in a browser tab](/brand/aidata-favicon-32.png) AI Data Stream

aidata.stream

![iOS home-screen icon, 180 pixels](/brand/aidata-apple-touch-icon-180.png) ![Android home-screen icon, 192 pixels](/brand/aidata-avatar-192.png)

### Browser tab or app icon

The favicon is the transparent padded mark, so it takes whatever colour the tab is. Home-screen icons use the near-black tile so the platform's own mask has something to cut.

-   [`aidata-favicon.svg`708 B](/brand/aidata-favicon.svg)
-   [`aidata-favicon.ico`2 KB](/brand/aidata-favicon.ico)
-   [`aidata-apple-touch-icon-180.png`2 KB](/brand/aidata-apple-touch-icon-180.png)

![Stacked lockup in near-black on white paper](/brand/aidata-stacked-black.svg)

### Print and single colour

Use the black cut for one-colour print and the on-light SVG for full colour. The gradient is three flat stops a printer can match from the hex values below.

-   [`aidata-stacked-black.svg`7 KB](/brand/aidata-stacked-black.svg)
-   [`aidata-lockup-black.svg`7 KB](/brand/aidata-lockup-black.svg)

![The AI Data Stream mark: four rounded bars, tall, shorter, shortest, taller, in a gradient from amber to deep orange](/brand/aidata-mark.svg)

## The mark

Four bars from a traffic chart, caught mid-story: a strong start, two quarters of decline, and the recovery beginning. It is the shape of the question every user brings to the product: what happened, and is it coming back?

The gradient runs left to right, amber to deep orange, in one sweep across all four bars. Each bar is a slice of the same light, which is why they are never recoloured individually and never reordered.

Bar width

25 units

Gap

15 units

Heights

126 · 96 · 66 · 86

Corner radius

4 units

 [![Gradient mark](/brand/aidata-mark.svg)](/brand/aidata-mark.svg "Gradient mark")[![Flat orange mark](/brand/aidata-mark-orange.svg) ](/brand/aidata-mark-orange.svg "Flat orange mark")[![White mark](/brand/aidata-mark-white.svg) ](/brand/aidata-mark-white.svg "White mark")[![Near-black mark](/brand/aidata-mark-black.svg)](/brand/aidata-mark-black.svg "Near-black mark")

## Lockups

Two arrangements, each cut for dark and light grounds. The wordmark is Plus Jakarta Sans ExtraBold, outlined, so the files never depend on a font.

![Horizontal lockup on a dark ground](/brand/aidata-lockup-on-dark.svg)

![Horizontal lockup on a light ground](/brand/aidata-lockup-on-light.svg)

### Horizontal

Mark on the left, cap-height tall, standing on the baseline. Use it wherever the space is wider than it is tall.

![Stacked lockup on a dark ground](/brand/aidata-stacked-on-dark.svg)

![Stacked lockup on a light ground](/brand/aidata-stacked-on-light.svg)

### Stacked

Mark centred above the wordmark. For squares, portraits and share images.

### On every ground

Three grounds, three files. The gradient mark carries the colour on dark and light; on the brand orange itself everything goes white.

![Lockup for dark grounds on near-black](/brand/aidata-lockup-on-dark.svg) [aidata-lockup-on-dark.svg](/brand/aidata-lockup-on-dark.svg)

![Lockup for light grounds on white](/brand/aidata-lockup-on-light.svg) [aidata-lockup-on-light.svg](/brand/aidata-lockup-on-light.svg)

![All-white lockup on the brand orange gradient](/brand/aidata-lockup-white.svg) [aidata-lockup-white.svg](/brand/aidata-lockup-white.svg)

## Clear space

One bar-width of empty space on every side, measured from the artwork box. Nothing else, no text, no other logos, no edge of the page, comes closer than that.

## Minimum sizes

Below these the bar gaps close and the wordmark loses its letterspacing.

-   Horizontal lockup
    
    160 px screen · 40 mm print
    
    ![Horizontal lockup at 160 pixels, its minimum](/brand/aidata-lockup-on-dark.svg)
-   Stacked lockup
    
    120 px screen · 30 mm print
    
    ![Stacked lockup at 120 pixels, its minimum](/brand/aidata-stacked-on-dark.svg)
-   Mark alone
    
    24 px screen · 6 mm print
    
    ![The mark at 24 pixels, its minimum](/brand/aidata-mark.svg)
-   Favicon
    
    16 px, the padded tile
    
    ![The favicon at 16 pixels](/brand/aidata-favicon-16.png)

Shown at actual size on a standard-density screen.

## Colour

Three warm stops make one gradient, on a near-black ground. Everything else on the website is a translucent gray over that ground.

Amber

  

Gradient start. The left bar of the mark.

Orange

  

Gradient middle. Links, focus rings and the flat single-colour mark.

Deep orange

  

Gradient end. The right bar of the mark.

Ground

  

Every dark background, the avatar tile, and the wordmark on light grounds.

White

  

The wordmark on dark grounds. Light-ground layouts sit on pure white.

The gradient is `linear-gradient(90deg, #fbbf24, #fb923c, #ea580c)`. On the website it drifts slowly; in files it is static. It appears once per composition: on the mark when the mark is present, on the wordmark only when the wordmark stands alone, as in the site header.

Interface colours such as the electric blue `#38bdf8` used for secondary badges on the website are not brand colours. They never appear in a logo, avatar or share image.

## Typography

One family does everything: Plus Jakarta Sans, a geometric sans with a friendly, slightly wide stance. Hierarchy comes from weight, 400 to 800, never from a second face.

The wordmark is the ExtraBold at `-0.025em` tracking, the same setting as every heading on the site. Outside the logo files, set the name in the same face and weight when it appears as a title, and in the surrounding text's own style when it appears in a sentence.

Free under the SIL Open Font License. [Get it from Google Fonts](https://fonts.google.com/specimen/Plus+Jakarta+Sans); the website serves its own copy.

AI Data Stream

-   400Ask your analytics anything.
-   500Ask your analytics anything.
-   600Ask your analytics anything.
-   700Ask your analytics anything.
-   800Ask your analytics anything.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

## The name

Three words in full, one approved short form, and the domain. Nothing else.

-   AI Data Stream
    
    The full name, three words, capital A, D and S. Use it in prose, titles and lockups.
    
-   AIdata
    
    The short form. Capital A and I, lowercase data. Fine in app copy, file names and casual mentions.
    
-   aidata.stream
    
    The domain, always lowercase, always with .stream. It doubles as the written address.
    

-   AI Data
    
    Half a name. It reads as a category, not a product.
    
-   Aidata, AIData, AI-data
    
    Wrong capitals or a hyphen. Only AIdata is approved.
    
-   AIDS, ADS
    
    Never abbreviate to initials.
    
-   Ai Data Stream, AI DataStream
    
    Wrong case or missing space.
    

## Using the logo

Five things to do, five things never to do. The examples below are the same file mistreated.

![](/brand/aidata-lockup-on-dark.svg)

Don't stretch

![](/brand/aidata-lockup-on-dark.svg)

Don't rotate

![](/brand/aidata-lockup-on-dark.svg)

Don't recolour

![](/brand/aidata-lockup-on-dark.svg)

Don't add effects

-   Use the files exactly as supplied. Every SVG has the lettering outlined, so nothing depends on a font.
-   Match the file to the ground: on-dark for dark backgrounds, on-light for white and light ones, white over photographs with a dark overlay.
-   Choose the form by the space: horizontal lockup for wide spaces, stacked for square or portrait, the mark alone only where the name already appears.
-   Keep at least one bar-width of clear space on every side, and respect the minimum sizes.
-   Send printers the SVG and the hex values. The gradient is three flat stops, so a print shop can match it.

-   Recolour the bars, change the gradient direction, or set the wordmark in another typeface.
-   Mirror or reorder the bars. Tall, shorter, shortest, taller is the mark.
-   Stretch, rotate, skew, outline, or add shadows, glows or transparency.
-   Put the mark inside a circle, badge or other shape, or place the lockup inline in a sentence.
-   Set the mark and wordmark both in the gradient. When the mark is present the wordmark stays white or near-black.

## All files

Named `aidata-<form>-<variant>[-<size>]`. SVG wherever the tool accepts it; PNG for everything else.

[Everything as .zip · 122 KB](/brand/aidata-brand-kit.zip)

### Mark

The four bars alone. Tight-cropped: the artwork box is the ink, so add clear space yourself.

-   [aidata-mark.svg](/brand/aidata-mark.svg)
    
    Gradient. The primary mark.
    
    679 B[](/brand/aidata-mark.svg)
-   [aidata-mark-orange.svg](/brand/aidata-mark-orange.svg)
    
    Flat #fb923c, when a gradient cannot be reproduced.
    
    446 B[](/brand/aidata-mark-orange.svg)
-   [aidata-mark-white.svg](/brand/aidata-mark-white.svg)
    
    White. Over photography with a dark overlay.
    
    446 B[](/brand/aidata-mark-white.svg)
-   [aidata-mark-black.svg](/brand/aidata-mark-black.svg)
    
    Near-black #0a0a0a. Single-colour print.
    
    446 B[](/brand/aidata-mark-black.svg)
-   [aidata-mark-512.png](/brand/aidata-mark-512.png)
    
    Gradient, transparent, 512 px.
    
    7 KB[](/brand/aidata-mark-512.png)
-   [aidata-mark-white-512.png](/brand/aidata-mark-white-512.png)
    
    White, transparent, 512 px.
    
    5 KB[](/brand/aidata-mark-white-512.png)

### Horizontal lockup

Mark beside the wordmark. The default for headers, signatures, footers and banners.

-   [aidata-lockup-on-dark.svg](/brand/aidata-lockup-on-dark.svg)
    
    Gradient mark, white wordmark. For dark grounds.
    
    7 KB[](/brand/aidata-lockup-on-dark.svg)
-   [aidata-lockup-on-light.svg](/brand/aidata-lockup-on-light.svg)
    
    Gradient mark, near-black wordmark. For white and light grounds.
    
    7 KB[](/brand/aidata-lockup-on-light.svg)
-   [aidata-lockup-white.svg](/brand/aidata-lockup-white.svg)
    
    All white.
    
    7 KB[](/brand/aidata-lockup-white.svg)
-   [aidata-lockup-black.svg](/brand/aidata-lockup-black.svg)
    
    All near-black.
    
    7 KB[](/brand/aidata-lockup-black.svg)
-   [aidata-lockup-on-dark-1200.png](/brand/aidata-lockup-on-dark-1200.png)
    
    Transparent, 1200 px wide.
    
    14 KB[](/brand/aidata-lockup-on-dark-1200.png)
-   [aidata-lockup-on-light-1200.png](/brand/aidata-lockup-on-light-1200.png)
    
    Transparent, 1200 px wide.
    
    15 KB[](/brand/aidata-lockup-on-light-1200.png)
-   [aidata-lockup-email-600.png](/brand/aidata-lockup-email-600.png)
    
    Opaque white, padded, 600 px. Email signatures on light themes.
    
    8 KB[](/brand/aidata-lockup-email-600.png)
-   [aidata-lockup-email-dark-600.png](/brand/aidata-lockup-email-dark-600.png)
    
    Opaque near-black, padded, 600 px. Email signatures on dark themes.
    
    8 KB[](/brand/aidata-lockup-email-dark-600.png)

### Stacked lockup

Mark above the wordmark. For square and portrait spaces: covers, badges, share images.

-   [aidata-stacked-on-dark.svg](/brand/aidata-stacked-on-dark.svg)
    
    For dark grounds.
    
    7 KB[](/brand/aidata-stacked-on-dark.svg)
-   [aidata-stacked-on-light.svg](/brand/aidata-stacked-on-light.svg)
    
    For light grounds.
    
    7 KB[](/brand/aidata-stacked-on-light.svg)
-   [aidata-stacked-white.svg](/brand/aidata-stacked-white.svg)
    
    All white.
    
    7 KB[](/brand/aidata-stacked-white.svg)
-   [aidata-stacked-black.svg](/brand/aidata-stacked-black.svg)
    
    All near-black.
    
    7 KB[](/brand/aidata-stacked-black.svg)
-   [aidata-stacked-on-dark-800.png](/brand/aidata-stacked-on-dark-800.png)
    
    Transparent, 800 px wide.
    
    13 KB[](/brand/aidata-stacked-on-dark-800.png)
-   [aidata-stacked-on-light-800.png](/brand/aidata-stacked-on-light-800.png)
    
    Transparent, 800 px wide.
    
    14 KB[](/brand/aidata-stacked-on-light-800.png)

### Avatar, favicon and app icons

Square tiles with the padding built in. These are the only files that carry their own clear space.

-   [aidata-avatar.svg](/brand/aidata-avatar.svg)
    
    Mark on a near-black square.
    
    772 B[](/brand/aidata-avatar.svg)
-   [aidata-avatar-512.png](/brand/aidata-avatar-512.png)
    
    Social profile picture. Upload this everywhere that asks for an avatar.
    
    5 KB[](/brand/aidata-avatar-512.png)
-   [aidata-avatar-light.svg](/brand/aidata-avatar-light.svg)
    
    Mark on an opaque white square.
    
    772 B[](/brand/aidata-avatar-light.svg)
-   [aidata-avatar-light-512.png](/brand/aidata-avatar-light-512.png)
    
    Profile picture for platforms that show avatars on light chrome.
    
    5 KB[](/brand/aidata-avatar-light-512.png)
-   [aidata-avatar-192.png](/brand/aidata-avatar-192.png)
    
    Android home-screen icon.
    
    2 KB[](/brand/aidata-avatar-192.png)
-   [aidata-apple-touch-icon-180.png](/brand/aidata-apple-touch-icon-180.png)
    
    iOS home-screen icon.
    
    2 KB[](/brand/aidata-apple-touch-icon-180.png)
-   [aidata-favicon.svg](/brand/aidata-favicon.svg)
    
    Transparent, padded. Modern browsers.
    
    708 B[](/brand/aidata-favicon.svg)
-   [aidata-favicon.ico](/brand/aidata-favicon.ico)
    
    16, 32 and 48 px in one file. Legacy browsers, Windows shortcuts.
    
    2 KB[](/brand/aidata-favicon.ico)
-   [aidata-favicon-48.png](/brand/aidata-favicon-48.png)
    
    Transparent, 48 px.
    
    791 B[](/brand/aidata-favicon-48.png)
-   [aidata-favicon-32.png](/brand/aidata-favicon-32.png)
    
    Transparent, 32 px.
    
    676 B[](/brand/aidata-favicon-32.png)
-   [aidata-favicon-16.png](/brand/aidata-favicon-16.png)
    
    Transparent, 16 px.
    
    529 B[](/brand/aidata-favicon-16.png)

### Social share image

The stacked lockup on near-black at the 1.91:1 ratio every network accepts.

-   [aidata-social-1200x630.png](/brand/aidata-social-1200x630.png)
    
    Open Graph and Twitter card fallback, profile banners, directory listings.
    
    11 KB[](/brand/aidata-social-1200x630.png)

Need something that isn't here, or want to check a use before it ships? [Get in touch](/contact/).

---

Source: https://aidata.stream/brand/