Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpromoteurDéveloppement d'outils d'IA pour les entreprises. Haute qualité. Prix abordables.Écrire sur Telegram
Ventriloc — un aperçu d'un site dans ce style

Ventriloc

Un observatoire éditorial de données sur papier chaud – une simple braise orange soulignant la précision monochrome

Ventriloc adopte un ton sobre et éditorial: une toile blanche chaude et nette, des fiches de données à chasse fixe et haute précision, et une unique touche d’orange anthracite qui ponctue le monochrome comme un surligneur sur un rapport imprimé. Le système combine une police néo-grotesque personnalisée (PolySans) avec une épaisseur de 400 points pour les titres – une sobriété inhabituelle qui privilégie la précision à la quantité – avec la police Inter pour le corps du texte et les éléments d’interface. Les surfaces sont dans des tons chauds de gris et de crème plutôt que dans un bleu froid et technique, les fiches présentent des angles arrondis asymétriques (coin supérieur droit pointu, arrondi ailleurs), et les éléments interactifs se répartissent en deux dialectes distincts: des boutons de style texte aux angles aigus et des conteneurs de navigation en forme de pilule. Les couleurs sont utilisées avec parcimonie: les pages sont conçues dans un style achromatique 95 % du temps, et l’orange n’est utilisé que comme ponctuation fonctionnelle pour mettre en évidence, souligner les liens et apporter des touches décoratives aux données.

Le conteneur, d'une largeur maximale de 1200 px, est centré et séparé des sections par des gouttières généreuses de 80 px. L'élément principal est divisé en deux colonnes: à gauche, le titre, le sous-titre et deux boutons d'appel à l'action; à droite, trois fiches de données superposées (graphique financier, statistiques de revenus, anneau de rentabilité) flottent sur un fond blanc. Sous l'élément principal, une bande blanche affichant le logo du partenaire occupe toute la largeur. Les sections suivantes alternent entre des rayures gris cendré (#efefef) et blanches. La navigation est un conteneur flottant en forme de pilule, centré sur l'en-tête, avec le logo de la marque aligné à gauche et un bouton « Contactez-nous» foncé à droite. La mise en page générale est aérée et soignée: marges larges, sections hautes et, outre la typographie, les fiches de données constituent la seule ponctuation visuelle.

La conception visuelle est presque entièrement axée sur les données: les widgets graphiques (graphiques linéaires, barres de progression circulaires, fiches statistiques) adoptent un style minimaliste et épuré, avec de fines lignes orange et laiton sur fond blanc. La page d’accueil ne comporte ni photos lifestyle, ni images libres de droits, ni illustrations. Seuls les logos des partenaires et clients, présentés en noir et blanc graphite, y figurent. Le langage visuel se rapproche davantage d’un rapport annuel imprimé que d’un site web SaaS classique: les graphiques sont des images. Les icônes, fines, monolinéaires et de couleur graphite, apparaissent avec parcimonie dans la barre de navigation et les en-têtes de fiches.

Palette

Marque

  • Ember Orange #ff682c — La couleur orange sert à mettre en évidence les liens, les étiquettes et les courtes phrases. Elle ne doit pas être utilisée comme couleur principale pour les appels à l'action.

Neutre

  • Graphite #202020 — Texte principal, titres, liens de navigation, contours des icônes – ce sont les éléments typographiques de base de chaque élément d'interface.
  • Canvas White #ffffff — Arrière-plan de la page, relief de la carte, remplissage des icônes: la surface la plus lumineuse du système.
  • Ash #efefef — Le fond principal de la carte et de la section, le conteneur de la barre de navigation, est une surface à dominante grise chaude.
  • Fog #f5f5f5 — Une teinte de fond subtile pour les surfaces imbriquées et les conteneurs secondaires.
  • Ivory #ebe6dd — Fond chaleureux pour les blocs principaux - un aspect papier.
  • Steel #4d4d4d — Texte secondaire principal, texte de paragraphe long

Typographie

de 14 à 66 px · 5 étapes

  • PolySans — remplacement: Inter Tight or Space Grotesk at weight 400 · grandes lignes 400 · Titres et textes décoratifs - Une police de caractères néo-grotesque conçue sur mesure, utilisée exclusivement en graisse 400 et avec un espacement des lettres de -0,02em, crée une autorité éditoriale subtile qu'aucun titre en gras ne pourrait reproduire.
  • Inter — remplacement: system-ui or Roboto · grandes lignes 400, 500, 600 · Texte courant, étiquettes des éléments d'interface utilisateur, texte des boutons, titres, métadonnées: une police sans empattement universelle pour tout ce qui n'est pas un titre.

Intervalles et forme

ButSignification
Densitémoyenne
Étape de base20px
Rayon du bouton0px
Rayon de la carte8px
Ombresnon - des bordures à la place des ombres
Entre les sections80px
Largeur de la page1200px

L'IA construira votre site web dans le style Ventriloc et le remplira.

  • Partagez vos produits et publications via le lien - Instagram, TikTok, Facebook.
  • Transférez le contenu de votre ancien site: il vous suffit de préciser l’adresse.
  • Conception moderne sur le meilleur moteur: React ( Next.js) avec rendu côté serveur et optimisation SEO intégrée.
  • Optimisation SEO entièrement automatisée pour les résultats de recherche et recommandations de réseaux neuronaux.

Styles similaires

  • Ui — Plan clinique sur papier mat
  • Geniestudio — Un carnet à lumière douce du jour, du genre avec de larges marges et un trait de stylo épais.
  • xAI — Laboratoire de crème chaude avec pilule noire
  • Cal — Une praticité monochrome, une approche humaine. Un système qui privilégie la clarté et la fonctionnalité grâce à une palette noir et blanc stricte, adoucie par une typographie conviviale et des formes arrondies.
  • Scale — Un laboratoire photo de qualité muséale associé à un projet technique
  • Contractbook — contrats de papier crème sous un ciel outremer
  • AutoSend — Un studio en pierre confortable éclairé par une unique lumière violette, où les titres à empattements et les appels à l'action d'un bleu indigo éclatant coexistent dans un espace calme, presque blanc.
  • Air — sculpture « Ciel de minuit à travers le verre»
  • SpatialChat — impulsion violette sur parchemin blanc
  • Squarespace — Galerie monochrome cinématographique
  • Giga — Horizon de minuit sur de l'obsidienne givrée
  • Supabase — Un éditeur de code à minuit, avec un point vert phosphorescent — une unique pulsation chromatique sur un océan de poussière de charbon