# FournierTIC · Guía de marca

Versión 1.0 · Septiembre de 2026. Referencia visual: `/brand`.
Dirigida a equipos internos, agencias de diseño y colaboradores que creen piezas para FournierTIC.

## Esencia

Agencia argentina de desarrollo y servicios informáticos para negocios, profesionales, PyMEs y organizaciones. Un solo equipo para la tecnología del negocio. El cliente contrata directamente a FournierTIC, que reúne las especialidades necesarias. Buscamos relaciones de largo plazo.

Personalidad: clara, cercana, capaz, moderna y seria. No somos recruiting, marketplace de freelancers ni agencia de marketing. Tres áreas, siempre: Desarrollo, Presencia Digital y Soporte IT. Una persona debe comprender la oferta en diez segundos.

## Firma

Tren simplificado de frente + FournierTIC. Nombre sin espacios; F y TIC en mayúsculas. El tren alude a Marinos del Fournier, infraestructura y movimiento. No convertir esta referencia en el argumento comercial ni copiar identidades ferroviarias.

Usar el componente `src/components/Logo.astro` como referencia de proporciones: tren de 34 × 38 px, separación de 10 px y wordmark Barlow 600 a 29 px con TIC en 700. En pantalla pequeña, el componente ajusta el texto a 25 px. El isotipo editable está en `/brand/isotipo.svg`; el favicon en `/favicon.svg`.

Versiones: azul sobre claro, blanco sobre oscuro, tinta sobre claro. Monocromo permitido. Área libre mínima: un ancho de isotipo alrededor de la firma. Ancho mínimo recomendado: firma 160 px en digital o 35 mm impresa; isotipo 24 px. Para 16 px, usar favicon. No deformar, inclinar, agregar sombras, recolorear arbitrariamente ni cambiar la relación símbolo/texto.

## Color

| Color | HEX | Uso |
| --- | --- | --- |
| Azul Fournier | #173FE0 | Identidad, acciones, enlaces |
| Lima | #D7FA71 | Acentos, estaciones, llamadas a la acción |
| Blanco cálido | #F9F9F5 | Fondo principal |
| Tinta | #202724 | Texto principal |
| Gris texto | #626660 | Texto secundario |
| Línea | #DCDED6 | Separadores |
| Superficie | #EEF0E8 | Bloques alternativos |
| Fondo oscuro | #1D2826 | Pie de página |

Orientación de proporciones: 70% neutros, 25% azul, 5% lima. No son cuotas rígidas. Combinaciones: blanco sobre azul; tinta sobre blanco cálido o lima; lima sobre azul como acento. Evitar blanco sobre lima o lima sobre claro. Verificar contraste y no transmitir estados solo mediante color.

HEX es la referencia digital. Para impresión convertir con el perfil de la imprenta y aprobar prueba física; no hay Pantone definido. Tokens descargables: `/brand/tokens.css`.

## Tipografía

Barlow. Regular 400 para texto, Medium 500 para subtítulos, SemiBold 600 para títulos e interfaz, Bold 700 para énfasis. Alternativa técnica: Arial, sans-serif. No condensar ni estirar.

Títulos principales 44–74 px; secciones 32–47 px; cuerpo 16–20 px. Interlineado 1,05–1,2 en títulos y 1,5–1,6 en texto. Mayúsculas espaciadas solo para rótulos cortos. Adaptar tamaños al dispositivo y preservar lectura con ampliación de texto. Las fuentes web se alojan localmente mediante @fontsource/barlow.

## Composición y recursos

Grilla amplia, texto alineado a izquierda, espacios generosos. Escala de espaciado: 8/16/24/32/48/64/80 px. Contenedor web máximo de 1240 px. Bordes de 1 px y radios de 4–5 px. Una acción principal por bloque; botones azules con blanco y enlaces secundarios simples. Foco de teclado visible y objetivos táctiles de al menos 44 px.

Recorridos: una única línea continua, estaciones circulares, etiquetas legibles y destino claro. Ejemplo: Tu negocio → Entendemos qué necesitás → Resolvemos con vos → Tecnología funcionando. Es una metáfora de acompañamiento, no un orden obligatorio de contratación. Reutilizar `src/components/BusinessRoute.astro`.

Imágenes: capturas reales de proyectos. Evitar stock corporativo, 3D genérico, blobs, glassmorphism, gradientes gigantes, acumulación de tarjetas y animaciones innecesarias. Respetar prefers-reduced-motion. Priorizar HTML estático y accesibilidad.

## Voz

Voseo argentino, frases cortas, palabras cotidianas. Explicar primero qué resolvemos y después la tecnología cuando sea relevante. Cercanía sin informalidad forzada. No exagerar ni prometer capacidades o resultados sin confirmar.

Sí: “Construimos software para tu negocio.” “Contanos qué necesitás.” “Nos ocupamos de que tu equipo pueda trabajar.”

No: “Soluciones disruptivas 360.” “Pool de talento.” “Potenciamos tu ecosistema.” Tampoco usar metáforas ferroviarias en cada título.

## Entrega y mantenimiento

Verificar firma, fuente, colores, contraste, lectura móvil y claridad del mensaje antes de entregar. La referencia de implementación está en `src/styles/global.css`; esta guía y `/brand` fijan los criterios. Ante un cambio de identidad, actualizar guía, página, tokens, recursos y componentes a la vez. No modificar la identidad por conveniencia de una pieza aislada.