ECLIPSE
Tienda online de una marca de ropa: lanzamientos con cuenta regresiva, club de miembros, español e inglés.
Lo que ya está decidido
- Nombre: VermiliaDe vermilion, tu color. vermilia.studio estaba libre el 27 oct.
- Identidad: Penumbra + La Gran ObraLa luz que descubre lo oscuro y las cuatro etapas de la alquimia.
- Dos colores de fuego: vermilion y oropimenteSobre los oscuros: el borde rojo y el centro amarillo de una brasa.
- Para pymes y marcas, del Perú y de afueraEn español y en inglés desde el primer día.
- Tú al cliente, yo el estudioHablas tú, en primera persona, sin plural de agencia.
- Precios por cotizaciónEn soles o en dólares, según quién escriba.
- DTS sale «en desarrollo»En la etapa del albedo: la maqueta.
La idea
Para los alquimistas, la Gran Obra pasaba por cuatro etapas, cada una con su color, y terminaba en rojo. Hacer una web pasa por las mismas cuatro: la idea a oscuras, la maqueta en limpio, la construcción y la publicación. La última es el vermilion.
La página vive en penumbra. Una sola brasa la ilumina, amarilla en el centro y vermilion en el borde: enciende un poco las letras que tiene cerca y va descubriendo lo que hay. Lo que importa se ve; lo demás queda en sombra.
Por qué el vermilion y el oropimente
Es el rojo que sale de moler el cinabrio, y los alquimistas ya sabían fabricarlo uniendo mercurio y azufre: una transmutación de verdad. Con ese rojo los copistas marcaban lo importante en los manuscritos. Es tu color favorito, y se aleja del rojo sangre de ECLIPSE: es más encendido, más naranja.
El oropimente es el amarillo que los alquimistas creían que guardaba oro: su nombre viene de «pigmento de oro». En la naturaleza aparece junto al rejalgar, su pareja roja. Juntos son el fuego: el centro amarillo y el borde rojo.
Paleta
Nigredo#0B0A0D · el fondo, negro con humo
Hollín#16141A · paneles y tarjetas
Albedo#ECE4D6 · el texto · 15,6:1
Ceniza#A39B95 · lo secundario · 7,2:1
Vermilion#E34234 · lo que se toca y lo terminado · 4,8:1
Oropimente#D4A03C · la luz y lo que guía · 8,4:1
- Vermilion: lo que se toca y lo terminado. Botones, enlaces, el sello «publicada», la etapa roja y la primera letra de un texto importante.
- Oropimente: la luz y lo que guía. Rótulos, números, los grabados y el centro de la brasa. Como texto pasa sobre los dos oscuros (8,4 y 7,7:1).
- Los dos, poco y juntos. Sobre nigredo y hollín casi todo es albedo y ceniza: el fuego se nota porque escasea.
- Como texto chico sobre un panel va un vermilion más claro, #EF5B47 (5,5:1): el de siempre ahí da 4,4:1 y no llega.
- Sobre el albedo (una banda clara) el vermilion va en #B8321F (4,7:1) y el oropimente en #7E5B12 (4,9:1): los de siempre ahí dan 3,3 y 1,9:1.
- Las letras de la entrada van en #C9C0B3 lejos de la brasa (10,2:1) y suben hasta #FFE7C4 junto a ella (15,2:1).
- Los botones llevan la letra en nigredo sobre el vermilion (4,8:1).
Letras
Títulos · Bodoni Moda en cursiva. Trazos finos que agarran la luz.
Lo que estaba en la sombra, a la vista.
Rótulos y etapas · IM Fell English SC, tipos de imprenta del siglo XVII. Sólo en tamaños de 15 px o más.
Nigredo · Albedo · Citrinitas · Rubedo
Texto · Hanken Grotesk, en 400 (nunca más fina sobre el negro)
Cuéntame tu idea. Te muestro la maqueta antes de construir nada, y la pruebo en un celular de verdad antes de publicarla.
La marca, en borrador
VermılıaSobre el negro: las dos i llevan una brasa en lugar del punto.
VermılıaSobre papel, para facturas y documentos.
El ícono: la brasa sola. Lo que se ve chico (la pestaña, el perfil de Instagram).
Es un primer boceto con una letra de Google Fonts. El logo final se dibuja aparte, cuando apruebes la identidad.
Las cuatro etapas
- Nigredolo negro
La conversación: la idea todavía está a oscuras.
- Albedolo blanco
La maqueta: en limpio, con tus textos de verdad.
- Citrinitaslo amarillo
La construcción: aparece el oro.
- Rubedolo rojo
La publicación: la obra terminada.
Son el «cómo trabajo» de la página y, a la vez, el estado de cada trabajo en el portafolio:
Stephanie Salas
Página y panel de una psicóloga en Arequipa: agenda en tres pasos, talleres con cupos.
DTS Group
Sitio de una empresa de ingeniería en Moquegua: cotizador sobre el terreno real, expediente para compras.
Motivos
- La brasaLa única luz de la página, amarilla en el centro y vermilion en el borde. Sigue al cursor, enciende un poco las letras grandes que tiene cerca y descubre grabados en lo oscuro; en el celular se mueve sola, despacio. Nada que haya que leer depende de ella.
- La página que transmutaEmpieza en nigredo y, al bajar, pasa por las cuatro etapas hasta el cierre en vermilion: «Cotiza tu obra».
- La rúbricaComo en los manuscritos: la primera letra de un texto importante, en vermilion.
Los grabados
Emblemas de los tratados de alquimia, como la cuadratura del círculo, en trazo fino de oropimente. En el centro, la brasa. Van escondidos en lo oscuro, y la luz los descubre.
Voz
Toda obra empieza a oscuras.EN: Every work begins in the dark.
Cuéntame tu idea. Te muestro la maqueta antes de construir nada.EN: Tell me your idea. I'll show you the mockup before I build anything.
Cotiza tu obra.EN: Get a quote for your project.
- Tú al cliente y yo el estudio, en español peruano. En inglés, you e I.Si un día trabajas con más gente, se cambia a «nosotros».
- Sobria: sin signos de exclamación, sin emoji, datos en vez de adjetivos.«Probada en un celular de 390 px» en vez de «increíble en cualquier pantalla».
- Lo místico va en la imagen y en pocas palabras clave (obra, etapa, a oscuras), no en cada oración.El cliente tiene que entender qué haces y cómo cotizar en una lectura.
La portada, en orden
Lo que llevaría la maqueta, de arriba abajo. Es el plan, no el diseño.
- La entradaEn penumbra, la brasa y «Toda obra empieza a oscuras». Vermilia, una línea de qué haces y «Cotiza tu obra».
- Las obrasECLIPSE, Stephanie Salas y DTS, cada una con su etapa y con sus propios colores.
- Cómo trabajoLas cuatro etapas. La página va cambiando de color al bajar.
- Qué hagoCuatro tipos de obra, cada uno con su ejemplo real: presencia, con panel (Stephanie), tienda (ECLIPSE), empresa (DTS).
- PreguntasPlazos, qué necesito de ti, si puedes editarla tú, el dominio y el mantenimiento.
- Cotiza tu obraEl cierre en vermilion: un formulario corto que llega por WhatsApp o por correo, en soles o en dólares.
- El pieEspañol / English, contacto e Instagram.
Lo que falta
- Que apruebes esta identidad.Con eso hago la maqueta de la portada.
- Registrar vermilia.studio pronto.Estaba libre el 27 oct.; los dominios se van. También hay libres vermilia.design, vermilia.dev y vermiliastudio.com.
- Buscar «Vermilia» en INDECOPI y el usuario en Instagram.No encontré negocios con ese nombre, pero la marca registrada se confirma ahí.
- Un repositorio nuevo, vermilia-web.Lo creas tú en GitHub y lo sumo a la sesión.
- El permiso de Stephanie y de tu hermanopara mostrar sus webs en el portafolio.