Aperçu en direct
Page d’accueil de Vocation : une page bleu nuit couverte d’un réseau de points bleus reliés par des lignes fines, une navigation flottante en pilule avec un bouton Post a role, et un panneau translucide portant le titre blanc à empattements A job description should describe the job, une ligne sur les salaires et un bouton cerné de bleu Browse open roles
17 / THÈME ASTRO

Vocation

Pour des annonces qui disent ce que le poste rapporte.

  • Site d’emploi
  • Recrutement
  • Éditorial

La dix-septième version Quaeris Design. Un site d’emploi portant des annonces d’exemple avec leur salaire, des pages distinctes pour les employeurs et les candidats, des entreprises partenaires, des ressources gratuites, une recherche filtrable et un journal — seize routes, et toute la démo en ligne, ouverte à l’inspection.

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

Chaque chiffre provient de astro-design-iacompagny.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 un site d’emploi qui se lit comme une revue imprimée des métiers. Elle s’ouvre sur un hero nocturne où un graphe vivant relie chaque point à ses plus proches voisins, puis passe à un parchemin chaud, des filets fins et Fraunces en graisse 400 sur son axe de taille optique, avec un seul bleu signal pour les actions et les chiffres. La seule chose qui bouge en continu, c’est l’argument lui-même : associer des personnes à des postes est un problème de plus proches voisins, alors le hero en dessine un.

  • Sites d’emploi qui veulent ressembler à une publication plutôt qu’à une place de marché
  • Recruteurs et cabinets qui publient les fourchettes de salaire
  • Pages carrières d’entreprises qui recrutent à découvert
  • Projets éditoriaux sur le travail, la rémunération et le recrutement
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
  • Postes
  • Employeurs
  • Candidats
  • Partenaires
  • Ressources
  • Journal
  • Recherche
  • À propos
  • Créer un profil
  • Contact
  • Mentions légales
  • Plan du site

Collections

Un fichier Markdown devient une route, une entrée d’index et une liste.
  • Article × 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

L’animation du hero, c’est le produit dessiné.

Des points dérivent sur le hero nocturne, s’écartent devant le curseur et tracent une ligne vers chaque voisin à portée — la même logique de plus proches voisins qui associe un profil à un poste. C’est un simple canvas 2D, limité à sa section, mis en pause quand il sort de l’écran ou que l’onglet est masqué, et remplacé par une seule image fixe avec le mouvement réduit.

02

Les figures plaident la cause.

Sous le hero, la page passe au parchemin et argumente en planches numérotées : un profil et les neuf postes les plus proches, puis ce que deviennent mille candidatures, dessiné à l’échelle. Leurs lignes se tracent à leur entrée dans l’écran, un manifeste s’allume mot à mot avec le défilement, et une frise se remplit étape par étape le long de ce qui suit une candidature.

03

Complet sans JavaScript.

Chaque règle qui masque un élément avant son apparition dépend d’une classe qu’un script bloquant ajoute avant le premier rendu. Sans JavaScript, la page est un document statique achevé, hero et navigation compris. Avec le mouvement réduit, les figures et la frise s’affichent dans leur état final plutôt qu’en animation raccourcie.

04

Les contenus provisoires sont signalés, pas inventés.

Les annonces sont marquées comme des exemples, les chiffres comme illustratifs et les entreprises partenaires comme fictives. La page des mentions légales laisse vides le numéro d’immatriculation, l’hébergeur et le droit applicable, parce qu’une invention plausible y serait pire qu’un manque. Chercher illustrative, sample et before launch dans les sources liste tout ce qu’il faut remplacer.

PALETTE
  • Nuit #10141c Le hero, derrière le graphe
  • Parchemin #fefffc Fond de page sous le hero
  • Anthracite #444141 Texte courant
  • Cendre #646464 Légendes et texte secondaire
  • Bleu signal #41a1cf Le graphe, les actions, le focus et la frise
  • Céruléen #0081c0 L’unique panneau saturé
POLICES
Titrage
Fraunces Variable, graisse 400 uniquement, taille optique jusqu’à 120
Interface et texte
Inter Graisses 400, 500 et 600, approche légèrement resserrée
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.

Vocation, 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.