Cosa ottieni
- Un unico file HTML con font e ritratti incorporati, senza richieste di rete
- Viste panoramica, analytics, finanza, clienti, board della roadmap, calendario e impostazioni
- Palette dei comandi, notifiche, modalità chiara e scura, due preset di colore
- Un validatore per barra laterale, route, etichette, sicurezza in sandbox e residui di esempio
- Ritratti del team opzionali generati con PopNow dopo un preventivo in crediti
Ideale per
- Pannelli di amministrazione e strumenti interni per un prodotto SaaS
- Back office per negozi, cliniche o agenzie con viste rinominate
- Una demo di prodotto cliccabile per investitori o per una revisione del team
Non adatta a
- Pagine di marketing pubbliche
- Dashboard che devono leggere dati live da un’API fin dal primo giorno
- Interfacce chiassose, colorate o molto illustrate
Come usarla
In Claude o ChatGPT
Usa la skill PopNow “Template dashboard di amministrazione” (saas-admin-dashboard) per questo: Crea una console operativa per Fernwood Bakery Supply: ordini al posto dei clienti, una board delle consegne e KPI per ordini, fatturato, ordine medio e puntualità in EUR.
In un agente di programmazione
/popnow-saas-admin-dashboard Crea una console operativa per Fernwood Bakery Supply: ordini al posto dei clienti, una board delle consegne e KPI per ordini, fatturato, ordine medio e puntualità in EUR.
Poi prova
Fammi un preventivo per sei nuovi ritratti del team prima di generare qualsiasi cosa.
Sposta tutto nella mia app Vue 3 come route reali.
Cosa tenere pronto
- Nome dell’attività, l’operatore che accede e 4-8 membri del team
- Le quattro metriche che segui, più valuta e impostazioni locali
- Cosa rappresentano le righe delle tabelle, le schede della board e gli eventi del calendario
- Opzionale: una chiave API PopNow o le foto del tuo team
Skill simili
Vedi tutte →Creatore di avatar 3D
+3Crea nel browser un personaggio 3D tenero come un peluche e salvalo come PNG trasparente o pagina 3D.
Calendario heatmap
+3Un anno di attività quotidiana come griglia di calendario sfumata, con serie, totali e accesso da tastiera.
Landing page SaaS per l’AI
+3Carta sabbia calda, binari sottili e tratteggi attorno a una kanban dal vivo dove un assistente pianifica.
Sezione hero animata
+3Una hero per landing page con una parola del titolo che ruota con delicatezza, due pulsanti e un riquadro immagine largo.
Sito per agenzia creativa con hero shader
+3Hero shader WebGL dal vivo dietro un’affermazione in basso, navigazione a pillola e griglia di casi di studio.
Landing page SaaS scura
+3Un sito di marketing scuro e ricco di animazioni per un prodotto software, consegnato come un unico file HTML autonomo.
Sito portfolio per designer
+3Sei card inclinate attorno a un titolo sfumato su grigio calmo, una card ritratto rossa e casi di studio.
Sito portfolio per sviluppatori
+3Un sito personale scuro per ingegneri, con case study, articoli, talk, curriculum e modulo di contatto.
Sito SaaS editoriale
+3Hero diviso blu notte, titolo serif accanto a una foto documentaria, fasce inclinate e un accento cobalto.
Template sito glassmorphism
+3Pillole di vetro su fondo quasi nero, titolo serif enorme con una parola in corsivo e iscrizione via email.
Sito di prodotti hardware
+3Nomi dei modelli enormi e sottili su scatti da studio argentati, card di specifiche e una gamma in scala.
Diagramma di architettura interattivo
+3Un diagramma di sistema cliccabile e offline, costruito da un modello JSON verificato, con le evidenze dietro ogni riquadro.
Hero con griglia interattiva
+3Una griglia scura di fili sottili che si piega verso il cursore e fa partire un anello luminoso a ogni clic.
Esploratore di knowledge graph
+3Trasforma gli appunti di progetto in un grafo offline e ricercabile, dove ogni affermazione rimanda alla sua riga di origine.
Template dashboard KPI
+3Quattro KPI con variazioni, un grafico a linee, una tabella di dettaglio e barre obiettivo.
Landing page da mockup AI
+3Vedi prima tre progetti a pagina intera, scegline uno: il tuo agente lo costruisce come codice pulito.
Template sito web per rivista
+3Un sito di rivista con qualità da stampa, articoli, temi, un piccolo shop e abbonamenti, in un unico file HTML.
Hero con animazione di particelle
+3Testo su carta calda accanto a una sfera di punti inchiostro e verde acqua che cambia forma per ogni idea.
Sito personal brand
+3Un ritratto sfumato su carta calda sotto una sottile parentesi, con affermazioni leggere e grassetto ai lati.
Pagina di lancio cinematografica di prodotto
+3Pagina quasi nera in stile film: titolo serif su luci in movimento, scena notturna, modulo di prenotazione.
Template landing page SaaS
+3Un sito di marketing chiaro e sobrio per un prodotto software, con console di prodotto funzionante, prezzi e iscrizione.
Sito portfolio in stile scrapbook
+3Un CV online su più pagine fatto di oggetti di carta, con case study e un curriculum stampabile.
Template sito e-commerce di sneaker
+3Un negozio completo di scarpe o abbigliamento con catalogo, pagine prodotto, carrello e checkout demo in un unico file HTML.
Landing page per automazione di workflow
+3Pagina in grafite con titolo piccolo a sinistra e sotto un grafo di nodi dal vivo che esegue e riprova.
Domande
I dati sono in tempo reale?
No. La console arriva con array di esempio che sostituisci con i tuoi record. KPI e grafici sono calcolati da quegli array, quindi restano coerenti; collegare una vera API è un passaggio successivo nel tuo progetto.
Può essere qualcosa di diverso da una console SaaS?
Sì. Le ricette delle viste restano e cambiano i nomi: i clienti possono diventare ordini o pazienti, la roadmap una board di evasione ordini o un elenco di pratiche, il calendario gli appuntamenti.
Cosa genera PopNow qui?
Solo ritratti del team. Grafici, icone e marchi aziendali sono disegnati in SVG. Ogni serie di ritratti ha prima un preventivo in crediti e parte solo dopo il tuo ok.
Funziona senza una chiave API PopNow?
Sì. Gli otto ritratti immaginari inclusi possono essere rinominati per il tuo team, oppure le persone possono usare avatar con iniziali.