Web Brutalism
ウェブ・ブルータリズム / 2014– / Estilo / Estilos de interfaz
Muestra la página tal como el navegador la dibuja por defecto y rechaza el aspecto acabado de las plantillas.



De un vistazo
Rasgos visuales
- Títulos y enlaces por defecto
- Enlaces azules subrayados
- Saltos extremos de tamaño
- Filetes y márgenes sin adorno
Usos idóneos
- Anuncios de galerías y sellos que prefieren la rapidez de la información al acabado
- Marcar distancia deliberada frente a los sitios del sector hechos con plantillas
Usar este estilo
Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.
Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas
Entrada del diccionario
- Tipografía
- Mantener la tipografía por defecto y llevar solo los titulares a todo el ancho de la pantalla
- Composición
- Renunciar a las columnas, apilar todo en una sola tirada vertical y separar con filetes y blancos
- Material
- Fondo blanco o de un solo color plano, con las imágenes comprimidas y colocadas a tamaño real
- Precaución
- Si finges la vista por defecto del navegador pero ajustas los márgenes y la longitud de línea, la sequedad parece un montaje y el lector abandona mientras todavía busca la razón del desorden.
- Para profundizar
- Brutalist Websites / the return of the default stylesheet / the reaction against templating
Entradas relacionadas
- Brutalist Architecture (ブルータリズム建築)Efectos compartidos: Rebellion / Trust.Comparar Web Brutalism y Brutalist Architecture
- Neubrutalism (ニューブルータリズム)Misma familia: Estilos de interfaz.Comparar Web Brutalism y Neubrutalism
Se confunde a menudo con
Más de Estilos de interfaz
Continúa con estilos de Estilos de interfaz, priorizados por sus efectos compartidos.
- Skeuomorphism (スキューモーフィズム)Efectos compartidos: Trust.
- Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)Efectos compartidos: Trust.
- Glitch (グリッチ)Efectos compartidos: Rebellion.
Ver todas las entradas de Estilos de interfaz
Citar esta entrada
El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.
- Link
- https://indexstyle.org/es/styles/web-brutalism
- Markdown
- [Web Brutalism — IndexStyle](https://indexstyle.org/es/styles/web-brutalism)
- HTML
- <a href="https://indexstyle.org/es/styles/web-brutalism">Web Brutalism — IndexStyle</a>