Figma
chasis monocromático para o caos cromático
A interface funciona como un contedor estrutural estrito de alto contraste, outorgando un dominio visual completo ao contido xerado polo usuario. A liña base é unha paleta estrita de #000000 a #ffffff, que evita os tons sutís de gris en favor dun contraste máximo absoluto para os bordos primarios e o texto. A xerarquía tipográfica baséase case por completo no tamaño e nun espazado negativo agresivo entre letras en lugar de variacións de cor, transformando liñas grandes de texto en densos bloques gráficos. A lóxica do radio do bordo crea unha forte dicotomía: os "cravos" exteriores de 50 px para os elementos de navegación global contrastan deliberadamente cos recunchos de 0 px dos contedores de contido.
As composicións baséanse en bordos de ancho máximo extremo (1440 px como máximo) centrados na ventá gráfica e inclúen densos grupos de contido separados por un macroespazo xeneroso (96-120 px de espazo en branco entre seccións). O arquetipo do "heroe" adoita utilizar unha galería asimétrica de imaxes ancoradas dinamicamente baixo un bloque de interface de usuario flotante e perfectamente centrado. Debaixo do pregamento, a información adáptase inmediatamente a unha estrita grella de catro columnas sen marxes, enmarcando grupos repetidos de tarxetas, maximizando a densidade dos obxectos e eliminando as marxes do marco.
O deseño visual baséase en resultados centrados no usuario. As imaxes móstranse como cadrados planos sen marco ou fragmentos dispersos e superpostos, que lembran obxectos físicos, sobre un fondo austero e baleiro. As imaxes son a única fonte de cor no sitio web. Non hai elementos de fotografía de estilo de vida nin ilustracións corporativas estándar: cada elemento gráfico é unha instantánea precisa e literal dun lenzo dixital, que funciona simultaneamente como proba de produto e como elemento estético principal.
Paleta
Marca
- Context Action Violet
#4d49fc— Chamada á acción principal localizada dentro dos subpaneis: unha única cor interruptiva define o punto focal.
Neutro
- Absolute Canvas
#ffffff— Fondo da páxina, barras de ferramentas flotantes, bases de paneis elevadas. - Structural Ink
#000000— Fonte básica, fondo sólido dos botóns, contornos dos botóns. - Graphite Metadata
#595959— Texto secundario da autora, subtexto localizado, valores de marcadores de posición - Boundary Frame
#e2e2e2— Separadores sutís e límites de campos de entrada inactivos. - Angular Teal
#33dfdf— Efectos decorativos, indicadores de carga e visualización activa do cursor.
Tipografía
de 12 a 72 px · 6 pasos
- figmaSans — substitución: Inter · contornos 320, 330, 340, 400, 450, 480, 520, 700 · Unha ferramenta universal que xestiona todo, dende os títulos para visualizar ata as etiquetas de navegación. Crea un aspecto único modificando o rastrexo óptico negativo.
- figmaMono — substitución: JetBrains Mono · contornos 400 · Microetiquetas, seguimento de coordenadas e matices técnicos que funcionan máis como elementos da interface de usuario que como contido.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 24px |
| Radio do botón | 8px |
| Radio da tarxeta | 12px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 96-120px |
| Largura da páxina | 1440px |
A IA creará o teu sitio web ao estilo de Figma e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- Caldera — Forxa lume sobre pedra calcaria quente. O lenzo é de xeso cru e quente, e cada elemento laranxa semella brasas fumegantes presionadas contra a superficie.
- Vercel — Terminal impreso en papel branco
- Dylanbrouwer — Fundición brutalista ao solpor
- Headspace — Un recuncho de benestar soleado sobre papel cálido
- WHOOP — Laboratorio de actuación á medianoite: mesas brancas de laboratorio clínico baixo un baleiro teatral negro, un único pulso púrpura de electricidade
- (dot)connect — Un debuxo de enxeñería suízo cun só anaco de carboncillo
- Together AI — Consola de investigación en papel glacial
- Vivid+Co — luz prismática a través da obsidiana
- Sequel — Unha proxección privada despois de escurecer é a única luz cálida nun cine que doutro xeito non é escuro.
- v0 by Vercel — Debuxo ao torno. A precisión e a funcionalidade son primordiais, e cada elemento cumpre un propósito claro sobre unha superficie limpa e tecnicamente perfecta.
- ThoughtLab — Un monumento de obsidiana cun sinal carmesí. Un lenzo de baleiro negro, onde o único obxecto vermello saturado da catedral, impreso en grandes letras brancas, é unha única figura cromática.
- Dovetail — Un plano baixo unha lúa negra: liñas gráficas apenas visibles, fonte branca, un brillo púrpura