Figma
xassís monocrom per al caos cromàtic
La interfície funciona com un contenidor estructural estricte d'alt contrast, que dóna un domini visual complet al contingut generat per l'usuari. La línia de base és una paleta estricta de #000000 a #ffffff, que evita els tons subtils de gris a favor d'un contrast màxim absolut per a les vores i el text principals. La jerarquia tipogràfica es basa gairebé completament en la mida i un espaiat negatiu agressiu entre lletres en lloc de variacions de color, transformant línies grans de text en blocs gràfics densos. La lògica del radi de la vora crea una dicotomia marcada: les "claus" exteriors de 50 px per als elements de navegació global contrasten deliberadament amb les cantonades de 0 px dels contenidors de contingut.
Les composicions es basen en vores d'amplada màxima extrema (1440 px com a màxim) que centren la finestra gràfica i inclouen densos grups de contingut separats per un macroespai generós (96-120 px d'espai en blanc entre seccions). L'arquetip de l'"heroi" sovint utilitza una galeria asimètrica d'imatges ancorades dinàmicament sota un bloc d'IU flotant i perfectament centrat. Sota el plec, la informació s'ajusta immediatament a una quadrícula estricta de quatre columnes sense marges, emmarcant grups repetitius de targetes, maximitzant la densitat dels objectes i eliminant els marges del marc.
El disseny visual es basa en resultats centrats en l'usuari. Les imatges es mostren com a quadrats plans sense marc o fragments dispersos i superposats, que recorden objectes físics, sobre un fons buit i auster. Les imatges són l'única font de color al lloc web. No hi ha elements de fotografia d'estil de vida ni il·lustracions corporatives estàndard: cada element gràfic és una instantània precisa i literal d'un llenç digital, que funciona simultàniament com a prova de producte i com a element estètic principal.
Paleta
Marca
- Context Action Violet
#4d49fc— Crida a l'acció principal localitzada dins dels subpanells: un únic color interruptiu defineix el punt focal.
Neutral
- Absolute Canvas
#ffffff— Fons de pàgina, barres d'eines flotants, bases de panells en relleu. - Structural Ink
#000000— Font bàsica, fons sòlid dels botons, contorns dels botons. - Graphite Metadata
#595959— Text d'autor secundari, subtext localitzat, valors de marcador de posició - Boundary Frame
#e2e2e2— Separadors subtils i límits de camps d'entrada inactius. - Angular Teal
#33dfdf— Efectes decoratius, indicadors de càrrega i visualització activa del cursor.
Tipografia
de 12 a 72px · 6 passos
- figmaSans — reemplaçament: Inter · esquemes 320, 330, 340, 400, 450, 480, 520, 700 · Una eina versàtil que gestiona tot, des dels títols de visualització fins a les etiquetes de navegació. Crea un aspecte únic modificant el seguiment òptic negatiu.
- figmaMono — reemplaçament: JetBrains Mono · esquemes 400 · Microetiquetes, seguiment de coordenades i matisos tècnics que funcionen més com a elements d'interfície d'usuari que com a contingut.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 24px |
| Radi del botó | 8px |
| Radi de la targeta | 12px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 96-120px |
| Amplada de la pàgina | 1440px |
La IA crearà el vostre lloc web a l'estil Figma i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Caldera — Forja foc sobre pedra calcària calenta. El llenç és de guix cru i càlid, i cada element taronja sembla brases fumejants premses a la superfície.
- Vercel — Terminal imprès en paper blanc
- Dylanbrouwer — Foneria brutalista a la posta de sol
- Headspace — Un racó de benestar assolellat sobre paper càlid
- WHOOP — Laboratori d'actuació a mitjanit: taules blanques de laboratori clínic sota un buit teatral negre, un únic pols porpra d'electricitat
- (dot)connect — Un dibuix d'enginyeria suís amb un sol tros de carbó vegetal
- Together AI — Consola de recerca sobre paper glacial
- Vivid+Co — llum prismàtica a través de l'obsidiana
- Sequel — Una projecció privada després de fosc és l'única llum càlida en un cinema que altrament fosc.
- v0 by Vercel — Dibuix al torn. La precisió i la funcionalitat són primordials, i cada element serveix per a una finalitat clara sobre una superfície neta i tècnicament perfecta.
- ThoughtLab — Un monument d'obsidiana amb un senyal carmesí. Un llenç de buit negre, on l'únic objecte vermell saturat de la catedral, imprès en grans lletres blanques, és una única figura cromàtica.
- Dovetail — Un plànol sota una lluna negra: línies gràfiques gairebé invisibles, font blanca, una guspira porpra