Aperçu en direct
Page d’accueil de Haven : une vallée alpine pleine largeur au coucher du soleil, avec un chalet en bois et des fleurs sauvages, sous une barre de navigation en verre dépoli, le titre en serif A sanctuary for the soul dont les derniers mots sont en italique, et une barre de réservation dépolie avec les champs d’arrivée, de départ et de nombre d’hôtes
13 / THÈME ASTRO

Haven

Pour un lieu où l’on arrive lentement.

  • Location de vacances
  • Hôtellerie
  • Voyage

La treizième version Quaeris Design. Une retraite de montagne privée portant la maison pièce par pièce, des tarifs par saison, une page d’accès, une demande de réservation et un journal avec hôtes et catégories — dix-huit routes, et toute la démo en ligne, ouverte à l’inspection.

MESURÉ SUR LA DÉMO
2.6 KB
JavaScript
18
Routes indexables
2
Feuilles de style bloquantes
2
Familles de polices
WebP
Images
Astro 7.3
Construit avec

Chaque chiffre provient de astro-design-haven.pages.dev. Ouvrez la démo et vérifiez par vous-même.

Un site publié. TVA comprise ; le travail client relève de la licence studio. Rétractation sous 14 jours, jusqu’au premier téléchargement.

LE BRIEF

À quoi il sert, et à qui il convient.

Une direction visuelle pour les lieux qui se vendent sur la sensation d’arriver. Lin et vert sapin, un titre en serif douce avec une seule expression en italique, et du verre dépoli posé sur des paysages pleine largeur — un îlot de navigation flottant, et une barre de réservation dans l’en-tête. Ce qui l’empêche d’être un modèle de location de plus, c’est que chaque page repose sur son propre dispositif : un hôte qui passe de la maison aux tarifs ne lit jamais deux fois la même mise en page.

  • Locations de vacances et villas privées
  • Hôtels de charme et maisons d’hôtes
  • Lieux de retraite, lodges et chalets
  • Quiconque compte sur la photographie pour faire l’essentiel de la vente
LE JEU DE PAGES

Les routes que vous obtenez, et d’où elles viennent.

Chaque route ci-dessous est générée à la compilation et servie comme un fichier statique.

Pages

Écrites une fois, modifiées sur place.
  • Accueil
  • La maison
  • Expériences
  • Tarifs
  • Accès
  • Réservation
  • Journal
  • À propos
  • Contact
  • Mentions légales

Collections

Un fichier Markdown devient une route, une entrée d’index et une liste.
  • Article × 3
  • Auteur × 2
  • Catégorie × 3

Système

Générées, jamais maintenues à la main.
  • 404
  • sitemap.xml
  • robots.txt
  • site.webmanifest
NOTES DE CONCEPTION

Les décisions derrière le style.

01

Chaque page a son propre dispositif.

La page d’accueil est une grille photographique, la maison une mise en page éditoriale alternée, une pièce à la fois, et les autres pages ont chacune leur structure. Un visiteur qui parcourt le site n’a jamais l’impression de lire cinq fois le même gabarit — c’est ce qu’un site de location rate le plus souvent, et la première chose à préserver si vous l’étendez.

02

Chaque chiffre est marqué comme provisoire.

Tarifs, capacité, distances et temps de trajet vivent dans un seul fichier de configuration, lu par les pages tarifs, réservation et accès : un chiffre n’existe qu’une fois. Chacun est imprimé avec un attribut data-placeholder, si bien qu’une seule recherche dans le site compilé retrouve tous les nombres qui attendent encore d’être rendus vrais.

03

Le bois ne porte jamais de mots.

L’accent bois chaud n’atteint que 2,5 : 1 sur le lin, il est donc réservé à la décoration. Là où l’on veut un texte chaud, une encre bois plus sombre prend le relais, à 5,4 : 1 sur le blanc. La palette garde sa chaleur et le texte reste lisible, et ce choix est fait dans les variables plutôt que laissé à la prochaine personne qui modifiera la page.

04

Une demande, pas un moteur de réservation.

La barre de l’en-tête transmet les dates et le nombre d’hôtes à la page de réservation dans l’URL, où ils préremplissent un formulaire de demande, et les hôtes répondent. Pas de calendrier de disponibilités à intégrer, rien à faire tourner — c’est ainsi que la plupart des petits lieux prennent réellement une réservation.

PALETTE
  • Lin #f9f9f8 Fond de page
  • Vert sapin #18281e Titrage et boutons principaux
  • Sauge #4a635e Encre secondaire
  • Brume #cae6de Panneaux teintés
  • Bois #cb9b6c Décoration uniquement
  • Encre bois #8f6033 Le même bois, pour le texte
POLICES
Titrage
Playfair Display Graisses 400 à 600, italique pour l’expression mise en avant
Texte
Plus Jakarta Sans Graisses 300 à 600, capitales espacées pour les libellés
CE QUI L’ACCOMPAGNE

Sachez ce que vous obtenez.

Une belle capture d’écran n’est qu’un début. Ce sont les détails qui vous aident à choisir.

01 / LES PAGES

Une vue du site entier.

Chaque version liste son jeu de pages, de la page d’accueil aux templates d’article, d’auteur et de catégorie dont votre projet a réellement besoin.

Liste des pages avec chaque version
02 / L’EXPÉRIENCE

Chaque écran compte.

Mises en page pour ordinateur et mobile, navigation, états de focus et interactions, vérifiés aux largeurs que les gens utilisent vraiment plutôt qu’à celle de la capture d’écran.

Comment fonctionne la personnalisation ↗
03 / LA LIVRAISON

Les détails, avant d’acheter.

Le code source, les prérequis d’installation, la licence et les conditions de support sont publiés sur la page du thème, pour que vous puissiez décider avant de dépenser quoi que ce soit.

Contenu exact avec chaque version
TARIFS

Un prix clair. Une offre claire.

Choisissez le design qui convient à votre projet. Une licence couvre un site publié ; le travail livré à des clients relève de la licence studio.

THÈMES À L’UNITÉ EN VENTE

Trouvez le vôtre.

59 € le thème

Une licence, un site publié. Le travail que vous livrez à des clients relève de la licence studio : 399 € pour toute la collection, et un an de tout ce qui paraît ensuite.

Une licence de thème
Un projet publié
Travail pour un client
Licence studio
Mises à jour et support
Indiqués par thème
CE THÈME

Tout ce qui précède, en un téléchargement.

Haven, sous forme de code source Astro complet. Modifiez ce que vous voulez, déployez où vous voulez en statique, et gardez-le.

Un site publié. TVA comprise ; le travail client relève de la licence studio. Rétractation sous 14 jours, jusqu’au premier téléchargement.

AILLEURS DANS LA COLLECTION

Trois autres directions.