Patagonara

Adventure travel

A compass rose with a peak at its center: heading and destination.

#7cc4d9#1f4037#f2823a

Typefaces: Antonio · Karla

The brief

In adventure travel people buy with their eyes. The compass rose with a peak gives heading and destination; the palette comes from the glacier and the forest, and the website shows each departure with dates, spots and inclusions, in two languages.

The brand in use

Patagonara: shop window and shopping bag

Project sheet

Industry	Adventure travel · Retail and lifestyle
Promise	Treks and expeditions with local guides.
Highlights	Small groups · Local guides · Confirmed departures
Call to action	«See departures»
Website	Landing page with the headline «Patagonia in small groups»
Services shown	Brand identity · Web design · Social media and content · Automation · Apps and software
Measured contrast	Text 10.9:1 · button 4.7:1 (the WCAG minimum is 4.5:1)

Website · Landing page

Patagonia in small groups

The demo is a real, hand-written page published on this very site. Open it, inspect it and see how it behaves on your phone.

5,0 KB HTML and CSS
0 JavaScript libraries
5 sections

How it is built

Semantic HTML and CSS with brand variables. Changing the palette means changing four lines:

:root{
  --fondo:#fafafa;
  --tinta:#1f4037;
  --acento:#f38c4a;
  --tinta-boton:#1f4037;
  --oscuro:#1f4037;
  --sobre-foto:#ffffff;
  --titulo:'Antonio',Georgia,serif;
  --letra:'Karla',system-ui,sans-serif;
  --radio:10px;
}

The main button sends the customer to one next step:

Open the live demo

App or software

Trip app with itinerary, gear checklist and departure dates.

One screen for the customer and another for the team running the service, sharing the same brand system.

Automation

What happens when a customer arrives

Someone asks for a slot by WhatsApp or the site
The agent asks the questions and offers free times
The booking enters the calendar with a reminder
If unconfirmed, it follows up and frees the slot