The AIR identity on one page

Brand attributes

• 1ClearWe say it simply and show it simply. Anything extra goes.
• 2TrustworthyWe only claim what we can show.
• 3LightHeavy technology, light experience. Like air.
• 4IntelligentPrecise and considered, without showing off.
• 5EngineeredEvery part has a reason and a measure.

Tone of voice

We speak like an experienced engineer: plain, confident and without hype.

• PlainShort sentences and familiar words. Technical terms only when needed, and explained.
• ConfidentClear verbs, no hedging, no pleading, no slogans.
• No hypeNo "revolutionary", "unmatched" or "first and only".
• ProvableNumbers, claims and comparisons only with a source.

• Say

  We deploy the language model on your own servers.

  Not

  Experience Iran's most revolutionary AI!

• Say

  Your data stays on your own infrastructure.

  Not

  100% guaranteed security.

• Say

  We listen to what you need first, then propose a solution.

  Not

  We have the best solution for every business.

• Say

  Gisoo is a Persian-language AI for chat, images and video.

  Not

  Gisoo replaces your entire staff.

Versions

Primary horizontal

Symbol on the left, air on the right. The default everywhere.

Horizontal with company name

The company name beside the logo, separated by a thin rule: «آرا ایده رامین» on Persian pages, Ara Ideh Ramin in English, «آرا إيده رامين» in Arabic. For the site header and official documents.

Stacked

The company name under air. For square spaces, covers and email signatures.

Symbol only

When the AIR name already appears on the page, or space is tight.

App icon

The symbol on a Night, white or Teal Deep tile, filling the central two thirds.

One colour

Every part in one colour: Ink or Teal Deep on light backgrounds. For small sizes, single-colour print, stamps and engraving.

White

Every part in white, on dark backgrounds or photography.

Clear space

The unit is the height of one bar (B). The symbol is five B tall: three bars and two gaps.

Around the logo and symbol

Keep at least 2B clear on every side.

Symbol to wordmark

Half the symbol's width. Fixed; never change it.

App icon

The symbol sits in the central two thirds of the tile, slightly above the geometric centre.

Minimum size

• Symbol16 px · 5 mm
  Actual size
• Horizontal logo72 px · 20 mm wide
  Actual size
• Logo with company name140 px · 44 mm wide
  Actual size
• Amber barOnly when the symbol is 24 px or larger. Below that, the logo is one colour. So the colour horizontal logo starts at 90 px wide.
  Actual size

Placement

• In headers the logo sits where reading starts: right on Persian and Arabic pages, left in English.
• Colour version on light backgrounds, reverse on Night, white on photography with enough contrast.
• Align the logo to the page grid, not in the middle of empty space for no reason.
• One full logo per page is enough; repetition weakens it.

Don't

air

Specification

Cycle

6.4 s: inhale 0–40%, hold to 48%, exhale to 88%, then rest. The cycle starts and ends on the still logo.

Movement

The amber bar lifts by 20% of its own height, each leg moves out 6% and the middle bar widens 1.04×. The air wordmark stays still.

Halo

The teal halo behind the symbol is a background effect only; peak opacity .28 on light and .40 on Night.

Loader

A fast 2.4 s symbol-only version for 48–96 px.

Reduced motion

When the user has turned on reduced motion, the still logo is shown.

Favicon

Never use it as a favicon; use the static favicon files.

Video

Where animated SVG does not play, such as Telegram, use the MP4 with two full breaths.

Footer credit

Sites built by AIR carry this credit in the footer: "Powered by" and the breathing AIR logo, linked to air.co.ir.

Powered byOn light

Powered byOn Night

Minimum logo height 24 px; use the dark variant on dark footers.

<a class="air-credit" href="https://air.co.ir/" target="_blank" rel="noopener" aria-label="Powered by AIR">
  <span>Powered by</span>
  <img src="https://air.co.ir/assets/brand-kit/motion/air-credit.svg" alt="AIR" height="24">
</a>
<style>
.air-credit{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:inherit;text-decoration:none;opacity:.9}
.air-credit img{height:24px;width:auto;display:block}
.air-credit:hover{opacity:1}
</style>

<a class="air-credit" href="https://air.co.ir/" target="_blank" rel="noopener" aria-label="Powered by AIR">
  <span>Powered by</span>
  <img src="https://air.co.ir/assets/brand-kit/motion/air-credit-dark.svg" alt="AIR" height="24">
</a>
<style>
.air-credit{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:inherit;text-decoration:none;opacity:.9}
.air-credit img{height:24px;width:auto;display:block}
.air-credit:hover{opacity:1}
</style>

Colour share on a page

• 60% White, Soft background and Line
• 25% Ink, Night and Muted
• 12% Teal family
• 2% Violet
• 1% Amber

Contrast and accessibility

Our standard is WCAG 2.1 AA: 4.5:1 for normal text, 3:1 for large text and graphic elements.

• Text 14.96:1AAA · all text#1B2836 / #FFFFFF
• Text 13.92:1AAA · all text#1B2836 / #F4F7FA
• Text 17.39:1AAA · all text#FFFFFF / #0F1B28
• Text 8.52:1AAA · all text#0F1B28 / #F5A524
• Text 6.97:1AA · normal text#13B5C2 / #0F1B28
• Text 4.87:1AA · normal text#607389 / #FFFFFF
• Text 4.86:1AA · normal text#6C5CE7 / #FFFFFF
• Text 4.75:1AA · normal text#0B7F8A / #FFFFFF
• Text 4.75:1AA · normal text#FFFFFF / #0B7F8A
• Text 4.28:1Large text and graphics only#0B7F8A / #E6F6F7
• Text 3.57:1Large text and graphics only#607389 / #0F1B28
• Text 3.05:1Large text and graphics only#0FA3B1 / #FFFFFF
• Text 2.04:1Decorative only, not text#F5A524 / #FFFFFF

• Normal text on white: Ink, Muted or Teal Deep.
• Primary buttons: white text on Teal Deep, not on Teal.
• Teal on white only for large text (24 px, or 19 px bold) and graphics.
• Amber is never a text colour on light backgrounds.

Type scale

Numbers and digits

• Persian text uses Persian digits (۰–۹); English and Arabic text use Latin digits (0–9).
• Colour codes, URLs, version numbers and code always use Latin digits.
• In Persian, the thousands separator is «٬» and the decimal mark «٫», as in ۳۰٬۰۰۰ and ۴٫۵.
• Keep a number and its unit on one line with a non-breaking space; never split a number across lines.

• GisooAI
• NetArzDigital services
• NobatgirOnline software
• MunoMusic
• DevNAMedia

Sister brand

Aramin Technology

Endorsement line

Example An product

• "An AIR product" for products.
• Where it goes: the product site's footer, the about page, the app's start screen and app store listings.
• Set in Muted or Ink; the AIR logo inside it is one colour and at most half the height of the product logo.
• Keep at least 2B between the endorsement and the product logo; the endorsement always comes below or after the product logo.

Shown together

• All logos at equal optical height, on one baseline, with equal gaps of at least one logo height.
• AIR comes first and is separated from the products by a thin rule.
• On busy backgrounds, all logos go one colour.
• AIR's colours are never imposed on products, and product colours never enter the AIR logo.

Download the full logo kitair-logo-kit.zip · 865 KB

• Logo pack · vector

  SVGEvery version: colour, reverse, one colour and white; Persian, English and Arabic.

  air-logo-svg.zip51 KB

• Logo pack · image

  PNGTransparent background, several sizes.

  air-logo-png.zip690 KB

• App icon and favicon

  SVG · PNG · ICONight, white and Teal Deep tiles.

  air-icons.zip16 KB

• Logo motion

  SVG · MP4Animated logo, symbol, loader and footer credit for light and dark backgrounds, plus a 1280 × 720 video.

  air-logo-motion.zip107 KBair-breath-1280x720.mp4109 KB

• Colour palette

  CSS · JSONEvery colour with its name and code.

  air-colours.css1 KBair-colours.json2 KB

• Vazirmatn font

  OFL 1.1Persian and Arabic.

  Font pageExternal link

• Outfit font

  OFL 1.1Latin.

  Font pageExternal link

Use these files to present AIR, and do not modify them.