Identidad visual · v0.1

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