Screenshot of Colectia

Colectia

colectia.yurbban.com/

The reference for a split-screen dual-image hospitality hero, two full-bleed destination photos meeting at a centre seam under a Larken wordmark, with the whole thing anchored on near-black #141414 and one electric-blue #2a4eef accent.

Hospitality flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
Dm-Sans
body
dm-sans
mono

Do / Don't

Reference it for

  • Split-screen hero: two full-bleed destination photographs butted together at a hard centre vertical seam, brand mark and glyph straddling the join
  • Larken display serif for the wordmark and the emotive one-liner ('Eso que te mueve') against DM Sans for all UI and body
  • Tiny all-caps DM Sans nav at ~15px with 0.3px-0.8px letter-spacing (DESTINOS, HOTELS, STAYS, NOSOTROS) split left/right around a centred logo
  • A booking bar floated over the hero base: white card, four cells (destination / check-in / check-out / personas) plus a solid black RESERVAR button, no border radius on the button block
  • Circular ghost carousel arrows (48px, 60px-radius pill / 50% circle) pinned to the hero's left and right edges at vertical centre
  • Restrained near-black palette #141414 / #171715 on cream #f4f4f4, warmed by a taupe #a69b92 and one saturated electric blue #2a4eef used only for links / focus
  • Full-caps section eyebrows in tracked DM Sans ('VENTAJAS DE RESERVAR CON NOSOTROS', 'DONDE LA CIUDAD ES TUYA') sitting above serif statements
  • 1320px content max-width with generous 60px-130px vertical gaps between destination blocks

Do not copy

  • The Colectia wordmark and the curved arch/horns 'n' brand glyph
  • The specific San Sebastian, Sevilla, Madrid and Barcelona destination photography
  • Spanish brand copy ('Eso que te mueve', destination descriptions)
  • The Yurbban Worldwide corporate entity names and CIF numbers in the footer
  • The exact hotel names (Urumea, Ondarreta, Parada del Marques, Santa Lucia)
  • The 'by EMEXS' studio credit
  • hi@colectia.com and the specific Barcelona address