# La marca Roadmark, en uso. > El símbolo de Roadmark y el de IA, los colores con su contraste, la escala tipográfica y las piezas de roadmark.ai, con los logos para descargar. URL: https://roadmark.ai/es/marca Language: es 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. ## 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. - Espacio libre: el ancho del registro, 18 unidades, por cada lado. ## 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. - **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. ## 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. | Color | Token | Hex | Uso | | --- | --- | --- | --- | | Carbon | `--carbon` | #0C0D0F | Navegación, portada, una franja oscura, oferta final, pie de página | | Carbon 2 | `--carbon-2` | #16181C | Una superficie elevada sobre Carbon | | Paper | `--paper` | #FFFFFF | La mayoría de las secciones y todas las láminas | | Chalk | `--chalk` | #F3F4F2 | Secciones alternas; texto sobre Carbon | | Chalk 2 | `--chalk-2` | #E9EAE6 | Rellenos discretos dentro de las láminas | | Ink | `--ink` | #0C0D0F | Titulares y cuerpo de texto | | Ink 2 | `--ink-2` | #3F444C | Texto secundario; el más claro para leer | | Ink 3 | `--ink-3` | #5A6069 | Etiquetas y pies de imagen | | Rule | `--rule` | #DCDEDA | Líneas finas y bordes | | Sodium | `--sodium` | #E8A33A | Resaltados pequeños; marcas y viñetas sobre Carbon | | Sodium dark | `--sodium-d` | #8A5A10 | Antetítulos y avisos como texto sobre claro | | Corten | `--corten` | #B34A28 | La cinta; carga que pasó su plazo; dinero que se está cobrando | | Good | `--good` | #2E7D5B | Enviado, a tiempo, conciliado | | Pencil | `--pencil` | #7047ED | Nombres de agentes, borradores, el símbolo de IA | | Pencil | `--pencil-l` | #7047ED | El mismo Pencil #7047ED sobre Carbon | | Pencil wash | `--pencil-wash` | #F3F0FE | Detrás de una línea preparada | | Texto sobre fondo | Contraste | | --- | --- | | Ink sobre Paper | 19,4 : 1 | | Ink 2 sobre Chalk | 8,9 : 1 | | Ink 3 sobre Chalk | 5,7 : 1 | | Sodium dark sobre Paper | 5,9 : 1 | | Pencil sobre Paper | 5,5 : 1 | | Corten sobre Paper | 5,3 : 1 | | Chalk sobre Carbon | 17,6 : 1 | | On dark 2 sobre Carbon | 12,2 : 1 | | Sodium sobre Carbon | 9,0 : 1 | | Pencil sobre Carbon | 3,5 : 1 · nunca como texto | | Sodium sobre Paper | 2,2 : 1 · nunca como texto | | Pencil sobre Paper | 5,5 : 1 | ## 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. - **Display:** 40–82 px · 118 % · −0.04em · 0.98 - **H2:** 31–50 px · 112 % · −0.035em - **H3:** 24 px · 100 % - **Entradilla:** 19–22 px · Ink 2 - **Cuerpo:** 18 px · 1.6 · el mínimo para leer - **Antetítulo:** 15 px · 600 · tipo oración - **Números:** Martian Mono, solo para números de carga, cotización, remolque y sello ## Archivos del logo El símbolo en SVG, en el color de cada fondo. Úsalos tal como están: no los redibujes, no les cambies el color ni los estires. - **Símbolo, Carbon:** Sobre Paper, Chalk y otros fondos claros. https://roadmark.ai/brand/roadmark-mark-carbon.svg - **Símbolo, Chalk:** Sobre Carbon y otros fondos oscuros. https://roadmark.ai/brand/roadmark-mark-chalk.svg - **Símbolo, blanco:** Sobre una fotografía, encima de un velo oscuro. https://roadmark.ai/brand/roadmark-mark-white.svg - **Símbolo de IA, Pencil:** Junto al nombre de un agente, sobre claro. https://roadmark.ai/brand/roadmark-mark-ai.svg - **Símbolo de IA, Pencil:** Junto al nombre de un agente, sobre Carbon. https://roadmark.ai/brand/roadmark-mark-ai-on-dark.svg - **Ícono de la app:** Cuadrado con esquinas redondeadas, para tiendas de apps y directorios. https://roadmark.ai/brand/roadmark-app-icon.svg ¿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. Las empresas, personas y cifras de los ejemplos del producto son ficticias. Ilustran flujos de trabajo; no son testimonios de clientes ni resultados medidos.