Figma
Telaio monocromatico per il caos cromatico
L'interfaccia funge da contenitore strutturale rigoroso e ad alto contrasto, conferendo un dominio visivo completo ai contenuti generati dagli utenti. La base è una palette di colori rigida che va da #000000 a #ffffff, evitando sfumature di grigio a favore del massimo contrasto assoluto per bordi e testo principali. La gerarchia tipografica si basa quasi interamente sulle dimensioni e su un'aggressiva spaziatura negativa tra le lettere, piuttosto che sulle variazioni di colore, trasformando lunghe righe di testo in densi blocchi grafici. La logica del raggio di curvatura dei bordi crea una netta dicotomia: i "bordi" esterni di 50px per gli elementi di navigazione globali contrastano volutamente con gli angoli netti di 0px dei contenitori di contenuto.
Le composizioni si basano su bordi di larghezza massima estrema (1440px max) centrati nella viewport e includono densi gruppi di contenuti separati da un ampio macro-spazio (96-120px di spazio bianco tra le sezioni). L'archetipo "hero" utilizza spesso una galleria asimmetrica di immagini ancorate dinamicamente sotto un blocco UI fluttuante e perfettamente centrato. Nella parte inferiore della pagina, le informazioni si conformano immediatamente a una rigorosa griglia a quattro colonne senza margini, incorniciando gruppi ripetuti di schede, massimizzando la densità degli oggetti ed eliminando i margini dalla cornice.
Il design visivo si basa su risultati incentrati sull'utente. Le immagini vengono visualizzate come quadrati piatti e senza cornice o come frammenti sparsi e sovrapposti, che ricordano oggetti fisici, su uno sfondo neutro e vuoto. Le immagini sono l'unica fonte di colore del sito web. Non sono presenti elementi di fotografia lifestyle o illustrazioni aziendali standard: ogni elemento grafico è un'istantanea precisa e letterale di una tela digitale, che funge contemporaneamente da anteprima del prodotto e da elemento estetico primario.
Tavolozza
Marca
- Context Action Violet
#4d49fc— Invito all'azione primario localizzato all'interno di pannelli secondari: un singolo colore di forte impatto definisce il punto focale.
Neutro
- Absolute Canvas
#ffffff— Sfondo della pagina, barre degli strumenti fluttuanti, basi dei pannelli in rilievo. - Structural Ink
#000000— Carattere semplice, sfondo a tinta unita per i pulsanti, contorni dei pulsanti. - Graphite Metadata
#595959— Testo autorevole secondario, sottotesto localizzato, valori segnaposto - Boundary Frame
#e2e2e2— Separatori sottili e confini di campi di input inattivi. - Angular Teal
#33dfdf— Effetti decorativi, indicatori di caricamento e visualizzazione del cursore attivo.
Tipografia
da 12 a 72px · 6 passaggi
- figmaSans — sostituzione: Inter · contorni 320, 330, 340, 400, 450, 480, 520, 700 · Uno strumento universale che gestisce ogni aspetto, dai titoli visualizzati alle etichette di navigazione. Crea un look unico modificando la tracciatura ottica negativa.
- figmaMono — sostituzione: JetBrains Mono · contorni 400 · Microtag, tracciamento delle coordinate e sfumature tecniche che funzionano più come elementi dell'interfaccia utente che come contenuti.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 24px |
| Raggio del pulsante | 8px |
| Raggio della carta | 12px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 96-120px |
| Larghezza del pannello | 1440px |
L'IA creerà il tuo sito web nello stile Figma 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
- Caldera — Forgiare il fuoco su pietra calcarea calda. La tela è intonaco grezzo e caldo, e ogni elemento arancione sembra braci ardenti premute sulla superficie.
- Vercel — Terminale stampato su carta bianca
- Dylanbrouwer — Fonderia brutalista al tramonto
- Headspace — Un angolo benessere soleggiato su carta calda
- WHOOP — Laboratorio di performance a mezzanotte: tavoli da laboratorio clinico bianchi sotto un vuoto teatrale nero, un singolo impulso elettrico viola
- (dot)connect — Un disegno tecnico svizzero realizzato con un singolo pezzo di carboncino.
- Together AI — Console di ricerca sulla carta glaciale
- Vivid+Co — luce prismatica attraverso l'ossidiana
- Sequel — Una proiezione privata dopo il tramonto è l'unica luce calda in una sala cinematografica altrimenti buia.
- v0 by Vercel — Disegno al tornio. Precisione e funzionalità sono fondamentali, con ogni elemento che assolve a uno scopo preciso su una superficie pulita e tecnicamente perfetta.
- ThoughtLab — Un monumento di ossidiana con un segnale cremisi. Una tela di nero vuoto, dove l'unico elemento rosso intenso nella cattedrale, stampato a grandi lettere bianche, è una singola figura cromatica.
- Dovetail — Un progetto sotto una luna nera: linee del grafico appena visibili, caratteri bianchi, un luccichio viola