Compass Travel HTML Template

Compass is a free HTML CSS travel and editorial website template built for magazines, travel blogs, and storytelling platforms. This modern single-page layout features a full-screen hero cover, sticky scroll background images that crossfade between chapters, a drop cap prologue section, and a structured masonry photo gallery. The crisp Arctic and Cobalt color palette gives it a premium, print-magazine feel inspired by publications like Kinfolk and Cereal.

Designed with clean typography pairing Playfair Display serif headers with Inter sans-serif body text, Compass delivers a high-end editorial look without any framework dependencies. It is fully responsive with a slide-out mobile drawer menu, smooth scroll reveal animations, and a newsletter subscribe form in the footer. Perfect for travel journalists, photographers, lifestyle bloggers, and creative agencies who want a polished, content-first web presence.

+ Fullscreen hero cover with gradient overlay and pinned bottom-left text layout
+ Sticky scroll background images that crossfade smoothly between three chapters
+ Large drop cap prologue section with pull quote for editorial storytelling
+ Structured masonry photo gallery with hover captions and image zoom
+ Slide-out mobile drawer menu that works correctly across all scroll positions
+ Newsletter subscribe form with email input and join button in the footer
+ Scroll reveal animations powered by IntersectionObserver with iframe fallback
+ Arctic and Cobalt color scheme with sharp editorial borders and no rounded corners
+ Playfair Display and Inter font pairing for a premium magazine aesthetic
+ Single-page responsive layout with zero framework dependencies

You are allowed to use this template for your commercial project. You can read more about Compass Travel template free usage rights.

Created: 28 June 2026
Views: 14 Downloads: 2

Live View Download Full-size Screenshot Contact Form PHP Script Too CSS Blog