v3 · after audit

The visual language of

Pinemont Hotel Murree

A pocket brand kit — every colour, every gradient, every logo lock‑up, on screen at real size. Bring this open in a second window while you design in Canva or Figma so the hex codes and combinations stay honest. This is the ratified v3 palette: gold split into signal vs foil, warm ink as the single dark anchor, cream retuned to the actual room walls, eyebrows moved to Deep Gold so they pass WCAG.

Logo lock‑ups

Two marks, five surfaces

The M‑mountain stands alone as the property's symbol; the full wordmark introduces the name. Never swap the M for the letter P in the wordmark — it's an M, not a P.

Logo‑M · Cream

Logo‑M · Pine

Logo‑M · Warm Ink

Wordmark · Linen

Wordmark · Ink (inverted)

Wordmark · Foil (inverted)

Primary palette

Five anchors that carry the brand

Every surface uses two or three of these. Cream is the default light background; warm ink is the single dark anchor; pine is the wordmark and section headline colour; foil gold is the luxury accent; linen is the warm white used over photographs.

Pinemont Pine

Pinemont Pine #173A2C

Wordmark colour on light, headlines on cream, deep‑surface hero blocks.

Foil Gold

Foil Gold #C8A45E

The luxury anchor. Hero panels, print foil, poster fills, invitations. Property‑aligned.

Warm Cream

Warm Cream #EFE7D2

Default light surface. Matches the actual paint on every sampled room wall.

Linen

Linen #F5EEDD

Warm white for text over photographs. Never pure #FFFFFF on a warm scene.

Warm Ink

Warm Ink #1A1512

The single dark anchor. Text on cream, dark panels, footer, evening surfaces.

Gold system

Two golds. One is attention, one is luxury.

Signal Gold is saturated, hot, and made to grab the eye — CTAs and digital links only. Foil Gold is desaturated, calm, and reads as real metallic — everything else. If you're not sure which to use, the answer is Foil.

Foil Gold — the default luxury

Hero panels, print, invitations, seasonal cards

linear-gradient(135deg, #E9D8AE 0%, #C8A45E 45%, #8E6F30 100%)

Highlight

Foil Gold

Bronze Warm

Signal Gold — attention only

Book Now, Reserve, Send WhatsApp — nothing else

linear-gradient(135deg, #F7D28A 0%, #E89A2C 45%, #A66A1B 100%)

Champagne

Signal Gold

Bronze

Champagne

Champagne #F7D28A

Signal‑gradient top stop. Small foil catches, halos behind icons.

Foil Highlight

Foil Highlight #E9D8AE

Foil‑gradient top stop. Softer than Champagne — for print‑luxury moments.

Bronze Shadow

Bronze Shadow #A66A1B

Signal‑gradient shadow stop. Pressed state on Signal buttons.

Bronze Warm

Bronze Warm #8E6F30

Foil‑gradient shadow stop. Walnut‑derived from rooms. Pressed state on Foil.

Use foil gold for

Everything luxury and permanent

Hero panels, poster backgrounds, ad campaign fills
Invitations, welcome cards, printed collateral
Ribbons and badges ("Preferred", "Seasonal")
Foil emboss on print, business‑card accents
Dividers under the wordmark in poster lock‑ups
Large numerals on rate cards

Use signal gold for

Only the things a user should click

Primary CTAs: Book Now, Reserve, Send WhatsApp
Form‑field focus rings
Text links inside body copy (min 14 px, min 3:1 contrast)
Interactive icon strokes on hover
Never as decorative surface — never as background of a card

Secondary & functional

The quieter half of the palette

Text neutrals, hover states, room‑echo warm tones. Rarely lead a composition — support it.

Deep Gold

Deep Gold #C77E1F

Eyebrows and text links on cream — AA large‑text safe (3.1 : 1). Also warning colour.

Forest Mist

Forest Mist #2E5742

Hover state for pine surfaces. Divider accents on pine.

Slate

Slate #4A4A4F

Body copy on cream or white. AA at 4.5 : 1+. The default paragraph colour.

Mute

Mute #8A8780

Captions, meta, image labels, deprioritised UI. Never body text.

Lamplight Amber

Lamplight Amber #D89A5B

Room‑echo warm. Photo overlays, seasonal illustrations, wall‑sconce accent.

Combinations

Four surfaces that always work

The actual button, the actual card, the actual heading — so the hex codes turn into something you can recognise in your feed.

01 · Default marketing

Cream + Pine + Foil

The quiet daylight pairing. Editorials, printed collateral, long‑form content, welcome cards, room descriptions.

02 · Evening luxury

Warm Ink + Foil Gold

Night exteriors, evening events, seasonal invitations, winter takeover ads. The premium print register.

03 · Digital call‑to‑action

Pine + Signal Gold

Website hero, booking flows, WhatsApp share cards. Signal gold does its one job — get clicked.

04 · Foil moment

Foil Gold + Warm Ink

Reserved for the special surface. Anniversary cards, gift certificates, foil business‑card accents.

Typography

One serif for luxury. One sans for order.

Cormorant Garamond upright weights 500–600 for every display and headline — the classic Aman / Le Bristol / Four Seasons hotel serif. Cormorant italic 300 only for the poetic one‑liner accent ("A slower morning in the mountains"). Poppins 400 / 500 / 600 for nav, eyebrows, buttons, body. Weight 800 is retired.

Editorial accent · Cormorant italic 300 · Foil Gold

A slower morning
in the mountains

Display · Cormorant upright 500 · Pine · -0.005em

Pinemont Murree

Section heading · Cormorant upright 500 · Pine

Every detail meets luxury.

Eyebrow · Poppins 600 · Deep Gold · +0.24em uppercase · min 14 px

Rooms & Suites

Body · Poppins 400 · Slate

Wake up to the mountains. Sixteen rooms and suites, four kitchens, one rooftop. Placeholder body sample so you can feel the line‑height, colour, and rhythm before you paste real copy in Canva.

System / status

Three colours for the flows that need them

Booking confirmations, form errors, date warnings. Add sparingly — status colour is never a marketing surface.

Success #2E7D4F

Booking confirmed, form success, WhatsApp‑send OK. Deep pine‑adjacent green so it lives in the palette.

Warning #C77E1F

Reuses Deep Gold — no palette bloat. Rate changes, low availability, "3 rooms left this weekend".

Danger #C0392B

Form errors, cancellations, unavailable dates. Warm red — never a bluish alarm red that fights the palette.

Paste‑ready CSS

Drop these into any project

Copy the block below to bring the whole v3 system into a Figma variable set, a Tailwind config, or another codebase.

/* Pinemont brand tokens — v3 */
:root {
  /* Primary anchors */
  --pinemont-pine:   #173A2C;
  --pinemont-foil:   #C8A45E;
  --pinemont-cream:  #EFE7D2;
  --pinemont-linen:  #F5EEDD;
  --pinemont-ink:    #1A1512;

  /* Gold system */
  --gold-signal:     #E89A2C;
  --gold-champagne:  #F7D28A;
  --gold-highlight:  #E9D8AE;
  --gold-bronze:     #A66A1B;
  --gold-bronze-warm:#8E6F30;
  --gold-deep:       #C77E1F;

  /* Supporting */
  --forest-mist:     #2E5742;
  --slate:           #4A4A4F;
  --mute:            #8A8780;
  --amber:           #D89A5B;

  /* System */
  --success:         #2E7D4F;
  --danger:          #C0392B;

  /* Signature gradients */
  --gradient-foil:   linear-gradient(135deg,
      var(--gold-highlight) 0%,
      var(--pinemont-foil) 45%,
      var(--gold-bronze-warm) 100%);

  --gradient-signal: linear-gradient(135deg,
      var(--gold-champagne) 0%,
      var(--gold-signal) 45%,
      var(--gold-bronze) 100%);

  /* Signature shadow — cards over photos */
  --shadow-card:  0 8px 24px -12px rgba(23, 58, 44, 0.18),
                  0 2px 6px rgba(20, 20, 20, 0.05);
  --shadow-lift:  0 18px 40px -14px rgba(23, 58, 44, 0.35),
                  0 4px 10px -4px rgba(20, 20, 20, 0.15);
}

/* Typography — two families only */
--font-display:  "Cormorant Garamond", serif;     /* upright 500-600 */
--font-body:     "Poppins", system-ui, sans-serif;/* 400-600 */