Figma
chassis monocromu per u caos cromaticu
L'interfaccia funziona cum'è un cuntainer strutturale strettu è à altu cuntrastu, dendu una dominanza visuale cumpleta à u cuntenutu generatu da l'utente. A basa hè una paleta stretta da #000000 à #ffffff, chì evita e sfumature suttili di grisgiu in favore di un cuntrastu massimu assolutu per i bordi primari è u testu. A ghjerarchia tipografica hè basata guasi interamente nantu à a dimensione è a spaziatura negativa aggressiva di e lettere piuttostu chè nantu à variazioni di culore, trasfurmendu e grande linee di testu in blocchi grafichi densi. A logica di u raghju di u bordu crea una dicotomia netta: i "chiodi" esterni di 50px per l'elementi di navigazione glubale cuntrastanu deliberatamente cù l'anguli netti di 0px di i cuntainer di cuntenutu.
E cumpusizioni sò basate annantu à bordi di larghezza massima estrema (1440px max) chì centranu a finestra di visualizazione è includenu gruppi densi di cuntenutu separati da un macro-spaziu generosu (96-120px di spaziu biancu trà e sezioni). L'archetipu "eroe" utilizza spessu una galleria asimmetrica d'imagine ancorate dinamicamente sottu à un bloccu UI flottante è perfettamente centratu. Sottu à a piega, l'infurmazioni si cunformanu subitu à una griglia stretta di quattru colonne senza margini, incorniciendu gruppi ripetuti di carte, massimizendu a densità di l'uggetti mentre eliminanu i margini da a cornice.
U cuncepimentu visuale hè basatu annantu à risultati centrati nantu à l'utilizatore. L'imagine sò visualizate cum'è quadrati piatti, senza cornice o frammenti spargugliati è sovrapposti, chì ricordanu oggetti fisichi, contr'à un sfondate austeru è viotu. L'imagine sò l'unica fonte di culore nantu à u situ web. Ùn ci sò micca elementi di fotografia di stile di vita o illustrazioni aziendali standard - ogni elementu graficu hè un'istantanea precisa è litterale di una tela digitale, chì funziona simultaneamente cum'è prova di produttu è cum'è elementu esteticu primariu.
Paletta
Marca
- Context Action Violet
#4d49fc— Chjama à l'azzione primaria lucalizzata in i sottopannelli - un solu culore interruttivu definisce u puntu focale.
Neutru
- Absolute Canvas
#ffffff— Sfondu di pagina, barre di strumenti flottanti, basi di pannelli rialzate. - Structural Ink
#000000— Carattere basicu, fondu di buttone solidu, contorni di i buttoni. - Graphite Metadata
#595959— Testu autorale secundariu, sottutestu lucalizatu, valori di segnapostu - Boundary Frame
#e2e2e2— Separatori suttili è limiti di campi d'input inattivi. - Angular Teal
#33dfdf— Effetti decorativi, indicatori di carica è visualizazione attiva di u cursore.
Tipografia
da 12 à 72px · 6 passi
- figmaSans — rimpiazzamentu: Inter · contorni 320, 330, 340, 400, 450, 480, 520, 700 · Un strumentu versatile chì gestisce tuttu, da i tituli di visualizazione à l'etichette di navigazione. Crea un aspettu unicu mudificendu u tracciamentu negativu otticu.
- figmaMono — rimpiazzamentu: JetBrains Mono · contorni 400 · Microtag, tracciamentu di coordinate è sfumature tecniche chì funzionanu più cum'è elementi di l'interfaccia utente chè cum'è cuntenutu.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 24px |
| Raggiu di u buttone | 8px |
| Raggiu di a carta | 12px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 96-120px |
| Larghezza di a pagina | 1440px |
L'IA custruisce u vostru situ web in stile Figma è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Caldera — Forgia u focu nantu à u calcariu caldu. A tela hè di gesso crudu è caldu, è ogni elementu aranciu pare braci fumanti pressate in a superficia.
- Vercel — Terminale stampatu nantu à carta bianca
- Dylanbrouwer — Fonderia brutalista à u tramontu
- Headspace — Un angulu di benessere assulanatu nantu à carta calda
- WHOOP — Laboratoriu di spettaculu à mezanotte - tavule di laburatoriu clinicu bianche sottu à un viotu teatrale neru, un unicu impulsu viulettu d'elettricità
- (dot)connect — Un disegnu d'ingegneria svizzera cù un solu pezzu di carbone
- Together AI — Cunsola di ricerca nantu à carta glaciale
- Vivid+Co — luce prismatica attraversu l'ossidiana
- Sequel — Una pruiezione privata dopu à u tramontu hè l'unica luce calda in un cinema altrimenti bughju.
- v0 by Vercel — Disegnu di tornu. A precisione è a funziunalità sò primordiali, cù ogni elementu chì serve un scopu chjaru nantu à una superficia pulita è tecnicamente perfetta.
- ThoughtLab — Un munumentu d'ossidiana cù un signale cremisi. Una tela di viotu neru, induve l'unicu oggettu rossu saturatu in a catedrale, stampatu in grande lettere bianche, hè una sola figura cromatica.
- Dovetail — Un pianu sottu à una luna nera - linee grafiche appena visibili, caratteri bianchi, una scintilla viola