Manual de marca
Identidad visual de Servicio.ar
Una marca de servicio técnico que se lee como una herramienta: precisa, plana y sin adornos. Este documento define cómo se construye y cómo se usa.
01
Logotipo
Isotipo (llave inglesa) + wordmark en IBM Plex Sans Semibold. El sufijo “.ar” va en IBM Plex Mono regular y en tinta secundaria. Existe en versión positiva (sobre blanco) y negativa (sobre gris oscuro).
02
Isotipo
Llave inglesa de boca fija construida sobre una grilla de 24 unidades y girada 45°. Cabeza achaflanada, mango de 2,8 unidades y boca de 2,8 unidades. Una sola tinta, sin trazos ni degradados. Área de protección mínima: la mitad de su altura.
- 64px
- 40px
- 24px
- 16px
03
Relación con Paradise Host
Servicio.ar pertenece a Paradise Host® S.A. El logotipo se usa siempre solo, encuadrado por sus marcas de registro; la pertenencia al grupo se comunica con el logo oficial de Paradise Host en el hero, en el pie legal y en esta página (versión positiva o negativa según el tema).
04
Color
Sistema monocromo de dos temas. Modo claro: blanco y negro. Modo oscuro: gris oscuro y blanco. No se usan acentos, gradientes ni sombras de color; la jerarquía se construye con tinta, tamaño y hairlines.
Modo claro
Fondo
#FFFFFF
--bg
Tinta
#0A0A0A
--fg
Tinta secundaria
#5C5C5C
--muted
Hairline
#E0E0E0
--line
Superficie
#F7F7F7
--surface
Modo oscuro
Fondo
#181818
--bg
Tinta
#FFFFFF
--fg
Tinta secundaria
#A3A3A3
--muted
Hairline
#3A3A3A
--line
Superficie
#202020
--surface
Paradise Host (solo firma)
#6C4796
05
Tipografía
IBM Plex Sans para títulos y texto; IBM Plex Mono para etiquetas, datos técnicos y microcopy en versalitas con tracking amplio. Títulos con interlineado ajustado (0.95–1.1) y tracking negativo.
IBM Plex Sans · Semibold · 600 · tracking -0.02em
Soporte especializado y soluciones IT
IBM Plex Sans · Regular · 400 · 16–18px
Reparamos, optimizamos y protegemos PCs, notebooks y consolas en Capital Federal y Zona Norte.
IBM Plex Mono · Regular · 400 · uppercase · tracking 0.14em
CABA — ZONA NORTE · 34.6037° S · 58.3816° O
Aa
H1 · 3–5.5rem
Aa
H2 · 1.875–2.75rem
Aa
Body · 1rem
Aa
Mono · 0.6875rem
06
Principios
Reglas que hacen reconocible al sistema, más allá del logo.
01
Radio cero
Ningún elemento tiene bordes redondeados: botones, campos, tarjetas, imágenes.
02
Hairlines
Las divisiones se resuelven con líneas de 1px (token line) y grillas con gap de 1px, nunca con sombras.
03
Sin efectos
Sin degradados, glow, blur ni sombras difusas. El contraste lo da la tinta.
04
Mono como metadato
Todo lo que sea dato técnico (números, estados, etiquetas) va en IBM Plex Mono, versalitas y tracking 0.12–0.16em.
05
Numeración
Listas y pasos se numeran con dos dígitos (01, 02…) en mono y tinta secundaria.
06
Iconografía
Íconos de trazo 1.75px (Lucide) y marcas de terceros en una sola tinta.
07
Componentes
Piezas base de la interfaz, siempre con radio 0.
- gap-px
- border-line
- bg-line
08
Usos incorrectos
- ✕No aplicar color, degradados ni sombras al isotipo.
- ✕No usar el isotipo en otro ángulo que 45° ni sin girar.
- ✕No colocar el logotipo sobre fotografías sin un bloque sólido de fondo.
- ✕No redondear esquinas de contenedores, botones o imágenes.
- ✕No sustituir las tipografías IBM Plex por otras.
- ✕No estirar ni condensar el wordmark.