Coda
Letras monumentales sobre pergamino cálido y cremoso: Coda se lee como un póster impreso a mano para un mercado, no como un panel de control de SaaS.
Paleta
Marca
- Forest Depths
#003d21 - Mint Sprout
#aafdc0
Neutral
- Cream Parchment
#f8f9eb - Pure White
#ffffff - Obsidian
#000000 - Charcoal
#202020 - Sage Mist
#c0c2a9 - Olive Slate
#5a5a4f
Tipografía
De 12 a 134 píxeles · 9 pasos
- ui-sans-serif — reemplazo: Inter · esquemas 400
- Monument Grotesk (custom) — reemplazo: Archivo · esquemas 400, 500, 800
- JetBrains Mono — reemplazo: IBM Plex Mono or JetBrains Mono · esquemas 400
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | promedio |
| Paso básico | 13px |
| Radio del botón | 13px |
| Radio de la tarjeta | 22px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 72px |
| Ancho de página | 1200px |
La IA construirá tu sitio web al estilo de Coda 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
- Factory — La terminal de la "sala de guerra" a medianoche. La "fábrica" es un panel de control de un negro austero donde una sola tarjeta blanca aterriza como un despacho iluminado por una linterna; el único objeto en la sala es el trabajo en sí.
- Buymeacoffee — Un álbum de fotos estilo café hecho de papel color crema con fotos instantáneas flotantes.
- Preply — Una valla publicitaria rosa con pegatinas de personas
- Flim — Polaroids dispersas en un cuaderno de bocetos cuadriculado.
- Ramp — El departamento de finanzas editoriales, páginas en blanco y negro con un único rotulador de neón. La superficie prácticamente monocromática de la publicación, donde un único trazo verde lima brillante transforma cada interacción en una señal monetaria.
- Orderful — Panel de control de logística industrial: una lista de verificación impresa para el despachador de logística, realizada en tinta negra y rojo quirúrgico, con cada página lo suficientemente discreta como para permitir que un operador grite algo importante.
- teenage engineering — Catálogo industrial de iluminación de estudio: el producto es el único elemento significativo de la página, y todo lo demás se discute a su alrededor.
- Vanmoof — sala de exposición cinematográfica monocromática
- Sociotype — Un ejemplar típico de museo sobre papel blanco.
- Webflow — Estudio blanco, tinta negra, un trazo azul: la mesa de dibujo de un diseñador plasmada en una página web.
- Apple (España) — Teatro negro con iluminación ambiental.
- Contract — Catálogo de la galería de paredes blancas