monopo saigon
Un brillo líquido e iridiscente tras el silencio editorial: una galería editorial monocromática flotando sobre luz fundida.
Monopo Saigon opera bajo una disciplina monocromática radical: blanco y negro puro con sutiles tonos grises, envueltos en una imponente tipografía Roobert que parece respirar sobre lienzos que abarcan todo el ancho de la página. El contraste característico reside en la estricta sobriedad editorial (ángulos agudos en la navegación y los enlaces de texto, abundante espacio en blanco, un ritmo basado en 4px) y un único gesto expresivo: botones de 75px de radio que flotan como líquido sobre las imágenes. Los elementos de diseño principales se inclinan hacia atmósferas cromáticas iridiscentes y fluidas (los verdes se desvanecen en ámbar y luego en burdeos intenso), mientras que la interfaz en sí nunca adquiere un solo tono, creando la sensación de una galería editorial en blanco y negro flotando sobre un río de luz líquida. La tipografía marca la pauta: un grosor de 300 líneas a 78px susurra, un grosor de 400 líneas a 225px llena la ventana gráfica y un grosor de 400 líneas a 11px define con confianza y minimalismo todo lo demás. El movimiento es expresivo pero paciente: curvas de suavizado cúbicas-bezier(0.19, 1, 0.22, 1), que se extienden hasta 1.25 s, transforman las transiciones, permitiendo que los elementos se deslicen en lugar de detenerse abruptamente.
El diseño está centrado a un ancho máximo de 1078px, con secciones oscuras que abarcan todo el ancho de la página y se extienden más allá del contenedor. La sección de la pantalla ocupa toda la ventana gráfica: un título monumental centrado (Unido, Sin límites) flota sobre contenido multimedia brillante, la navegación minimalista flota en la parte superior y un único icono giratorio ocupa la esquina inferior izquierda. Las secciones del cuerpo del texto siguen un ritmo editorial espacioso: grandes espacios de 46px entre secciones crean espacio entre bloques, alternando franjas blancas y oscuras (negras con fuente blanca). El diseño del contenido es asimétrico: predominan las alternancias de texto a la izquierda/imagen a la derecha e imagen a la izquierda/texto a la derecha, sin bloques centrados fuera de la sección de la pantalla. Las cuadrículas de tarjetas se muestran como listas de proyectos de una sola columna en lugar de varias columnas: cada proyecto ocupa todo el ancho con su propia imagen y título. La navegación consiste en una barra superior transparente con el logotipo a la izquierda, la localización en el centro y un menú a la derecha; sin cambios de color permanentes, sin sombra, solo un botón de guardar invisible. En la parte inferior de la página hay un bloque de direcciones compacto de tres columnas (Tokio, Saigón, Londres) con texto discreto. En general, tiene el estilo editorial de una revista digital.
Las imágenes son teatrales y únicas: la pantalla principal está dominada por una textura masiva, iridiscente y fluida: tonos verdes orgánicos que se disuelven en ámbar y burdeos, como aceite sobre agua o vidrio fundido. Esto da la sensación de ser contenido multimedia atmosférico que ocupa toda la pantalla, tal vez un vídeo o un lienzo creado con sombreadores, y se percibe como un único momento sensorial en lugar de un patrón repetitivo. Las demostraciones del proyecto utilizan fotografía editorial íntima (fotografías de productos a gran escala, imágenes promocionales) presentadas sin marcos ni bordes: la imagen es el contenido. No hay ilustraciones, ni iconos más allá de pequeños glifos de interfaz de usuario, ni formas decorativas. La iconografía es mínima o inexistente; un icono de texto circular giratorio sirve como único adorno tipográfico del sistema. Densidad general: el texto domina con un único gesto visual en gran tamaño, seguido de largos y tranquilos tramos editoriales de tipografía e imágenes de productos.
Paleta
Marca
- Iridescent Fade
#a02d25— El acento cromático aparece únicamente dentro de la transición de degradado; el tono burdeos fundido que constituye la base de la atmósfera iridiscente no se utiliza en los controles de la interfaz.
Neutral
- Obsidian
#000000— Texto principal, trazo SVG, relleno sobre el texto principal: el negro puro contiene toda la información de primer plano y los elementos gráficos. - Paper
#ffffff— Texto claro sobre fondo oscuro, subtítulos invertidos y titulares de alto contraste. Evite usar texto claro como color principal para las llamadas a la acción. - Inkstone
#181818— El texto principal del pie de página y los encabezados adicionales están en un color negro tenue para facilitar la lectura de textos largos. - Felt Gray
#6d6d6d— Textos auxiliares, bloques de direcciones, textos legales: anotaciones discretas que pasan desapercibidas sin desaparecer por completo. - Slate Pill
#636363— El fondo neutro del botón es el único relleno sólido que se utiliza para acciones como Aceptar. - Ash Mist
#9a9a9a— Un tono neutro de intensidad media para superficies con baja visibilidad o bajo contraste en un conjunto de superficies.
Tipografía
De 12 a 225 píxeles · 9 pasos
- Roobert — reemplazo: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · esquemas 300, 400, 600 · La tipografía principal se utiliza para todo el texto de la interfaz, la navegación, los encabezados, el cuerpo del texto, las listas y los pies de página. Esta tipografía sans-serif de diseño personalizado combina claridad geométrica con calidez humanística; su amplia gama de grosores (desde 300 Whisper hasta 600 Anchor) permite que la tipografía respire, desde titulares monumentales hasta notas.
- Raleway — reemplazo: Montserrat or Jost · esquemas 400 · Se utiliza únicamente en ciertos contextos de titulares donde una tipografía sans-serif más elegante y estrecha proporciona contraste; rara vez se usa como contrapunto a una tipografía Robert más audaz.
- system-ui — reemplazo: Inter · esquemas 400 · Microetiquetas de interfaz, texto del banner de cookies, fuente pequeña: la opción predeterminada del navegador, que garantiza la legibilidad hasta en los detalles más pequeños sin necesidad de una fuente personalizada.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 14px |
| Radio del botón | 75px |
| Radio de la tarjeta | 0px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 46px |
| Ancho de página | 1078px |
La IA construirá tu sitio web al estilo de monopo saigon 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
- Hyer Aviation — El crepúsculo en la cabina sobre un pergamino. El pálido cielo del amanecer se encuentra con el logotipo con serifa del tamaño del fuselaje, y un único toque de color arcilla cálida rompe la sobriedad monocromática.
- OFF+BRAND. — Esfera iridiscente sobre pergamino tibio
- Seed — un organismo vivo bajo un cristal de laboratorio
- Eindhoven Design District — El brutalismo editorial sobre papel blanco es un manifiesto de diseño municipal, ejecutado en tipografía grande, con una fotografía mínima y una sobriedad absoluta.
- Subframe — Un dibujo gráfico sobre pergamino cálido. Papel de diseño, donde cada trazo es de grafito o goma de borrar, nunca de pintura; la profundidad se logra mediante el grosor de la línea y las escasas serifas.
- Miranda — Tipografía clásica de gran formato sobre un fondo crema claro: un editorial de periódico para la era digital.
- Monocle — Un periódico de gran formato y alta calidad, impreso en papel color crema. Un editorial cuidadosamente elaborado, donde cada columna merece su lugar y solo un color significativo aparece en la página.
- Agencja brandingowa — Una galería editorial en tonos blancos con tipografía en tinta negra.
- Websmith Studio — Luz de la mañana sobre papel color crema
- Aspelin Reitan — Archivo arquitectónico a la luz de las velas: la página parece un portafolio de espacios construidos, fijado a una pared de color crema cálido, con una sola línea de texto blanco flotando sobre cada imagen a lo largo de todo el ancho de la página.
- Public — Un editorial monocromático sobre mármol frío, casi un lienzo monocromático, con una fuente serif de 300 puntos y un único acento púrpura que hace todo el trabajo de color.
- Motto — Un monolito tipográfico sobre papel: una voz única y segura que se manifiesta en papel blanco como la nieve.