# Brand Kit: Logos, Colours, Icons & Guidelines

> Download official TransferArc logos in SVG and PNG, favicons, app icons, social media images, colour codes (HEX, RGB, CMYK), fonts and logo usage rules.

https://www.transferarc.com/brand-kit

The official TransferArc logos, icons, colours, typography and social media images, with the rules for using them. For customers, partners, media and designers — free to download, no sign-in.

## Brand overview

TransferArc is transfer management software for passenger transport companies: airport transfer, chauffeur, taxi, shuttle, coach and tour operators. One platform runs bookings, pricing, dispatch, drivers, mobile apps, accounting and e-invoicing. It is a product of [Innovate Solution](https://www.transferarc.com/about).

The identity says the same thing: **movement with control**. The mark is three slanted bars that grow shorter and darker — a vehicle in motion, and the flow from booking to trip to books. The wordmark pairs a light "Transfer" with a bold, forward-leaning "Arc".

Write the name as one word with two capitals: **TransferArc**. Not "Transfer Arc", "Transferarc" or "TRANSFERARC" in running text.

## Logos

Use the SVG wherever you can — it stays sharp at any size. PNG files have transparent backgrounds.

- **Horizontal, on light**: Default logo on white or light backgrounds. [SVG](https://www.transferarc.com/assets/brand/svg/logo/transferarc-logo-on-light.svg) · [PNG 1920](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-on-light-1920w.png) · [PNG 480](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-on-light-480w.png)
- **Horizontal, on dark**: Default logo on ink or dark backgrounds. [SVG](https://www.transferarc.com/assets/brand/svg/logo/transferarc-logo-on-dark.svg) · [PNG 1920](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-on-dark-1920w.png) · [PNG 480](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-on-dark-480w.png)
- **Stacked, on light**: Square or tall spaces: posters, signage, title slides. [SVG](https://www.transferarc.com/assets/brand/svg/logo/transferarc-logo-stacked-on-light.svg) · [PNG 1920](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-stacked-on-light-1920w.png) · [PNG 480](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-stacked-on-light-480w.png)
- **Stacked, on dark**: Square or tall spaces on dark backgrounds. [SVG](https://www.transferarc.com/assets/brand/svg/logo/transferarc-logo-stacked-on-dark.svg) · [PNG 1920](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-stacked-on-dark-1920w.png) · [PNG 480](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-stacked-on-dark-480w.png)
- **One colour, ink**: Single-colour print, fax, engraving, light backgrounds. [SVG](https://www.transferarc.com/assets/brand/svg/logo/transferarc-logo-mono-ink.svg) · [PNG 1920](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-mono-ink-1920w.png) · [PNG 480](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-mono-ink-480w.png)
- **One colour, white**: Photos and coloured backgrounds where full colour fails. [SVG](https://www.transferarc.com/assets/brand/svg/logo/transferarc-logo-mono-white.svg) · [PNG 1920](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-mono-white-1920w.png) · [PNG 480](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-mono-white-480w.png)
- **Stacked, ink**: Single-colour stacked version for light backgrounds. [SVG](https://www.transferarc.com/assets/brand/svg/logo/transferarc-logo-stacked-mono-ink.svg) · [PNG 960](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-stacked-mono-ink-960w.png)
- **Stacked, white**: Single-colour stacked version for dark backgrounds. [SVG](https://www.transferarc.com/assets/brand/svg/logo/transferarc-logo-stacked-mono-white.svg) · [PNG 960](https://www.transferarc.com/assets/brand/png/logo/transferarc-logo-stacked-mono-white-960w.png)
- **Wordmark, ink**: Only where the mark already appears nearby, or space is very wide and low. [SVG](https://www.transferarc.com/assets/brand/svg/logo/transferarc-wordmark-ink.svg) · [PNG 960](https://www.transferarc.com/assets/brand/png/logo/transferarc-wordmark-ink-960w.png)
- **Wordmark, white**: The same, on dark backgrounds. [SVG](https://www.transferarc.com/assets/brand/svg/logo/transferarc-wordmark-white.svg) · [PNG 960](https://www.transferarc.com/assets/brand/png/logo/transferarc-wordmark-white-960w.png)
- **Mark, full colour**: Avatars, loaders, small spots. Best on ink. [SVG](https://www.transferarc.com/assets/brand/svg/mark/transferarc-mark.svg) · [PNG 1024](https://www.transferarc.com/assets/brand/png/mark/transferarc-mark-1024.png) · [PNG 256](https://www.transferarc.com/assets/brand/png/mark/transferarc-mark-256.png)
- **Mark, one colour**: Ink or white mark for single-colour use. [SVG ink](https://www.transferarc.com/assets/brand/svg/mark/transferarc-mark-mono-ink.svg) · [SVG white](https://www.transferarc.com/assets/brand/svg/mark/transferarc-mark-mono-white.svg) · [PNG 1024](https://www.transferarc.com/assets/brand/png/mark/transferarc-mark-mono-ink-1024.png)
- **App icon, ink tile**: Square icon for profiles, app stores and directories. [SVG](https://www.transferarc.com/assets/brand/svg/icon/transferarc-icon.svg) · [PNG 1024](https://www.transferarc.com/assets/brand/png/icon/transferarc-icon-1024.png) · [PNG 512](https://www.transferarc.com/assets/brand/png/icon/transferarc-icon-512.png)
- **App icon, lime tile**: Alternative square icon where ink tiles are already used. [SVG](https://www.transferarc.com/assets/brand/svg/icon/transferarc-icon-lime.svg) · [PNG 1024](https://www.transferarc.com/assets/brand/png/icon/transferarc-icon-lime-1024.png) · [PNG 512](https://www.transferarc.com/assets/brand/png/icon/transferarc-icon-lime-512.png)

## Logo usage

### Clear space

Keep empty space around the logo equal to one bar of the mark (the bar height, 27% of the logo height) on every side. Nothing — text, edges, other logos — goes inside it.

### Minimum size

- **Horizontal logo**: 120 px wide on screen · 30 mm in print
- **Stacked logo**: 64 px wide · 18 mm
- **Wordmark**: 100 px wide · 25 mm
- **Mark / icon**: 16 px · 6 mm

### Approved use

- Use the supplied files, unchanged, at their original proportions.
- Full colour on ink or on white/paper; one colour (ink or white) everywhere else.
- Keep the clear space and the minimum size.
- Place the logo on calm areas of photos, with enough contrast (at least 3:1).
- Link the logo to www.transferarc.com when you use it online.

### Prohibited use

- Do not stretch, squash or skew it.
- Do not rotate it.
- Do not change the colours or recolour single bars.
- No shadows, glows, outlines or gradients.
- Do not place it on low-contrast or busy backgrounds.
- Do not retype the wordmark in another font, or rearrange the mark and words.

## Colour palette

Lime on ink is the signature. Arc Green and Arc Olive exist only inside the mark — never use them for text or large areas. CMYK values are calculated starting points: ask your printer for a proof.

| | HEX | RGB | CMYK | |
|---|---|---|---|---|
| Arc Lime | #C8FF3D | 200, 255, 61 | 22, 0, 76, 0 | Primary accent: buttons, highlights, first bar of the mark |
| Arc Green | #9AC331 | 154, 195, 49 | 21, 0, 75, 24 | Second bar of the mark only |
| Arc Olive | #6C8826 | 108, 136, 38 | 21, 0, 72, 47 | Third bar of the mark only |
| Ink | #111111 | 17, 17, 17 | 0, 0, 0, 93 | Primary dark: backgrounds, text on light |
| White | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | Text and logo on ink |
| Paper | #F4F4F2 | 244, 244, 242 | 0, 0, 1, 4 | Light page background |
| Stone | #6B6B67 | 107, 107, 103 | 0, 0, 4, 58 | Secondary text on light backgrounds |
| Mist | #BDBDB8 | 189, 189, 184 | 0, 0, 3, 26 | Secondary text on ink |

## Typography

The brand typeface is Outfit, an open-source geometric sans (SIL Open Font License, free for any use). The logo wordmark is drawn from Outfit and supplied as outlines — never retype it.

- **Outfit Light 300**: Large headlines and the "Transfer" of the wordmark.
- **Outfit Regular 400 / Medium 500**: Body text and interface.
- **Outfit SemiBold 600 / ExtraBold 800**: Emphasis and buttons; ExtraBold slanted is reserved for "Arc".
- **IBM Plex Mono**: Small labels, eyebrows, codes and numbers.

Other scripts on the website: IBM Plex Sans Arabic (Arabic), Noto Nastaliq Urdu (Urdu) and Noto Sans Bengali (Bangla). Fallback for documents: Arial or the system sans.

## Iconography and visual elements

- **The bar motif**: The three slanted bars of the mark can be used large and ghosted (Ink on Ink, very low contrast) at the edge of covers and slides. Never as a pattern behind text.
- **The lime rule**: A thin vertical lime stripe on the left edge of dark covers and share images.
- **Mono labels**: Short uppercase labels in IBM Plex Mono with wide spacing, in lime on ink or stone on paper.
- **Shapes**: Pill-shaped buttons, cards with 24 px corners, 1 px hairlines. Icons are simple line icons, 1.5–2 px stroke, round ends, one colour.

## Backgrounds and contrast

Ratios follow WCAG 2.2: 4.5:1 for body text, 3:1 for large text, logos and icons.

- White / Ink: 18.9:1 — All text
- Arc Lime / Ink: 16.0:1 — All text
- Ink / Arc Lime: 16.0:1 — All text
- Ink / Paper: 17.1:1 — All text
- Ink / White: 18.9:1 — All text
- Mist / Ink: 10.0:1 — All text
- Stone / Paper: 4.9:1 — All text
- Arc Lime / White: 1.2:1 — Do not use
- Arc Lime / Paper: 1.1:1 — Do not use

## Favicon and app icons

The website already uses these. The icon is the mark on an ink tile; tiny sizes use a larger mark so the three bars stay readable at 16 px.

- [favicon.ico (multi-size), 16 · 32 · 48](https://www.transferarc.com/assets/brand/favicon/favicon.ico)
- [Scalable SVG favicon, SVG](https://www.transferarc.com/assets/brand/favicon/favicon.svg)
- [Favicon PNG, 16 × 16](https://www.transferarc.com/assets/brand/favicon/favicon-16x16.png)
- [Favicon PNG, 32 × 32](https://www.transferarc.com/assets/brand/favicon/favicon-32x32.png)
- [Favicon PNG (Google Search), 48 × 48](https://www.transferarc.com/assets/brand/favicon/favicon-48x48.png)
- [Favicon PNG, 96 × 96](https://www.transferarc.com/assets/brand/favicon/favicon-96x96.png)
- [Favicon PNG, 192 × 192](https://www.transferarc.com/assets/brand/favicon/favicon-192x192.png)
- [Apple touch icon (iOS home screen), 180 × 180](https://www.transferarc.com/assets/brand/favicon/apple-touch-icon.png)
- [Android / Chrome icon, 512 × 512](https://www.transferarc.com/assets/brand/favicon/android-chrome-512x512.png)
- [Maskable PWA icon, 512 × 512](https://www.transferarc.com/assets/brand/favicon/maskable-icon-512x512.png)
- [Safari pinned tab, SVG](https://www.transferarc.com/assets/brand/favicon/safari-pinned-tab.svg)
- [Web app manifest, JSON](https://www.transferarc.com/assets/brand/favicon/site.webmanifest)
- [iOS App Store icon (no transparency), 1024 × 1024](https://www.transferarc.com/assets/brand/app-icons/ios/transferarc-ios-1024.png)
- [Google Play store icon, 512 × 512](https://www.transferarc.com/assets/brand/app-icons/android/transferarc-play-store-512.png)
- [Android adaptive icon foreground, 432 × 432](https://www.transferarc.com/assets/brand/app-icons/android/adaptive-foreground-432.png)

## Social media

Ready-to-upload images in each platform's recommended size. Profile images keep the mark inside a circle-safe area; covers keep the logo inside the area every device shows.

- Facebook — Profile picture (720 × 720): https://www.transferarc.com/assets/brand/social/facebook-profile-720x720.png
- Facebook — Cover (1640 × 624): https://www.transferarc.com/assets/brand/social/facebook-cover-1640x624.png
- LinkedIn — Logo (400 × 400): https://www.transferarc.com/assets/brand/social/linkedin-logo-400x400.png
- LinkedIn — Cover (1128 × 191): https://www.transferarc.com/assets/brand/social/linkedin-cover-1128x191.png
- LinkedIn — Link share image (1200 × 627): https://www.transferarc.com/assets/brand/social/linkedin-share-1200x627.png
- Instagram — Profile picture (1080 × 1080): https://www.transferarc.com/assets/brand/social/instagram-profile-1080x1080.png
- Instagram — Square post (1080 × 1080): https://www.transferarc.com/assets/brand/social/instagram-post-1080x1080.png
- Instagram — Story / Reel cover (1080 × 1920): https://www.transferarc.com/assets/brand/social/instagram-story-1080x1920.png
- X (Twitter) — Profile picture (400 × 400): https://www.transferarc.com/assets/brand/social/x-profile-400x400.png
- X (Twitter) — Header (1500 × 500): https://www.transferarc.com/assets/brand/social/x-header-1500x500.png
- X (Twitter) — Link card (1200 × 600): https://www.transferarc.com/assets/brand/social/twitter-card-1200x600.png
- YouTube — Channel icon (800 × 800): https://www.transferarc.com/assets/brand/social/youtube-icon-800x800.png
- YouTube — Channel banner (2560 × 1440): https://www.transferarc.com/assets/brand/social/youtube-banner-2560x1440.png
- WhatsApp Business — Profile picture (640 × 640): https://www.transferarc.com/assets/brand/social/whatsapp-profile-640x640.png
- Telegram — Profile picture (640 × 640): https://www.transferarc.com/assets/brand/social/telegram-profile-640x640.png
- TikTok — Profile picture (1080 × 1080): https://www.transferarc.com/assets/brand/social/tiktok-profile-1080x1080.png
- Google Business Profile — Logo (720 × 720): https://www.transferarc.com/assets/brand/social/google-business-logo-720x720.png
- Google Business Profile — Cover (1080 × 608): https://www.transferarc.com/assets/brand/social/google-business-cover-1080x608.png
- Website — Open Graph image (1200 × 630): https://www.transferarc.com/assets/brand/social/og-image-1200x630.png
- Website — E-mail header (600 × 120): https://www.transferarc.com/assets/brand/social/email-header-600x120.png

- Use the ink-tile icon as the profile picture on every platform, so TransferArc looks the same everywhere.
- Account name: TransferArc. Handle: @transferarc where available.
- Bio line: "Transfer management software for passenger transport companies." Link: www.transferarc.com.
- Do not add text, frames or filters to the profile icon. Campaign messages go in posts and covers, not the avatar.

## Downloads

- [Complete brand kit](https://www.transferarc.com/assets/brand/downloads/transferarc-brand-kit.zip) — ZIP, 1.2 MB: Every logo, icon, favicon, social image, colour file and font.
- [Logos](https://www.transferarc.com/assets/brand/downloads/transferarc-logos.zip) — ZIP, 675 KB: All logo versions in SVG and PNG, from 160 px to 1920 px.
- [Favicon & app icons](https://www.transferarc.com/assets/brand/downloads/transferarc-favicons.zip) — ZIP, 50 KB: Favicons, web manifest, iOS, Google Play and Android adaptive icons.
- [Social media package](https://www.transferarc.com/assets/brand/downloads/transferarc-social.zip) — ZIP, 434 KB: Profile, cover, banner and share images for 10 platforms.
- [Colour palette](https://www.transferarc.com/assets/brand/downloads/transferarc-colors.zip) — ZIP, 59 KB: ASE, GPL, CSS, SCSS, JSON and swatch sheet with HEX, RGB and CMYK.
- [Typography](https://www.transferarc.com/assets/brand/downloads/transferarc-fonts.zip) — ZIP, 58 KB: Outfit variable font with its SIL Open Font License.

### Using the TransferArc name and logo

You may use these files to refer to TransferArc — in articles, partner pages, integration lists, presentations and app directories. Do not use them in a way that suggests a partnership, endorsement or that you are TransferArc. TransferArc is a product of Innovate Solution Global Pte. Ltd. Questions or special requests: sales@transferarc.com.

## Frequently asked questions.

### Where can I download the TransferArc logo?

On the TransferArc Brand Kit page (/brand-kit). Every logo is available as SVG and transparent PNG, one by one or in a single ZIP file. The files are free to download and no sign-in is needed.

### Which TransferArc logo file should I use?

Use the SVG of the horizontal logo whenever you can: the on-light version on white or light backgrounds, the on-dark version on dark ones. Use the one-colour (ink or white) version when full colour is not possible, the stacked logo for square or tall spaces, and the ink-tile icon for square avatars and app directories.

### What are the TransferArc brand colours?

Arc Lime #C8FF3D and Ink #111111 are the main colours, with White #FFFFFF. Arc Green #9AC331 and Arc Olive #6C8826 are used only for the second and third bar of the mark. Light pages use Paper #F4F4F2. HEX, RGB and CMYK values and palette files are on the Brand Kit page.

### What font does TransferArc use?

Outfit, an open-source sans-serif under the SIL Open Font License, with IBM Plex Mono for small labels. The logo wordmark is drawn from Outfit and supplied as outlines, so it should never be retyped.

### Can I use the TransferArc logo on my website or in an article?

Yes, to refer to TransferArc — for example in an article, a partner or integration list, or a presentation — using the supplied files unchanged. Do not use it in a way that suggests a partnership or endorsement. For other uses, write to sales@transferarc.com.