\DESIGNSORCERY>_

The Hotels Network

The Hotels Network — Desktop · Light

Desktop · Light · scroll within frame to see full page

Design System Inspiration

Thehotelsnetwork — extracted via DESIGN.md

Marketing · Hotel marketing platform

corporate dark-theme clean interactive typographic sticky navigation scroll-triggered animations split-screen hero testimonial carousel

Typography

Avenir LT

Heading

Aa Aa Aa Aa

Marselis Serif

Body

Aa Aa Aa Aa

Color palette

TL;DR

Thehotelsnetwork utilizes a sophisticated "monochrome-plus" palette where a deep teal base (#043f48) provides a professional foundation for hospitality data. Brand energy is injected via a dual-accent system: a bright cyan (#00cccc) for technical highlights and a high-visibility coral (#f85f73) reserved for primary conversions and product-specific branding. Typography is a deliberate pairing of the classical Marselis Serif for authoritative headlines and Avenir LT for functional UI and body text. The system relies on generous vertical spacing (up to 80px) and a mix of sharp and pill-shaped geometry to distinguish between content containers and interactive elements.

Target audience

The target audience is hospitality professionals and hotel groups looking for direct booking growth solutions, presented with a modern and data-driven approach.

Full tech stack

Google Tag Manager Nuxt.js reCAPTCHA Vue.js

Analytics

Google Tag Manager

Meta description

Growth for your direct channel. Attract, engage and convert visitors throughout the booking journey by personalizing the user experience. Request a demo.

Brand Voice

Professional, data-driven, and authoritative with a focus on growth and technological innovation.

Positioning

The Hotels Network (THN) is a global hospitality technology provider that helps hotels increase direct bookings through predictive personalization, real-time analytics, and AI-driven guest services. It serves hotel owners and managers looking to optimize their direct channel and benchmark performance against the industry.

Voice principles

  • Data-Centric: Uses technical and mathematical terminology to establish authority.
  • Growth-Oriented: Focuses on outcomes, ROI, and performance metrics.
  • Direct: Employs short, punchy headlines that state a clear value proposition.
  • Innovative: Highlights cutting-edge tech like ChatGPT, predictive algorithms, and automated campaigns to signal market leadership.

More SaaS Designs

← Back to Gallery