Huly
Aurores boréales à l'observatoire de minuit: le protagoniste est un faisceau vertical violet se fondant dans le corail, et chaque section calme en dessous reprend la même histoire bicolore, racontée dans un ton plus feutré.
Huly évoque l'ambiance d'un espace de travail cosmique: une toile quasi noire traversée par une unique lueur violette-ambrée, surmontant une grille plus discrète favorisant la productivité. Le système fonctionne avec une palette de couleurs restreinte: un bleu vif et un corail assurent l'ensemble de l'identité visuelle sur des surfaces graphite superposées, garantissant ainsi une présence visuelle constante, même en mode sombre. La typographie est de style Inter pour tous les éléments fonctionnels, tandis qu'une police personnalisée (Esbuild) est réservée aux informations clés, avec une taille de 80 à 84 px et un espacement négatif marqué entre les lettres. Les composants sont de forme ovoïde: rayon de 9 999 px pour les commandes, 12 px pour les cartes, ombres discrètes et lignes dégradées lumineuses comme élément décoratif principal. La page alterne entre des zones sombres occupant toute la page et des sections claires apaisantes; il est donc conseillé de choisir le mode d'affichage avant de sélectionner les couleurs.
La page d'accueil, occupant toute la largeur de la page, présente un faisceau vertical évoquant une aurore boréale et un titre aligné à gauche, ainsi qu'une capture d'écran du produit en bas à droite. En dessous, une zone de contenu de 1200 px de large est composée de rayures claires et foncées alternées. Chaque section se compose d'un bloc vertical unique: un en-tête et une grille de cartes sur 3 ou 4 colonnes, séparées par un espacement de 96 px. La section « MetaBrain» rompt la grille avec un titre centré et une mosaïque de cartes de tailles variées (une grande carte principale et des cartes secondaires plus petites). La page, riche en contenu conformément aux standards SaaS, utilise l'alternance de rayures claires et foncées pour aérer chaque section. La navigation se résume à une barre supérieure transparente qui devient opaque au défilement.
L'élément principal est un dégradé d'aurore boréale pur, sans aucune photographie. Toutes les illustrations sont des captures d'écran de l'interface utilisateur du produit (Kanban en mode sombre, boîte de réception, calendrier), encadrées dans des cadres qui servent à la fois de preuves et d'éléments décoratifs. Aucune photo de style de vie, aucune image libre de droits, aucun rendu 3D. Le seul élément visuel non lié à l'interface utilisateur est une douce lueur radiale à la base de l'aurore, rendue par un dégradé CSS. Les icônes sont des icônes linéaires monochromes de couleur #95979 ou blanches, jamais multicolores. Le système considère son interface utilisateur sombre comme l'élément principal; le produit, ce sont les photographies.
Palette
Marque
- Electric Iris
#5683da— L'arrière-plan principal, l'indicateur de navigation actif et l'accent saisissant des aurores boréales — une couleur bleu-violet vibrante sur un fond noir de jais — créent une impression d'engagement plutôt que d'activité d'entreprise. - Ember Pulse
#ff8964— Un élément secondaire, une zone chaude d'aurores boréales, un point de notification et un détail d'illustration – une teinte ambrée qui rompt la sobriété du bleu et ajoute de la chaleur au faisceau.
Neutre
- Obsidian Canvas
#303236— Le fond de la page, surface dominante, est d'une couleur presque noire avec une légère nuance chaude, l'environnement standard pour tout le contenu. - Void
#090a0c— La couche de surface la plus profonde pour les dégradés sur l'écran principal, les arrière-plans modaux et les cadres qui doivent se fondre dans le canevas. - Charcoal Card
#111111— Surfaces surélevées en carton et panneaux, positionnées une marche au-dessus de la toile. - Slate Edge
#4a4b50— Bordures et séparations subtiles sur des surfaces sombres - Iron Veil
#6b6c6d— Arrière-plan assombri pour les étiquettes, les remplissages des éléments de liste et les remplissages désactivés. - Smoke
#95979e— Les contours des icônes, le texte additionnel et les commandes inactives constituent les principaux éléments fonctionnels, de couleur gris moyen.
Typographie
de 11 à 80 px · 8 étapes
- Inter — remplacement: DM Sans · grandes lignes 300, 400, 500, 600, 700 · Tout le texte fonctionnel de l'interface utilisateur (texte principal, navigation, boutons, éléments de liste, étiquettes et petits titres) est utilisé avec une épaisseur de police de 500 à 600 pour la mise en valeur, 400 pour le texte principal et 300 avec parcimonie pour les métadonnées discrètes.
- Esbuild — remplacement: Sora · grandes lignes 400, 500, 600 · Affichage uniquement: titres d’accueil, titres de section et titres d’articles MetaBrain. La géométrie condensée et l’espacement réduit des lettres donnent l’impression que 84 px convient mieux à un usage éditorial qu’à des projets SaaS. Ne jamais utiliser une taille inférieure à 28 px.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | spacieux |
| Étape de base | 12px |
| Rayon du bouton | 9999px |
| Rayon de la carte | 12px |
| Ombres | ombres douces |
| Entre les sections | 96px |
| Largeur de la page | 1200px |
L'IA construira votre site web dans le style Huly 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
- monday — Atelier blanc avec des autocollants pastel
- Slack — La scène, couleur aubergine, est éclairée par des projecteurs blancs. Une teinte prune profonde domine les zones sombres, tandis que la toile blanc cassé laisse s'exprimer pleinement les grands titres avant-gardistes.
- Base44 — Carnet ensoleillé avec un feutre vert citron
- Supahub — Douce lumière du jour sur une crête violette. Une toile majoritairement blanche et aérienne, illuminée par un unique soleil violet éclatant, où des sphères décoratives aux dégradés de couleurs se répandent dans l'espace négatif, tandis que des formes géométriques arrondies et généreuses confèrent à chaque surface une agréable et palpable densité.
- Raycast — Centre de commandement de minuit, néon corail
- Dimension — un poste de travail éclairé au crépuscule avec des panneaux en verre dépoli
- Wiza — Un observatoire d'exploration minière au crépuscule, enveloppé d'une brume lavande.
- Paste — Une lanterne ambrée sur du marbre blanc – le logo aux tons chauds et dégradés de la marque flotte dans le vaste espace blanc, comme la seule fenêtre éclairée d'un bâtiment enneigé.
- Reworkd — La douce lumière du jour sur le schéma du produit est la seule couleur qui parle d'elle-même; c'est le bouton d'action et le titre en dégradé au-dessus de celui-ci.
- Reflect Notes — L'espace violet étoilé est un observatoire obscur où des notes flottent comme des constellations sur un fond d'indigo presque noir et vide.
- Ameba — La salle de contrôle à minuit – une pulsation bleu électrique à l'intérieur de panneaux de verre dépoli
- Todoist — Un espace de travail baigné de soleil avec un agenda papier – un bureau couleur crème, des notes à l'encre, un stylo rouge