Wise
Muschio intenso con una tensione calcarea. Scintille di calcare sul suolo quasi nero della foresta, e figure massicce e angolari segnalano ogni movimento.
Il carattere tipografico Wise si esprime con una voce sicura e leggermente forte: un verde foresta intenso (#163300) occupa la maggior parte della superficie – testo, navigazione, sezioni scure, icone – mentre un singolo verde lime brillante (#9fe870) funge da punteggiatura funzionale per le call to action, le schede attive e gli elementi chiave. Il carattere è quasi aggressivo: Wise Sans con un peso di linea di 900, fittamente ravvicinato, spicca in lettere grandi (oltre 100px) nella schermata iniziale. Il resto del sistema rimane discreto su uno sfondo bianco sporco con superfici grigio chiaro (#e8ebe6). I componenti hanno di default una forma a pillola – pulsanti, segmenti di navigazione, miniature delle caselle di controllo, maschere immagine – con piccoli raggi (10px) riservati a schede e campi di input. Le sfumature di colore sono rare; al contrario, la combinazione di salamandra e verde foresta cambia gradualmente man mano che le sezioni si scuriscono, creando un ritmo senza eccessivi ornamenti.
Un contenitore centrato con una larghezza massima di 1200 pixel, caratterizzato da una sezione superiore scura che si estende per tutta la larghezza della pagina. L'intestazione presenta un titolo di grandi dimensioni centrato su sfondo bianco, con un'ampia illustrazione (un globo) che si estende oltre il bordo inferiore della finestra di visualizzazione. Il ritmo delle sezioni alterna il bianco, il verde chiaro e una sezione scura color "inchiostro foresta", creando un ritmo cromatico naturale. Il layout dei contenuti è principalmente centrato: blocchi di testo e immagini disposti su due colonne nella parte superiore, oppure righe con elementi principali disposti su tre colonne nelle sezioni secondarie. Per visualizzare l'elenco dei paesi viene utilizzata una griglia a cinque colonne con le bandiere. La navigazione è costituita da una singola barra superiore fissa con un interruttore segmentato. Il codice QR rimane fisso nell'angolo inferiore destro a qualsiasi livello di scorrimento.
Illustrazioni 3D raffiguranti un globo con monete d'oro creano l'universo visivo del marchio: tattile, leggermente surreale, realizzato con sfumature delicate e luci calde. La fotografia è minimalista; quando utilizzata, è ad alta luminosità e informale. Le bandiere nazionali sono presentate come miniature circolari in una griglia a cinque colonne: l'unico sistema "iconico" è l'identità nazionale. Nessun elemento grafico astratto, nessun modello standard. Il globo e le monete sono un motivo ricorrente della mascotte, a simboleggiare la portata globale attraverso un singolo oggetto caldo e ottimista, piuttosto che un montaggio.
Tavolozza
Marca
- Forest Ink
#163300— Lo stile scuro dominante del marchio – testo di navigazione, sfondi scuri delle sezioni, testo del corpo su superfici chiare, contorni delle icone ed elementi di navigazione pieni – è ciò che ne definisce la forza: ovunque sia necessaria autorevolezza o peso, la scelta ideale è Forest Ink. - Lime Voltage
#9fe870— Il verde viene utilizzato come colore secondario per dettagli decorativi e per evidenziare le query di ricerca meno frequenti. Non dovrebbe essere utilizzato come colore principale per le call to action. - Spruce
#054d28— Un verde scuro secondario viene utilizzato per le superfici delle carte, per le icone secondarie e per dare profondità alle aree scure dove l'inchiostro Forest Ink risulta troppo saturo.
Neutro
- Linen Mist
#e2f6d5— Una tonalità di verde chiaro per delicati riflessi sulle superfici, sfondi colorati delle carte e stati al passaggio del mouse sulle barre di navigazione. Una sottile sfumatura di verde distintivo per elementi di design dei contenitori discreti. - Signal Blue
#0b4c72— Il colore blu funge da ulteriore accento per i dettagli decorativi e per enfatizzare le basse frequenze. - Alarm Red
#cb272f— Il rosso funge da accento di supporto per i dettagli decorativi e per evidenziare colori insoliti. Usalo come accento di supporto, non come colore che esprime status. - Charcoal
#454745— Testo del corpo, testo del corpo, interfaccia utente ricca - un nero leggermente caldo che risulta più morbido di un puro #000 su sfondo bianco. - Obsidian
#0e0f0c— Intestazioni, intestazioni ad alto contrasto, elementi neri puri nella navigazione e nel menu principale. Nero con una leggera sfumatura verdastra, non un grigio neutro. - Pebble
#868685— Testo secondario, testo segnaposto, contorni delle icone e bordi dei campi di input dai colori tenui. Grigio medio, che sfuma in lontananza.
Tipografia
da 12 a 105 pixel · 10 passaggi
- Inter — sostituzione: Inter (native Google Fonts) · contorni 400,500,600,700 · Testo principale, interfaccia utente, didascalie e sottotitoli in tutto il prodotto. Per i titoli di livello intermedio (36-45 px) viene utilizzato un font di peso 700, per sottotitoli e didascalie un font di peso 500-600 e per il testo principale e le didascalie un font di peso 400. Inter offre un aspetto più sobrio, mentre Wise Sans offre un aspetto più audace.
- Wise Sans — sostituzione: Inter Black (900) with -0.04em tracking · contorni 900 · I titoli sono il biglietto da visita di un marchio. Un font super denso da 900 punti con un passo di 89-105 pixel e una spaziatura tra le lettere ridotta trasforma ogni titolo in un annuncio audace e d'impatto. Vengono utilizzati con parsimonia: come testo del corpo, per i titoli di sezione e per evidenziare i punti salienti della campagna.
- monospace — sostituzione: Inter · contorni 400 · monospaziato - trovato nei dati estratti ma non descritto dall'IA.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 8-12px |
| Raggio del pulsante | 9999px |
| Raggio della carta | 10px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 64-80px |
| Larghezza del pannello | 1200px |
L'IA creerà il tuo sito web nello stile Wise e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Integrated Biosciences — laboratorio di bioluminescenza a mezzanotte
- Huly — Aurora boreale all'Osservatorio di mezzanotte: il protagonista è un raggio verticale di viola che sfuma nel corallo, e ogni sezione tranquilla sottostante riprende la stessa storia bicolore raccontata con un tono più tenue.
- Dia Browser — Lo spazio di una galleria in camera oscura si fonde con la redazione di un quotidiano. La scena immersa nel buio più totale rivela una doppia pagina illuminata dal sole, ogni sezione contrassegnata da un singolo titolo con caratteri serif.
- Mintlify — Un giardino di nuvole sopra un tavolo di vetro. Il cielo disegnato a mano e il documentario sono incorniciati insieme: l'unico punto in cui colore e concetto si fondono prima che la pagina svanisca in un bianco monastico.
- Gleap — Uno spazio di lavoro decorato con calde tonalità crema e accenti color grafite: uno studio dove punti di inchiostro nero opaco sembrano fluttuare sopra la struttura in lino.
- ClickUp — Una dashboard di grande impatto su sfondo di marmo bianco. La pagina è una brochure di prodotto per uno strumento di produttività, quindi il linguaggio visivo è mutuato dal prodotto stesso: elenchi densi, indicatori di stato, gruppi di avatar e affermazioni tipografiche in grassetto che sembrano le specifiche di un prodotto esposto.
- monday — Laboratorio bianco con adesivi pastello
- Portal — Twilight Serif Editorial - Un servizio fotografico di alta qualità per una rivista indipendente, progettato in stile iOS.
- Slack — Il palcoscenico è color melanzana con faretti bianchi. Una profonda tonalità prugna domina le zone d'ombra, mentre la tela bianco sporco permette ai grandi titoli d'avanguardia di risaltare liberamente.
- Base44 — Quaderno illuminato dal sole con pennarello verde lime
- Letters — Una visita mattutina in una clinica all'aperto: un tavolo bianco sterile sotto un soffitto azzurro tenue, cosparso di strumenti chirurgici blu.
- Duolingo — Parco giochi verde con linee di segnaletica spesse