Brand system

The Maja Travel & Tours style guide

One source of truth for logo, colour, type, icons and components — so every new page, offer sheet and social post looks like it came from the same Tunisian travel company.

1. Logo

Maja logo on light background

Primary mark on light

Maja logo on dark background

On deep navy / photography

Maja lockupMaja Travel & Tours

Horizontal lockup (header size)

  • • Clear space around the mark ≥ the height of the pin.
  • • Minimum size 24 px; below that use the pin alone.
  • • Never stretch, recolour, add shadows or rotate the mark.
  • • Wordmark always reads “Maja Travel & Tours”, never “MAJA TOURS”.

2. Colour

Mediterranean blue leads; coral is a seasoning, never a section colour. All values live as oklch tokens in src/styles.css — use semantic classes, never hex codes.

Primary Blue

--primary

Buttons, links, brand marks

Primary Glow

--primary-glow

Gradient end, hover glows

Coral

--coral

Ratings and rare accents only

Foreground

--foreground

Headlines, body copy

Muted

--muted-foreground

Secondary text

Surface

--surface

Alternating section bands

Border

--border

Card and divider strokes

Background

--background

Page canvas

Brand gradient · from-primary → to-primary-glow

3. Typography

Plus Jakarta Sans across the whole brand. Headings are extrabold with −0.035em tracking; body copy stays regular at 15–16 px.

H1 · text-5xl font-medium

Travel Tunisia with confidence

H2 · text-3xl font-medium

Private transfers & day tours

H3 · text-lg font-bold

Flat rate, all taxes included

Body · text-base text-muted-foreground

Your driver meets you in arrivals with a name sign and takes you door to door in an air-conditioned vehicle.

Eyebrow · uppercase tracking-[0.18em]

Section label

4. Icons

Lucide only, 1.5–2 px stroke, sized 14–20 px inside text and 20–24 px inside cards. Icons take text-primary or inherit muted text — never multi-colour illustration sets.

Airport transfer

Vehicle / fleet

Destination

Date & booking

Duration

Passengers

Trust & safety

Reviews

WhatsApp

Forward action

5. Components & shape

Buttons

Book Now Explore routesPremium CTA

Pills only (rounded-full). One primary action per screen area.

Cards, radius & elevation

rounded-xl
rounded-2xl
rounded-3xl
shadow-soft
shadow-float

6. Tone of voice

Clear about money

Always state the flat price and that taxes are included. Never say “from €…”.

Warm, local, human

We write like a Tunisian host, not a call centre: “Your driver will be waiting for you.”

Short sentences

Most of our guests read in a second language. One idea per sentence, no jargon.

Contact block used everywhere: WhatsApp +216 57 118 053