La raccolta di esempi di design
98 esempi di design tra siti web, app, dashboard, slide e grafiche, inclusi i template ufficiali di OpenDesign. Apri un progetto per scoprire le scelte di layout e un prompt suggerito; i nomi dei modelli compaiono solo quando documentati.
98 esempi di design · tre serie · 10 modelli documentati
Esempi di design
Filtra i progetti per tipo di output, finalità, serie o modello che li ha generati.
Siti web
Kimi Careers di OpenDesign
Una pagina dedicata alle carriere raccontata attraverso otto scene lunari, con transizioni legate allo scorrimento e un processo di candidatura illustrato in quattro tappe.
Esempio di hackathon
Siti web
Bianjing After Dark di OpenDesign
Un viaggio notturno interattivo nella Bianjing immaginaria dell’epoca Song, tra una città fluviale sempre presente, poesie, lanterne e capitoli dal ritmo pensato per più lingue.
LLM Arena · GPT 6 Sol
Siti web
Bianjing After Dark di OpenDesign
Segui un fiume illuminato da lanterne attraverso i cinque capitoli di Bianjing After Dark, dalla porta della città e il mercato notturno fino alle poesie e al lancio delle lanterne.
LLM Arena · Claude Opus 5.5
Dashboard
Halcyon Cove di OpenDesign
Organizza una giornata in sei tappe a Halcyon Cove: collega i luoghi salvati, le posizioni sulla mappa e i tempi a piedi in un’unica dashboard.
LLM Arena · Claude Opus 5
App
Abyssal Log di OpenDesign
Una raccolta di esemplari marini collegata alle missioni subacquee. Ogni scheda di una specie sconosciuta spiega le attività e i progressi necessari per rivelarla.
LLM Arena · Claude Opus 5
Dashboard
Life System di OpenDesign
Un punteggio settimanale, metriche della mappa corporea, ritmi quotidiani e cinque esperimenti in un’unica dashboard desktop, illustrati con quattro viste di dettaglio annotate.
Esempio di hackathon
Siti web
Ember & Pepper di OpenDesign
Piatti speciali e informazioni per la visita affiancati da una finestra di prenotazione per chi è pronto a prenotare.
LLM Arena · GPT 5.6 Sol
App
Harbor Skirmish di OpenDesign
Una piccola isola sul mare, con percorsi sui tetti, tre slot per le armi e un’interfaccia in prima persona dal tono giocoso.
LLM Arena · GPT 6 Astra
Slide
Agent-Native Workspace di OpenDesign
Una storia di prodotto in tre slide: una tesi introduttiva, il concept di un’app complementare per dispositivi mobili e una sala di controllo aziendale.
Esempio di hackathon
App
Solara Bay di OpenDesign
Sei tappe con orari in Solara Bay, città immaginaria, con una mappa illustrata, tempi di percorrenza a piedi e utili avvisi sul percorso.
LLM Arena · GPT 5.6 Sol
App
Abyssal Atlas di OpenDesign
Una collezione di esemplari collegata a una coda di immersioni: record bloccati, due righe di filtri e conteggi dei progressi indicano cosa scoprire dopo.
LLM Arena · Grok 4.6
Siti web
Yàn Huǒ di OpenDesign
L’hot pot si presenta attraverso un menu di specialità con prezzi, una galleria della sala e informazioni per la visita prima della prenotazione.
LLM Arena · Qwen 3.8 Max
Siti web
Second Spring di OpenDesign
Un ramo caduto interattivo conduce a storie dal bosco, a un piano di ripristino e a modi simulati per contribuire.
LLM Arena · DeepSeek V4.1 Flash
Siti web
Second Spring di OpenDesign
Fai crescere una chiazza di muschio su un tronco caduto, poi esplora le storie del sottobosco e i modi simulati per contribuire.
LLM Arena · Claude Fable 5.1
Grafiche
iPhone Inside di OpenDesign
Gli strati separati di un telefono concept, con preset della fotocamera, un cursore e un pannello con otto gruppi di assemblaggio.
LLM Arena · GPT Astra
App
Harbor Skirmish di OpenDesign
Una schermata iniziale d’impatto dedicata all’isola introduce un’esperienza in prima persona con pannelli di stato incorniciati e comandi per le armi numerati.
LLM Arena · DeepSeek V4.1 Flash
Grafiche
Tom Goodman di OpenDesign
Un CV immaginario che affianca l’esperienza a grafici delle competenze e progetti selezionati, con una lettura su due colonne e un layout di stampa separato.
Esempio di hackathon
Grafiche
Maya Rowan di OpenDesign
Un portfolio immaginario che riunisce schede di progetto in stile poster, un percorso creativo in tre fasi, appunti di lavoro e contatti.
Esempio di hackathon
Siti web
Storytelling architettonico di OpenDesign
Attraversa Kage, un tempio di montagna immaginario raccontato attraverso architetture al chiaro di luna, tranquille note sul giardino e vedute ravvicinate della lavorazione del legno.
Progetto ufficiale
Siti web
Landing page editoriale a collage per OpenDesign Atelier Zero di OpenDesign
Il design del sito web dello studio di design AI di OpenDesign trasforma il concept di uno studio local-first in una landing page editoriale che rende competenze, esperimenti e metodo facili da consultare.
Template ufficiale
Siti web
Sito web di marketing di Halcyon per un'infrastruttura di agenti AI dal tono calmo tramite OpenDesign
Un concept di landing page per un'infrastruttura AI dai toni morbidi, con metriche di runtime d'esempio, schede delle funzionalità annidate, movimento discreto e un unico invito commerciale.
Template ufficiale
Grafiche
Poster editoriale per appassionati di IA che presenta sei flussi di lavoro di design di OpenDesign
Il poster editoriale sul flusso di lavoro con l’IA presenta sei proposte in capitoli numerati, con esempi concreti di prompt e accenti tipografici color ruggine su un fondo crema.
Template ufficiale
Grafiche
Editorial social in sette card sul miglioramento dei workflow di editing con l'IA tramite OpenDesign
Sette card verticali usano titoli cinesi sovradimensionati, abitudini numerate, campi cromatici variabili e una frase conclusiva per spiegare i workflow di editing con l'IA.
Template ufficiale
Dashboard
Wireframe greybox per dashboard analitica Acme di OpenDesign
Una dashboard greybox di OpenDesign rappresenta un’area di lavoro analitica attraverso una barra laterale, quattro segnaposto KPI, un grafico schematico, cinque righe di tabella e annotazioni di layout blu.
Template ufficiale
Motion design
Video motion logo ispirato alla storia dell'arte di OpenDesign
Un film OpenDesign di 15 secondi in 16:9 mantiene riconoscibile un unico logo circolare con cursore attraverso rapidi stili ispirati alla storia dell'arte, per chiudere su un logo fermo bianco su nero.
Progetto ufficiale
Grafiche
Composizione Aurora Field WebGL2 animata automaticamente di OpenDesign
Un campo di rumore blu-verde animato automaticamente dà atmosfera a un hero WebGL, mentre un titolo fisso e un piccolo badge locale del frame rate ancorano la scena.
Template ufficiale
Grafiche
Aurora Veil interattivo originale — composizione shader OpenDesign di OpenDesign
Aurora Veil è una composizione shader interattiva che trasforma luce stratificata, stelle e movimento del cursore in un hero WebGL atmosferico.
Template ufficiale
Grafiche
Documento di specifica di prodotto Northwind per l’autenticazione a due fattori di OpenDesign
Una proposta Northwind per l’autenticazione a due fattori collega responsabilità, ambito, user story, quattro obiettivi di esempio, fasi di rilascio e decisioni irrisolte.
Template ufficiale
Slide
Deck OpenDesign sulla storia del brand per partner e stampa di OpenDesign
Il design di presentazione della storia del brand offre a partner, stampa e community un’unica narrazione basata su prove, dalle convinzioni ai canali, al calendario e alla verifica.
Template ufficiale
Siti web
Sito web di rivista editoriale brutalista Field Unit 04 tramite OpenDesign
Design di sito web per rivista brutalista trasforma un numero dalla forma cartacea in un sistema di lettura web leggibile, abbinando una tipografia audace a una struttura editoriale misurata.
Template ufficiale
Grafiche
Caustic Pool interattivo originale — composizione shader OpenDesign di OpenDesign
Un campo luminoso WebGL color teal combina filamenti caustici brillanti con una tipografia fissa e un’increspatura attivata dal puntatore che piega brevemente il motivo.
Template ufficiale
Grafiche
Caso clinico fittizio di medicina d'emergenza con parametri vitali, accertamenti e gestione di OpenDesign
Il design di un report di caso clinico organizza una presentazione d'emergenza fittizia in un percorso leggibile, dai sintomi e dalle osservazioni agli accertamenti, alla valutazione e alla gestione.
Template ufficiale
App
Posta in arrivo di GitHub per richieste di revisione e menzioni di OpenDesign
Il design di un'app per la posta in arrivo delle revisioni del codice riunisce richieste di revisione, errori CI, issue assegnate e attività in uno spazio di lavoro unico, facile da consultare per il triage quotidiano.
Template ufficiale
Motion design
Video motion per traguardo della community di OpenDesign
Un video motion OpenDesign di 30 secondi passa dal reveal delle 100K stelle a un mosaico di contributor, a un montaggio del prodotto e a un invito finale a scrivere un prompt.
Progetto ufficiale
Dashboard
Analisi multipiattaforma dei contenuti social con mappe di calore del coinvolgimento e grafici dei ricavi di OpenDesign
Una dashboard scura per i contenuti collega le panoramiche delle piattaforme all'analisi dei grafici, alla pianificazione delle bozze e a una visione più approfondita dei segnali relativi al pubblico e alle conversioni.
Template ufficiale
Grafiche
Email digest quotidiana di Gmail raggruppata per priorità di OpenDesign
Il design di un digest email quotidiano trasforma un briefing Gmail di sei messaggi in un percorso di lettura ordinato per priorità, per decidere cosa gestire per primo.
Template ufficiale
App
App mobile gamificata di missioni quotidiane Level, mostrata in tre schermate distinte di OpenDesign
Il design dell'app di missioni quotidiane trasforma gli obiettivi di ogni giorno in un percorso mobile a tre schermate, con XP di esempio, card per categoria e dettaglio delle attività.
Template ufficiale
Siti web
Documentazione per sviluppatori di Filebase e quickstart della CLI di OpenDesign
Una quickstart della CLI di Filebase abbina la navigazione della documentazione a una sequenza di lettura chiara: installazione, autenticazione e sincronizzazione delle cartelle.
Template ufficiale
Siti web
Landing page editoriale per prodotti OpenDesign su carta dai toni caldi tramite OpenDesign
Il design di siti web editoriali per prodotti utilizza carta dai toni caldi, caratteri fuori scala e una lettura articolata in capitoli per presentare uno studio che privilegia il funzionamento locale come una pubblicazione d'autore.
Template ufficiale
Grafiche
Piano di onboarding per neoassunti di Northwind con primo giorno e traguardi a 30/60/90 giorni di OpenDesign
Questo design di una guida all'onboarding trasforma il primo giorno, la prima settimana e i traguardi a 30/60/90 giorni di un neoassunto in un percorso pratico con punti di verifica visibili.
Template ufficiale
Siti web
Articolo di ingegneria di Filebase sulla riscrittura di un motore di sincronizzazione in Rust di OpenDesign
Un articolo di ingegneria combina una colonna di lettura stretta e un'introduzione in corsivo con un pannello dal gradiente caldo, una fascia di metriche di esempio e compromessi tecnici espliciti.
Template ufficiale
Siti web
Landing page SaaS di Filebase per la sincronizzazione dei file efficiente in termini di larghezza di banda di OpenDesign
Una landing page per la sincronizzazione dei file abbina un titolo incentrato sulla larghezza di banda a tre colonne numerate di vantaggi, nomi di aziende illustrativi e piani Solo, Team ed Enterprise a contrasto.
Template ufficiale
Grafiche
Curriculum cinese per senior frontend engineer a due colonne tramite OpenDesign
Questo design di curriculum cinese a due colonne abbina una cronologia professionale dettagliata a sezioni compatte per competenze, istruzione e lingue.
Template ufficiale
Slide
Memorandum di finanziamento Series A di Quartz con una sobria tipografia editoriale tramite OpenDesign
Il memorandum di raccolta fondi in dieci slide di Quartz abbina una sobria tipografia serif a principi di prodotto, dati esemplificativi sulla traction e una richiesta di finanziamento rivolta a un ristretto pubblico di investitori.
Template ufficiale
Motion design
Design di Video Motion Futuristico di OpenDesign
Un reel blu elettrico renderizzato con tunnel di parole, conto alla rovescia SET e finale cromato FUTURE, rifatto in codice su una griglia di tagli a 120 BPM. Scopri i tempi e come adattarlo.
Template ufficiale
Grafiche
Report mensile di crescita in cinese con KPI, andamenti, tabella dati grezzi e insight tramite OpenDesign
Un layout di report in cinese riunisce quattro card KPI, grafici di andamento abbinati, nove righe mensili di esempio e tre card di insight in un unico documento verticale.
Template ufficiale
Slide
Deck per il meeting sulle metriche di Ops e Growth, con diagnosi del calo di conversione in Safari di OpenDesign
Il design della presentazione per il meeting sulle metriche di crescita trasforma un problema di conversione in Safari in una narrazione focalizzata che si conclude con un'unica decisione assegnata.
Template ufficiale
Grafiche
Composizione WebGL2 con campo a mezzatinta reattivo al cursore di OpenDesign
Un retino puntinato ruotato trasforma un campo fluido arancione e color crema in una texture ispirata alla stampa, con un’influenza del puntatore attenuata gradualmente e una tipografia fissa in basso a sinistra.
Template ufficiale
Grafiche
Holographic Foil interattivo originale — composizione shader OpenDesign di OpenDesign
Una superficie procedurale multicolore simile a una lamina cambia nel tempo e in base alla posizione del puntatore, sotto un titolo fisso su due righe, piccole etichette di anteprima e un suggerimento per l'inclinazione.
Template ufficiale
Slide
Deck decisionale sulla telemetria dell'incidente e sulla riprogettazione del resolver di Operation Halcyon tramite OpenDesign
Incident Telemetry — Operation Halcyon trasforma un'interruzione runtime illustrativa in un briefing ordinato per tracciare cause, rischi e decisioni.
Template ufficiale
Siti web
Homepage portfolio interattiva a schermo intero, monospaziata, di OpenDesign di OpenDesign
Il design di siti portfolio interattivi di OpenDesign combina un'interfaccia monospaziata, un'identità 3D spaziale e una griglia di progetti per uno storytelling local-first.
Template ufficiale
Grafiche
Liquid Iridescence interattivo originale — composizione shader OpenDesign di OpenDesign
Un vivido effetto olio su acqua scorre sotto una tipografia fissa, mentre l'input del puntatore, smorzato, piega un campo cromatico procedurale privo di texture.
Template ufficiale
App
Briefing Linear sulle issue con avanzamento del ciclo e lavoro assegnato di OpenDesign
Il design dell'app per briefing sulle issue trasforma un digest quotidiano in stile Linear in uno spazio di lavoro desktop mirato su stato del ciclo, elementi da seguire e cronologia delle issue.
Template ufficiale
Grafiche
Charlotte & Vine: composizione di tipografia cinetica con globo orbitale di OpenDesign
Un globo wireframe in rotazione, linee orbitali annidate e un carattere serif con accenti arancione ruggine compongono uno studio editoriale in movimento, caldo, sulla portata internazionale.
Template ufficiale
Grafiche
Documento digest mattutino in stile Notion con modifiche, menzioni e aggiornamenti dei database di OpenDesign
Un digest mattutino datato in stile Notion separa modifiche ai documenti, menzioni dirette e righe di stato dei progetti in una sequenza compatta per la revisione quotidiana.
Template ufficiale
Grafiche
Composizione shader Liquid Metal animata automaticamente di OpenDesign
Un campo dall’aspetto simile al cromo in continua trasformazione unisce rumore deformato, colore iridescente e riflessi che scorrono sotto la tipografia fissa in basso a sinistra.
Template ufficiale
Siti web
Sito web di marketing immobiliare di lusso Velar di OpenDesign
Velar è un design di sito web per immobili di lusso che unisce immagini architettoniche cinematografiche, una tipografia sobria e un percorso editoriale studiato con cura.
Template ufficiale
Siti web
Wireframe di una landing page di marketing Acme con barra laterale di annotazioni di OpenDesign
Un wireframe di marketing Acme abbina cinque aree numerate della pagina a una barra laterale di specifiche, mostrando dove le note di design coincidono con il layout implementato o se ne discostano.
Template ufficiale
App
Flusso di acquisto di un marketplace in quattro wireframe mobile distinti di OpenDesign
Un wireframe mobile in quattro schermate mappa onboarding, navigazione, dettaglio prodotto e conferma in un percorso di acquisto lineare.
Template ufficiale
Slide
Presentazione per un lab meeting di ricerca sui microbi intestinali e il sonno profondo tramite OpenDesign
L'esempio di ricerca in nove slide di Raman Lab usa divisori blu navy, slide crema per le evidenze e un'avvertenza sulla causalità per dare ritmo a un'argomentazione illustrativa su intestino e sonno.
Template ufficiale
App
Flusso di onboarding mindfulness di Lull con tre schermate di smartphone di OpenDesign
Il design dell'app di onboarding mindfulness usa tre schermate mobile rilassanti per presentare la pratica di Lull, adattarne la promessa e mostrare le opzioni di account.
Template ufficiale
Dashboard
Briefing di lavoro mattutino personale con notifiche raggruppate per fonte e priorità delle attività di OpenDesign
Questo design trasforma una giornata di lavoro fitta in un briefing desktop calmo, raggruppato per fonte, che affianca le attività prioritarie al contesto di progetti, messaggi e documenti.
Template ufficiale
Motion design
Design di showreel per motion designer di OpenDesign
Uno showreel di 15 secondi a 128 BPM rifatto in codice, con stacchi di colore netti, un HUD dal vivo e sette capitoli a tempo di battuta. Scopri come funzionano tempi, tipografia e palette.
Template ufficiale
Grafiche
Tre card social coordinate sul tema di andare avanti e guardare al futuro di OpenDesign
Tre card quadrate statiche abbinano brevi frasi motivazionali a scene sfumate, sagome astratte, etichette numerate e un trattamento serif condiviso.
Template ufficiale
Grafiche
Composizione shader synthwave con orizzonte animato automaticamente di OpenDesign
Un sole retrò a bande ancora un orizzonte viola, mentre sotto scorre una griglia al neon sul pavimento, con un titolo fisso e pochi dettagli procedurali nel cielo.
Template ufficiale
Slide
Presentazione per la decisione sulla riprogettazione del modello operativo di Meridian Freight tramite OpenDesign
Meridian Freight trasforma la diagnosi del modello operativo in una presentazione mirata alla decisione, collegando pressione sui costi, scelte strategiche, valore e una roadmap di 18 mesi.
Template ufficiale
Slide
Revisione operativa OpenDesign con decisione su riduzione del burn e BYOK di OpenDesign
Questo design trasforma una decisione di sostenibilità in una narrazione di sei slide per il consiglio, abbinando una raccomandazione netta a opzioni e compromessi espliciti.
Template ufficiale
Motion design
Animazione Paper Cutout di OpenDesign
Un film paper cutout di 20 secondi trasforma una domanda scritta a mano in cinque dimostrazioni di design, poi le raccoglie in un libro di possibilità.
Template ufficiale
Grafiche
Visualizzatore di campo di particelle in Canvas 2D con Web Worker locale ed etichette runtime di OpenDesign
Un fitto campo di punti verdi accompagna un titolo sul calcolo fuori dal thread principale, con etichette su numero di particelle, trasporto e rendering locale su una tela quasi nera.
Template ufficiale
Grafiche
Composizione di una galassia WebGL2 da 50000 punti con animazione automatica di OpenDesign
Tre deboli bracci a spirale evolvono su un canvas WebGL2 scuro sotto una tipografia fissa, con conteggi di punti e chiamate di disegno definiti nel sorgente e un indicatore FPS locale.
Template ufficiale
Grafiche
Poster editoriale in movimento sul 1889 con sprite pixel art, ispirato a Nintendo di OpenDesign
Un poster editoriale in movimento su fondo crema unisce una carta da gioco a fiore in pixel art, una tipografia 1889 sovradimensionata, lettering giapponese animato e una timeline a scorrimento.
Template ufficiale
Siti web
Landing page desktop per il prodotto Pomodoro Tomato di OpenDesign
Una landing page Tomato incentrata sul focus imposta cicli di lavoro da 25 minuti con tipografia sobria, sezioni guidate dai vantaggi e una call to action diretta da singolo utente a team.
Template ufficiale
Grafiche
Design di email per il lancio di un prodotto di OpenDesign
Un'email di lancio per sneaker abbina un'illustrazione arancione del prodotto a una tipografia sovradimensionata, una sola azione d'acquisto e quattro specifiche su una stretta tela color crema.
Template ufficiale
Motion design
Design di video in motion per il lancio di prodotto di OpenDesign
Un filmato di lancio OpenDesign di 37 secondi passa da un’apertura pittorica a una fitta sequenza di esempi di design e tipografia cinetica, fino a una sobria chiusura con il logo.
Progetto ufficiale
Motion design
Motion Design per Promo di Prodotto di OpenDesign
Una promo di 15 secondi passa da una mascotte halftone e dalle card dei prodotti a un checkout in scena, per poi risolvere il messaggio nel wordmark Pennyflow.
Template ufficiale
Siti web
Pagina waitlist “coming soon” di Meridian con grafica geometrica a spirale e griglia e un ticker animato di OpenDesign
Meridian abbina un messaggio di lancio di grandi dimensioni a un modulo di iscrizione compatto e a un ticker “Coming Soon” in loop, dando alla sua pagina waitlist un'identità di lancio distintiva.
Template ufficiale
Grafiche
Report finanziario Northwind del Q3 con evidenze su ricavi, costi e conto economico di OpenDesign
Il design del report finanziario trimestrale trasforma dati finanziari illustrativi in una narrazione su una sola pagina che collega KPI principali, confronti, clienti e prospettive.
Template ufficiale
Dashboard
Dashboard OKR trimestrale di Northwind con responsabili dei key result e blocchi di OpenDesign
Questa dashboard OKR trimestrale raggruppa obiettivi, responsabili, avanzamento dei key result e un blocco sull'organico, così i team leggono lo stato di delivery accanto a una decisione.
Template ufficiale
Grafiche
Card tipografica di citazione con identità dell'autore in stile social tramite OpenDesign
Una citazione in cinese con nomi tecnologici in caratteri latini, accenti dorati e crediti d'autore visibili occupa una tela editoriale scura a griglia.
Template ufficiale
Grafiche
Scultura WebGL2 a distanze con segno, animata automaticamente di OpenDesign
Cinque forme di un campo di distanze, fuse con morbidezza, orbitano su una tela blu navy, con ombre morbide, bordi luminosi, una lenta orbita automatica della camera e tipografia fissa.
Template ufficiale
Dashboard
Dashboard di analisi delle relazioni con mutuals e andamento del match rate di OpenDesign
Il design della dashboard di analisi delle relazioni trasforma segnali di esempio su mutuals, community e match rate in uno spazio di lavoro desktop facile da leggere, per confrontare lo stato attuale con le tendenze recenti.
Template ufficiale
Dashboard
Dashboard OpenDesign delle metriche di un repository con stelle, attività e contributori di OpenDesign
Il design di dashboard per le metriche di un repository trasforma segnali di esempio in uno spazio di lavoro desktop facile da scorrere, per confrontare crescita, partecipazione e lavoro recente.
Template ufficiale
Siti web
Pagina di confronto prezzi SaaS di Filebase per la decisione di acquisto di OpenDesign
Il design di un sito web per prezzi SaaS trasforma la scelta del piano in un percorso d'acquisto leggibile, con opzioni di fatturazione, dettagli dei piani, righe di confronto e domande mirate.
Template ufficiale
Dashboard
Panoramica analitica dei ricavi SaaS di Pulse di OpenDesign
Questo design di dashboard per ricavi SaaS riunisce in una sola panoramica metriche di abbonamento, grafico dei ricavi a 30 giorni, stati degli account ed eventi recenti.
Template ufficiale
Siti web
Runbook operativo del servizio di identità Northwind di OpenDesign
Il design del runbook di auth-service riunisce responsabilità del servizio, risposta agli alert, procedure di rilascio e passaggi di consegna degli incidenti in un unico riferimento operativo facile da consultare.
Template ufficiale
Dashboard
Dashboard OpenDesign di analisi social su X con crescita dei follower e geografia del pubblico di OpenDesign
Il design della dashboard per il pubblico social riunisce crescita su X, geografia del pubblico, segnali di pubblicazione e feedback della community in un unico spazio desktop da leggere a colpo d'occhio.
Template ufficiale
Grafiche
Poster bilingue di rilascio prodotto per HTML Anything tramite OpenDesign
Un poster verticale per il rilascio di un software abbina un lettering enorme bianco e oro a quattro claim di funzionalità, un gradiente da caldo a viola e elementi tecnici nel piè di pagina.
Template ufficiale
App
Sprint board del Northwind Growth Squad con barra laterale per carico di lavoro e Sprint Pulse di OpenDesign
Il design dell'app Northwind Sprint Board riunisce stato dello sprint, assegnazione dei ticket, stime e blocchi in un unico spazio di lavoro desktop leggibile a colpo d'occhio.
Template ufficiale
Dashboard
Dashboard esami per studenti Zentou AI in stile wireframe disegnato a mano di OpenDesign
Il wireframe della dashboard esami organizza punteggi di esempio, progressi, materie e prossimi passi in una panoramica di studio da desktop in stile schizzo.
Template ufficiale
Grafiche
Fattura cliente di Sable Studio con voci di dettaglio, totali e istruzioni di pagamento di OpenDesign
Il design di fattura per studio organizza ambito del progetto, compensi dettagliati, termini di pagamento, rettifiche e note di pagamento in un unico documento cliente esteso.
Template ufficiale
Grafiche
Documento della riunione settimanale del Growth Squad con decisioni e azioni da svolgere di OpenDesign
Il design di verbali di riunione del team trasforma l'agenda settimanale del Growth Squad in un resoconto leggibile di tempi, decisioni, responsabilità, questioni aperte e prossima riunione.
Template ufficiale
Dashboard
Dashboard di team FlowAI con tabella dei membri, grafici dei ruoli e schede di attività di OpenDesign
Il design della dashboard di team FlowAI organizza stato dei membri, distribuzione dei ruoli, andamento dell'attività e segnali di rischio in uno spazio di lavoro desktop mirato.
Template ufficiale
Dashboard
Dashboard di workspace di team Acme in stile Notion con attività e riepiloghi di progetto di OpenDesign
Il design della dashboard di workspace di team riunisce stato delle attività, cronologia, volume settimanale e segnali di revisione in un'unica vista desktop facile da scorrere.
Template ufficiale
Siti web
Sito marketing di Quartz, workspace per il technical writing tramite OpenDesign
Quartz è un design di sito per il technical writing che trasforma il concept di uno spazio di lavoro editoriale in un percorso mirato dalla bozza alla pubblicazione.
Template ufficiale
Dashboard
Dashboard di simulazione del rischio e dell'esecuzione di trading con grafici esplicativi di OpenDesign
Il design della dashboard per simulatore di trading riunisce segnali, contesto della option chain, stati di esecuzione e grafici di rischio in un unico spazio di simulazione da rivedere.
Template ufficiale
Motion design
Design di animazioni UI morph di OpenDesign
Un film di 14 secondi creato solo con il codice, in cui una forma si trasforma in player, schede e palette comandi, con ogni cambiamento causato da un cursore a 120 BPM.
Template ufficiale
Motion design
Design di video motion per il reset dell'utilizzo di OpenDesign
Un video motion quadrato di sei secondi di OpenDesign abbina un anello di tacche radiali a due barre di avanzamento con etichetta, poi si ferma su uno stato completato in verde.
Progetto ufficiale
Grafiche
Composizione di celle Voronoi in WebGL2 reattiva al cursore di OpenDesign
Celle colorate irregolari si spostano su un canvas WebGL2, con bordi chiari luminosi, distorsione graduale indotta dal puntatore e tipografia fissa di grandi dimensioni.
Template ufficialeRimuovi i filtri per vedere tutti i progetti o sfoglia un altro tipo di lavoro.
Si usa la paginazione invece dello scorrimento infinito, così ogni progetto resta accessibile tramite tastiera e ai crawler.
Comunità
Un hackathon della community appena concluso e una serie di valutazioni in cui dieci modelli hanno risposto agli stessi brief.
I designer hanno pubblicato su X prodotti realizzati con OpenDesign, con un post e un link alla community per ogni partecipante. Le candidature sono state classificate in base ai Mi piace.
Sei brief, ciascuno affrontato da due modelli. Ogni pagina indica il modello e l’attività, così puoi confrontare le risposte fianco a fianco.
Filtra gli esempi di design qui sopra per tipo di risultato e apri quello più simile a ciò che vuoi realizzare. Leggi il brief, scopri quale modello è stato usato e quali scelte di layout illustra; annota cosa manterresti e cosa cambieresti.
Specifica il tipo di risultato, le schermate o le sezioni, i contenuti di esempio e l’interazione più importante. Indica quali informazioni sono reali e quali sono segnaposto, così il design non inventa fatti.
Crea il design di un sito web per una panetteria di quartiere immaginaria. Includi un’area principale con i prodotti da forno di oggi, un menu suddiviso tra mattina e pomeriggio, gli orari di apertura e un modulo per i preordini con campi segnaposto chiaramente etichettati. Mantieni la navigazione letterale, crea ogni titolo come testo reale e includi un layout mobile leggibile.
Scegli il modello di cui ti fidi per il layout e i testi. Per vedere come due modelli affrontano lo stesso brief, eseguilo in LLM Arena per primi, come negli esempi di design di Arena presenti in questa pagina.
Richiedi modifiche a una sezione alla volta: gerarchia, spaziatura, stati e testi. Controlla il layout su mobile e lo stato con movimento ridotto prima di estendere un effetto a tutta la pagina.
Esporta il design finito come HTML, poi usa Condividi in OpenDesign per ottenere un link. Aprilo in una finestra separata del browser e verifica che vengano caricate la versione desiderata e le relative risorse prima di inviarlo.
Inizia
Gratuito, open source e in esecuzione sul tuo computer con le tue chiavi. Prepara un brief, scegli un modello e realizza un sito web, un’app, una dashboard o una presentazione da condividere.
Versioni desktop per macOS e Windows. Gratis e open source con licenza Apache-2.0.
