Identidad visual · v0.1

Identidad visual de Yatraya

La infraestructura que conecta la capacidad disponible de los profesionales con las necesidades reales de las personas.

Disponible hoy

01 — Logotipo

Uno solo, y este

Logotipo oficial de Yatraya. La «Y» abre en verde: la señal de disponibilidad forma parte de la marca. No se redibuja ni se reinterpreta.

Versión principal
Cabecera de producto
Mínimo · 14 px de altura de texto
Sobre fondo oscuro
YatrayaSímbolo · favicon, PWA, avatar

Nunca en cursiva, nunca condensado, nunca recoloreado y nunca partido en dos líneas. Área de respeto: la altura de la «Y» por cada lado. Si hace falta una versión adaptada, se deriva de este archivo.

02 — Color

Un solo color con voz

Los grises cálidos construyen el producto. El verde solo aparece cuando algo está realmente disponible.

Disponibilidad

oklch(0.575 0.096 168)

Único acento del sistema. Sin degradados, sin brillos. Si se usa para decorar, deja de significar.

Fondo

background

Superficie

surface

Línea

hairline

Texto tenue

muted-fg

Texto

foreground

03 — Tipografía

Jerarquía antes que estilo

Una sola familia. El contraste se consigue con tamaño y peso, nunca con color o decoración.

Display · 500

El jueves por la tarde

Título · 500

Tienes tres huecos

Cuerpo · 400

Yatraya sabe qué capacidad está libre y la pone delante de quien la necesita. No hay nada que configurar.

Secundario · 400

Última actualización hace 4 minutos

Dato · Mono 400

09:00 — 13:00 · 6 km

04 — Iconografía

Geometría, no dibujo

Círculos, rectángulos y líneas de 1,25 px. Sin ilustraciones, sin herramientas, sin personajes.

Capacidad

Disponibilidad

Señal

Asignación

Intención

Zona aproximada

05 — Producto

Cada pantalla respira

Lo importante primero, una sola acción visible y nada más. Ningún panel de métricas.

Javier
Jueves

Tienes la tarde libre

Hay dos clientes tuyos con revisión pendiente en tu zona. Puedo avisarles.

disponibilidad de la semana
Página pública

Javier · Electricista

Santa Pola y alrededores

Disponible hoy hasta las 19:00

Cuéntame qué necesitas

Sin registro. Sin aplicación. Respuesta en minutos.

06 — Reglas

Lo que nunca hacemos

La identidad se sostiene por lo que se prohíbe.

  • Degradados, sombras suaves o brillos
  • Más de un color de acento por pantalla
  • Dashboards con métricas apiladas
  • Ilustraciones, robots o iconos de herramientas
  • Dos acciones principales compitiendo
  • Explicaciones de cómo funciona el producto

Identidad expresiva

La mirada de Yatraya

Propuesta «Órbita»: no decora, cada expresión corresponde a algo que el motor está haciendo de verdad.

Reposo. Respira y parpadea; la mirada sigue el cursor.

Los otros caminos que descartamos

Arco

Dos cápsulas y un arco. Cero ruido: el estado se cuenta solo con altura, curvatura y luz.

Prisma

Ojos facetados. Al pensar, las facetas rotan como un cristal analizando luz.

Trazo

Los ojos son el trazo abierto de la «Y». La marca mira. Máximo reconocimiento, menos rango expresivo.