Interface utilisateur de tableau de bord IA sombre pour le codage
Un tableau de bord analytique en mode sombre soigné pour une plateforme de codage IA, adapté aux maquettes de produits SaaS, aux panneaux d'administration et aux présentations d'interfaces web riches en données.
Consigne
{
"type": "interface utilisateur de tableau de bord analytique SaaS sombre",
"product": {
"brand": "AICode",
"theme": "interface en verre bleu marine sombre avec des dégradés subtils, une lueur douce, des cartes arrondies, des bordures fines, esthétique moderne d'outil de développement"
},
"canvas": {
"aspect_ratio": "16:9",
"background": "bleu nuit profond avec une vignette légère et un éclairage radial doux"
},
"layout": {
"structure": "barre latérale gauche et zone de contenu principal",
"sections": [
{
"title": "Barre latérale",
"position": "gauche",
"count": 8,
"labels": ["AICode", "Vue d'ensemble", "Projets", "Assistants IA", "API & Utilisation", "Qualité du code", "Équipe", "Paramètres"],
"details": "logo en haut, Vue d'ensemble sélectionnée avec une surbrillance violette, carte d'abonnement en bas affichant le plan Pro, renouvellement dans 12 jours, barre de progression horizontale à 75 %, profil utilisateur en bas avec avatar, Alex Morgan, et e-mail [email protected]"
},
{
"title": "En-tête",
"position": "zone principale supérieure",
"count": 4,
"labels": ["Bon retour, Alex 👋", "Voici ce qui se passe sur votre plateforme de codage IA aujourd'hui.", "12 mai – 12 juin 2024", "Exporter le rapport"],
"details": "grande salutation à gauche, sélecteur de plage de dates et bouton d'exportation à droite"
},
{
"title": "Cartes de métriques",
"position": "rangée supérieure sous l'en-tête",
"count": 4,
"labels": ["Utilisateurs totaux", "Projets actifs", "Appels API", "Score de qualité du code"],
"values": ["12 842", "2 153", "1,28 M", "876"],
"details": "chaque carte possède une petite icône colorée, une grande valeur principale, un texte de comparaison par rapport au 12 avril – 12 mai 2024, des pourcentages de variation positifs de 14,6 %, 8,3 %, 23,7 %, 5,9 %, et un graphique linéaire miniature en bas ; les couleurs sont violet, vert, ambre et bleu"
},
{
"title": "Panneaux analytiques principaux",
"position": "rangées du milieu et du bas",
"count": 4,
"labels": ["Appels API dans le temps", "Meilleurs projets", "Carte thermique de l'activité utilisateur", "Tendances de qualité du code"],
"details": "Appels API dans le temps est un graphique en aires large avec un menu déroulant Journalier et une ligne violette ascendante se terminant près de 250 000 ; Meilleurs projets est une liste classée de 5 éléments avec des barres de progression et des variations en pourcentage ; Carte thermique de l'activité utilisateur est une carte thermique hebdomadaire de 7 lignes avec des étiquettes d'heures de 00h00 à 21h00 ; Tendances de qualité du code est un graphique linéaire avec un menu déroulant Hebdomadaire et une tendance violette ascendante fluide d'environ 70 à un peu plus de 90"
},
{
"title": "Liste des meilleurs projets",
"position": "panneau latéral droit central",
"count": 5,
"labels": ["Assistant de code IA", "Refactorisation intelligente", "Bot de revue de code", "Générateur de doc", "Constructeur de tests"],
"values": ["485 K", "321 K", "214 K", "132 K", "98 K"],
"details": "deltas positifs en vert pour les quatre premiers éléments 12,4 %, 8,7 %, 3,1 %, 6,8 %, et delta négatif en rouge de -1,2 % pour le Constructeur de tests ; chaque ligne a une icône carrée colorée et une fine barre de progression horizontale"
}
]
},
"style": {
"visual_language": "maquette de conception de produit fintech et IA haut de gamme",
"rendering": "maquette d'interface utilisateur haute fidélité nette, ombres subtiles, éclairage néon sur les bords, graphiques soignés, typographie sans empattement épurée",
"primary_accent": "violet électrique",
"secondary_accents": ["vert émeraude", "jaune ambre", "bleu cyan"],
"density": "riche en informations mais spacieux, grille équilibrée, très lisible"
}
}
Comment utiliser ce prompt
- 1
Copiez le prompt complet ci-dessus.
- 2
Ouvrez une plateforme compatible avec GPT Image 2, comme YouMind, et collez le prompt.
- 3
Modifiez le sujet, le style ou les détails selon votre idée, puis générez.
Voici un prompt IA gratuit de la bibliothèque de prompts de YouMind. Découvrez des milliers d'autres prompts images, tous libres de copie et d'adaptation.
Découvrir plus de prompts imagesPlus de GPT Image 2
Affiche de voyage minimaliste sur le thème de la ville
@Taaruk
Fond d'écran de lecteur de musique anime menthe
@あまり🖋️AI &フリー素材配布
Affiche de montre connectée en édition limitée Cyberpunk
@あまり🖋️AI &フリー素材配布
Collage de portraits minimaliste à cinq cadres
@Cherry 2.O
Illustration de mode avec accessoires
@Zephyra Leigh
Portrait de mode inspiré par l'esthétique de Threads
@Aijaz
Toutes les catégories Images
01
Cas d’utilisation
02
Styles
Plus de fonctions de prompts
Bibliothèque IA
Recherche de prompts par IA
Laissez l'IA chercher parmi des dizaines de milliers de prompts. Filtrez par modèle, plage de dates et mots-clés, puis triez par engagement : vues, favoris, partages et plus.
Outils visuels
Image vers prompt
Transformez toute photo en prompt d'image IA détaillé. Le convertisseur image vers prompt gratuit analyse la composition, le style et la lumière pour recréer n'importe quel rendu en quelques secondes.
Autres fonctions de prompts
Conçu pour les créateurs. Gratuit pour toujours.
YouMind est le copilote créatif IA adopté par des créateurs du monde entier. Chaque prompt est sélectionné pour vous aider à créer mieux, plus vite.