
70Materia
Un ejemplo de modelo arquitectónico en papel blanco: la interfaz de usuario es la base, no la decoración.
Paleta
Neutral
- Obsidian
#000000 - Bone
#ffffff - Graphite
#1e1e1e - Ash
#bababa
Tipografía
de 10 a 19 píxeles · 3 pasos
- Matter — reemplazo: Inter · esquemas 400
- Matter Mono — reemplazo: JetBrains Mono · esquemas 400
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 8px |
| Radio del botón | 3px |
| Radio de la tarjeta | 0px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 100-180px |
| Ancho de página | 960px |
La IA construirá tu sitio web al estilo de 70Materia 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
- Studio — Una pared de galería en movimiento. Cada pantalla representa una superficie de exposición silenciosa y gris donde materiales tipográficos y obras creativas superpuestas compiten por captar la atención.
- Figure 03 — Un catálogo de laboratorio de robótica. La documentación técnica, en blanco, se ve interrumpida por imágenes cinematográficas que muestran el movimiento de un robot humanoide en entornos reales.
- Agility Digit 5 — Agility es un taller de robótica al anochecer. Documentación técnica en tonos blancos cálidos asoma entre la penumbra del taller, complementada por fotografías industriales suaves y detalles discretos en el panel de control.
- Heptabase — Un escritorio bañado por el sol. Superficies cálidas, similares al papel, controles de color carbón y ventanas flotantes para investigar crean la sensación de un espacio de trabajo organizado, en lugar de un panel de control de software.
- 1X NEO — 1X Tech es un sistema de cine en casa silencioso. Una página de tonos claros con texto editorial se abre con escenas cinematográficas de personas y un robot humanoide, mientras que los elementos de la interfaz se reducen a pequeños subtítulos espaciados e imágenes suaves en blanco y negro.
- B150 — Una clase magistral sobre el grano de película del futuro. Creación de secciones editoriales brillantes y cremosas sobre imágenes oscuras de tamaño natural de productos y creadores.
- Captions — Un escritorio de edición bañado por el sol. Coloca una barra de navegación curva y translúcida sobre un espacio de trabajo blanco, nítido y ligeramente ruidoso, y complétalo con superficies de trabajo azul pálido y primeros planos de las imágenes.
- Capacities — Las oportunidades son como una mesa de ideas iluminada por el sol. Crea páginas como un espacio de trabajo abierto y en blanco donde las notas relacionadas giren en torno a una única idea central.
- Steep — Análisis de fuentes con serifa en papel cálido
- Ui — Plan clínico en papel mate
- monopo saigon — Un brillo líquido e iridiscente tras el silencio editorial: una galería editorial monocromática flotando sobre luz fundida.
- Ventriloc — Un observatorio editorial de datos sobre papel tibio: una sola brasa naranja que resalta la precisión monocromática.