Marca
La marca Roadmark, en uso.
El símbolo, el símbolo de IA, el color, la tipografía y las piezas con las que se arma cada página. Esta página está dibujada con los propios estilos del sitio, así que lo que ves aquí es lo que usa el sitio.
El símbolo
Dos esquinas enmarcan el registro.
- Construido sobre 64 unidades. Dos esquinas opuestas, de 27 de largo y 7 de grosor, y un registro sólido de 18 por lado en 23, 23. Las esquinas enmarcan una sola cosa: la carga, la cotización, la factura.
- Por debajo de 20 px, usa los archivos pequeños. Los favicons están redibujados en cuadrículas de 16 y 32 px, no reducidos.
- Ink sobre claro, Chalk sobre oscuro. El símbolo es de un solo color. Solo se vuelve Pencil como símbolo de IA.
- La palabra es "roadmark", en minúsculas, en Archivo Bold al 112 % de ancho. Nunca "Roadmark AI" ni "Roadmark TMS" junto al símbolo: el descriptor va en el titular.
- No lo gires, no lo conviertas en contorno, no lo metas en un círculo ni lo rellenes con un degradado.
- No dejes que el logo de un socio se vea más grande que él.
- No pongas el símbolo sobre una fotografía recargada sin un velo oscuro.
- roadmarkPaper
- roadmarkChalk
- roadmarkCarbon
roadmarkSobre una fotografía, con velo oscuro
Lápiz y tinta
Lo que prepara un agente se dibuja en Pencil. Lo que conserva una persona es tinta.
El símbolo de IA es el símbolo con el registro abierto: el marco está, pero nadie lo ha llenado todavía. Va junto a los nombres de los agentes y en los borradores, y desaparece cuando una persona aprueba el trabajo.
J. Parkaprueba y envía
- Pencil es solo para el trabajo de la máquina: nombres de agentes, líneas preparadas, el símbolo de IA y la etiqueta del conector de Roadmark dentro de Claude, ChatGPT y Gemini.
- Pencil sólido, nunca en degradado, y nunca en un botón, un fondo ni una palabra de un titular.
- Sin destellos ni robots. El símbolo de IA los reemplaza en todas partes, incluida la página de asistentes de IA.
- Por debajo de 20 px, usa el símbolo de IA de 16 px. Usa Pencil #7047ED tanto en superficies claras como oscuras.
Color
Casi todo Paper y Chalk, enmarcado en Carbon, con un poco de Sodium.
La barra muestra más o menos cuánto de una página cubre cada color. Pencil solo aparece donde un agente hizo el trabajo. Corten solo aparece en la cinta y en la carga o el dinero que ya pasaron su plazo.
Proporción aproximada de una página típica.
Marco y fondo
- Carbon
--carbon · #0C0D0FNavegación, portada, una franja oscura, oferta final, pie de página - Carbon 2
--carbon-2 · #16181CUna superficie elevada sobre Carbon - Paper
--paper · #FFFFFFLa mayoría de las secciones y todas las láminas - Chalk
--chalk · #F3F4F2Secciones alternas; texto sobre Carbon - Chalk 2
--chalk-2 · #E9EAE6Rellenos discretos dentro de las láminas
Texto
- Ink
--ink · #0C0D0FTitulares y cuerpo de texto - Ink 2
--ink-2 · #3F444CTexto secundario; el más claro para leer - Ink 3
--ink-3 · #5A6069Etiquetas y pies de imagen - Rule
--rule · #DCDEDALíneas finas y bordes
Acentos
- Sodium
--sodium · #E8A33AResaltados pequeños; marcas y viñetas sobre Carbon - Sodium dark
--sodium-d · #8A5A10Antetítulos y avisos como texto sobre claro - Corten
--corten · #B34A28La cinta; carga que pasó su plazo; dinero que se está cobrando - Good
--good · #2E7D5BEnviado, a tiempo, conciliado
Solo IA
- Pencil
--pencil · #7047EDNombres de agentes, borradores, el símbolo de IA - Pencil
--pencil-l · #7047EDEl mismo Pencil #7047ED sobre Carbon - Pencil wash
--pencil-wash · #F3F0FEDetrás de una línea preparada
Texto que cumple, y dos pares que nunca cumplen
- AaInk sobre Paper19,4 : 1
- AaInk 2 sobre Chalk8,9 : 1
- AaInk 3 sobre Chalk5,7 : 1
- AaSodium dark sobre Paper5,9 : 1
- AaPencil sobre Paper5,5 : 1
- AaCorten sobre Paper5,3 : 1
- AaChalk sobre Carbon17,6 : 1
- AaOn dark 2 sobre Carbon12,2 : 1
- AaSodium sobre Carbon9,0 : 1
- AaPencil sobre Carbon3,5 : 1 · nunca como texto
- AaSodium sobre Paper2,2 : 1 · nunca como texto
- AaPencil sobre Paper5,5 : 1
Los contrastes se calculan a partir de los colores de arriba. El texto necesita al menos 4,5 : 1.
Tipografía
Archivo, ensanchada para titulares, de ancho normal para leer.
Una sola tipografía. Su eje de ancho lleva los titulares; Martian Mono solo aparece en números que la gente lee en voz alta.
100 % cuerporoadmark112 % H2roadmark118 % displayroadmark
- Display40–82 px · 118 % · −0.04em · 0.98
- Los agentes hacen la primera pasada. Tú decides.
- H231–50 px · 112 % · −0.035em
- Siete agentes se pasan una carga entre ellos.
- H324 px · 100 %
- Arma el camión en orden de paradas
- Entradilla19–22 px · Ink 2
- Roadmark lee el correo, pone precio a la ruta con tu propio historial y te deja una cotización para que la envíes.
- Cuerpo18 px · 1.6 · el mínimo para leer
- El tiempo de espera de la 48213 se agregó a partir de las horas de llegada y salida del chofer, así que está en la factura antes de que alguien mire el reverso del BOL.
- Antetítulo15 px · 600 · tipo oración
- Cross-docking
- NúmerosMartian Mono, solo para números de carga, cotización, remolque y sello
- 48213 · Q-20931 · INV-10442 · TRL 5317
Piezas
Las pocas piezas con las que se arma cada página.
Son los propios componentes del sitio, no imágenes de ellos.
- Botones sobre claro: píldoras completas, de 50 px de alto
Un botón oscuro por sección. El botón de contorno es la segunda opción.
- Botones sobre Carbon
Rellenos de Chalk sobre oscuro. La navegación usa la misma píldora a 42 px.
- Etiquetas, esquinas de 6 pxCaja seca de 53'EnviadaNecesita a una personaAgente de Cotización
Las etiquetas indican un hecho. La etiqueta de IA nombra al agente que preparó lo que tiene al lado.
- Antetítulo y enlace de textoFacturación y liquidacionesVe cómo funciona la conciliación a tres vías
Un antetítulo nombra la sección con palabras sencillas, nunca con un eslogan ni una etiqueta en mayúsculas.
- Lámina: una imagen dibujada del trabajoCarga 48213EntregadaFlete3655,00 US$Recargo por combustible560,00 US$Tiempo de espera, 1 h 20 m100,00 US$Factura INV-104424315,00 US$
Blanca, esquinas de 18 px, una sombra suave. Las cifras son concretas y cuadran.
- Funciona en Claude, ChatGPT y GeminiFunciona en
ClaudeChatGPT
GeminiTambién Microsoft Copilot, y cualquier otro asistente compatible con MCP.
Los tres logos, grandes y a color, sobre Carbon. Los demás se nombran debajo, con palabras.
- Cinta reflectante
Solo en el borde inferior de la portada y de la oferta final, y en la parte superior de las pantallas de celular.
Archivos del logo
Símbolo, CarbonSobre Paper, Chalk y otros fondos clarosDescargar SVG · 347 bytes
Símbolo, ChalkSobre Carbon y otros fondos oscurosDescargar SVG · 347 bytes
Símbolo, blancoSobre una fotografía, encima de un velo oscuroDescargar SVG · 347 bytes
Símbolo de IA, PencilJunto al nombre de un agente, sobre claroDescargar SVG · 401 bytes
Símbolo de IA, PencilJunto al nombre de un agente, sobre CarbonDescargar SVG · 412 bytes
Ícono de la appCuadrado con esquinas redondeadas, para tiendas de apps y directoriosDescargar SVG · 458 bytes
¿Necesitas el símbolo con la palabra, para impresión o para la página de un socio? Escribe a hello@roadmark.ai y te enviaremos el logotipo completo con la palabra convertida en contornos.
¿Escribes sobre Roadmark?
Prensa, analistas y socios pueden contactar a una persona desde la página de contacto. Te enviaremos los archivos, los datos y a alguien con quien hablar.