Figma
Chasis monocromático para el caos cromático
La interfaz funciona como un contenedor estructural estricto y de alto contraste, otorgando un dominio visual absoluto al contenido generado por el usuario. La paleta base es estricta, desde #000000 hasta #ffffff, y prescinde de sutiles tonos de gris en favor del máximo contraste para los bordes y el texto principales. La jerarquía tipográfica se basa casi por completo en el tamaño y el espaciado negativo agresivo entre letras, en lugar de variaciones de color, transformando largas líneas de texto en densos bloques gráficos. La lógica del radio de los bordes crea una marcada dicotomía: los bordes exteriores de 50 px para los elementos de navegación global contrastan deliberadamente con las esquinas de 0 px de los contenedores de contenido.
Las composiciones se basan en bordes de ancho máximo extremo (1440 px máx.) que centran la ventana gráfica e incluyen densos grupos de contenido separados por un amplio espacio en blanco (96-120 px entre secciones). El arquetipo "héroe" suele utilizar una galería asimétrica de imágenes anclada dinámicamente bajo un bloque de interfaz de usuario flotante y perfectamente centrado. Debajo del pliegue, la información se ajusta inmediatamente a una estricta cuadrícula de cuatro columnas sin márgenes, enmarcando grupos repetitivos de tarjetas, maximizando la densidad de objetos y eliminando los márgenes del marco.
El diseño visual se basa en resultados centrados en el usuario. Las imágenes se muestran como cuadrados planos sin marco o fragmentos dispersos y superpuestos, que recuerdan a objetos físicos, sobre un fondo austero y vacío. Las imágenes son la única fuente de color en el sitio web. No hay fotografías de estilo de vida ni ilustraciones corporativas estándar; cada elemento gráfico es una instantánea precisa y literal de un lienzo digital, que funciona simultáneamente como prueba de producto y elemento estético principal.
Paleta
Marca
- Context Action Violet
#4d49fc— Llamada a la acción principal localizada dentro de los subpaneles: un único color llamativo define el punto focal.
Neutral
- Absolute Canvas
#ffffff— Fondo de página, barras de herramientas flotantes, bases de panel elevadas. - Structural Ink
#000000— Fuente básica, fondo de botón sólido, contornos de botones. - Graphite Metadata
#595959— Texto secundario del autor, subtexto localizado, valores de marcador de posición - Boundary Frame
#e2e2e2— Separadores sutiles y límites de campo de entrada inactivos. - Angular Teal
#33dfdf— Efectos decorativos, indicadores de carga y visualización del cursor activo.
Tipografía
De 12 a 72 píxeles · 6 pasos
- figmaSans — reemplazo: Inter · esquemas 320, 330, 340, 400, 450, 480, 520, 700 · Una herramienta versátil que gestiona desde los títulos de visualización hasta las etiquetas de navegación. Crea una apariencia única modificando el seguimiento de negativos ópticos.
- figmaMono — reemplazo: JetBrains Mono · esquemas 400 · Microetiquetas, seguimiento de coordenadas y matices técnicos que funcionan más como elementos de interfaz de usuario que como contenido.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 24px |
| Radio del botón | 8px |
| Radio de la tarjeta | 12px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 96-120px |
| Ancho de página | 1440px |
La IA construirá tu sitio web al estilo de Figma y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- Caldera — Forja el fuego sobre la cálida piedra caliza. El lienzo es de yeso crudo y caliente, y cada elemento naranja parece brasas humeantes incrustadas en la superficie.
- Vercel — Terminal impreso en papel blanco
- Dylanbrouwer — Fundición brutalista al atardecer
- Headspace — Un rincón de bienestar soleado sobre papel cálido
- WHOOP — Laboratorio de rendimiento a medianoche: mesas blancas de laboratorio clínico bajo un vacío teatral negro, un único pulso púrpura de electricidad.
- (dot)connect — Un dibujo de ingeniería suiza realizado con un solo trozo de carboncillo.
- Together AI — Consola de investigación sobre papel glacial
- Vivid+Co — luz prismática a través de la obsidiana
- Sequel — Una proyección privada al anochecer es la única luz cálida en un cine que, por lo demás, está a oscuras.
- v0 by Vercel — Dibujo de torno. La precisión y la funcionalidad son primordiales, y cada elemento cumple una función clara sobre una superficie limpia y técnicamente perfecta.
- ThoughtLab — Un monumento de obsidiana con una señal carmesí. Un lienzo de vacío negro, donde el único objeto de color rojo intenso en la catedral, impreso en grandes letras blancas, es una sola figura cromática.
- Dovetail — Un plano bajo una luna negra: líneas gráficas apenas visibles, fuente blanca, un destello púrpura.