Voyage — Free Travel Guide & Blog Template by uiCookies

Concept: A field journal for slow travelers. Voyage treats a travel blog like a printed
expedition notebook rather than a booking portal — a destination-search hero, an
asymmetric magazine grid of featured places tagged with coordinates and read times, a
latest-guides feed, popular regions, a three-step trip planner, an about-the-author
spread, and a second page (post.html) that is a full destination guide with a day-by-day
itinerary timeline, a tips callout, a photo gallery, and a hand-drawn-feel CSS static-map
placeholder. A faint atlas grid runs through the dark sections to reinforce the map motif.

Palette: Deep Fir #16302B (ink and dark sections) · Pine #24463F · Sand Paper #F6F2E9
(warm light background) · Golden Ochre #D98A2B (primary accent / CTAs) · Lagoon Teal
#2E7D74 (tags, links, secondary accent) · Stone #7C7566 (muted meta text). The green +
ochre + teal trio reads as mountains, sun and sea — deliberately distinct from the usual
blue travel-agency look and from the sibling "Places" template in this category.

Font pairing: Fraunces (display — a characterful high-contrast serif with optical sizing,
used for headings, the brand and the author signature) paired with Archivo (body — a
clean, wayfinding-flavored grotesque with tabular numerals for itinerary times and
coordinates). No Inter, no Space Grotesk.

Tech: Bootstrap 5 (self-hosted, relative paths), vanilla JavaScript only (no jQuery),
inline SVG icons only (no icon fonts), local images, and full a11y — skip link, landmarks,
aria-labelled controls, focus-visible styles and prefers-reduced-motion support. Deploys
clean on a strict-CSP host.
