GulfOnline.ae

Brand kit

Everything you need to reference GulfOnline.ae accurately: logo files, colours, type and the handful of rules that keep it looking like us. Free to use for press, partner sites and directory listings.

Logos and icons in one archive. PNG, transparent where it matters.

Download everything (.zip)

Badges

For listed businesses. Show visitors you are on GulfOnline.ae.

Paste it here first, then use any Copy embed button below and the code will link straight back to your listing.

Standard — 240 × 80

As featured on GulfOnline.ae badge, light
LightSVG

White background with a hairline border. The default.

Download
As featured on GulfOnline.ae badge, warm neutral
WarmSVG

For pages that already sit on a white background.

Download
As featured on GulfOnline.ae badge, dark
DarkSVG

For dark footers and ink-coloured sections.

Download

Compact — 260 × 34

Compact GulfOnline.ae badge, light
Compact lightSVG

A single line. Fits in a footer strip.

Download
Compact GulfOnline.ae badge, dark
Compact darkSVG

Same line, for dark backgrounds.

Download

Monochrome

Monochrome GulfOnline.ae badge, black
Mono blackSVG

One colour, boxed. Print and low-ink contexts.

Download
Monochrome GulfOnline.ae badge, white
Mono whiteSVG

One colour on ink. The reverse of mono black.

Download
Transparent monochrome GulfOnline.ae badge, black
Mono black, clearSVG

No panel. Drops onto any light background.

Download
Transparent monochrome GulfOnline.ae badge, white
Mono white, clearSVG

No panel. Drops onto any dark background.

Download
Compact monochrome GulfOnline.ae badge, black
Compact mono blackSVG

One line, one colour, boxed.

Download
Compact monochrome GulfOnline.ae badge, white
Compact mono whiteSVG

One line, one colour, on ink.

Download

Clear space and size

Give the mark room to breathe.

Clear space

  • Keep clear space on all four sides equal to the height of the map pin in the logo.
  • Nothing sits inside that margin: no text, no rules, no other logos, no photo edges.

Minimum size

  • Screen: 140px wide.
  • Print: 35mm wide.
  • Below that, use the app icon instead of the full wordmark.

Colour

Tap any swatch to copy its hex.

Signal red#E23A16

Primary action colour. Buttons, links, accents.

Deep green#0A3D2E

Dark panels, confirmations, quiet contrast.

Ink#141013

All body copy and headings. Never pure black.

Warm neutral#F6F3F1

Page background and section fills.

Muted#6E6560

Secondary text, captions, metadata.

Hairline#E4DEDA

Borders, dividers, card outlines.

Logo red#FF3131

Inside the mark only. Do not use it in interfaces.

Logo green#00BF63

Inside the mark only. Do not use it in interfaces.

Typography

Two families, both free on Google Fonts.

Headings — Bricolage Grotesque 800

Find anything in the UAE

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Body — Archivo 400 / 500 / 600

A free directory and local guide covering every emirate, from Abu Dhabi beaches to Sharjah bus routes. Listings are checked, guides are written by people who have actually been there.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

RoleFamilyWeightNotes
Page titleBricolage Grotesque800Line height 1.02, tracking −0.02em
Section headingBricolage Grotesque800Tracking −0.01em
BodyArchivo400Line height 1.55
Buttons and labelsArchivo600Sentence case, never all caps
EyebrowArchivo60011px, uppercase, tracking 0.18em

How we write

The tone that goes with the type.

Do

  • Write like a local giving directions: specific, useful, unfussy.
  • Lead with the answer. Detail second.
  • Use real names, real prices, real opening hours.
  • British spelling, metric units, AED for prices.

Don't

  • No "nestled in the heart of" travel-brochure filler.
  • No exclamation marks in headings.
  • No claims we cannot check.
  • Never write it as Gulf Online or GulfOnline.AE. It is GulfOnline.ae.

Using the brand

  • Keep it whole. Do not recolour, stretch, rotate, outline or crop the logo, and do not add shadows or effects.
  • Do not rebuild it. Never set the name in another typeface and call it the logo.
  • Contrast matters. On busy photography, place the white logo on a solid ink panel rather than directly over the image.
  • Link it back. If the logo appears on your site, link it to your GulfOnline.ae listing or to gulfonline.ae.
  • No endorsement implied. Using these files does not mean GulfOnline.ae has approved, sponsored or partnered with you. Do not suggest otherwise.
  • Questions or a use we have not covered? Ask first at [email protected].

Sign In

Register

Reset Password

Please enter your username or email address, you will receive a link to create a new password via email.