DESIGN SYSTEM

TORNILLIN · PREVIEW

Galería interna de tokens y componentes. Cada bloque puede copiarse tal cual y pegarse en cualquier pieza nueva manteniendo la consistencia 1:1 con la marca.

01 · Paleta

Color

Variables CSS extraídas del logo oficial y look & feel 2026. Vive en css/tokens.css.

Marca · Rojo Tornillín

red-50
#FBECEA
red-100
#F4CFCB
red-200
#E89B92
red-300
#D86A5C
red-400
#C84738
red-500 · primario
#BC3A2F
red-600
#9E2E25
red-700
#7F2520
red-900
#4A1612

Marca · Acero Tornillín

steel-50
#F4F4F5
steel-100
#E6E6E8
steel-200
#C9C9CD
steel-300
#A8A8AD
steel-400 · logo
#8A8A8E
steel-500
#6E6E72
steel-600
#555558
steel-700
#3D3D40
steel-900 · ink
#1C1C1F

Acentos por línea de servicio

Material eléctrico
#BC3A2F
Iluminación / automatización
#E8A93C
Energías renovables
#6BA630
Seguridad
#3E78C8
02 · Tipografía

Mont · escala completa

Mont es la única familia. Bold para titulares, Regular para cuerpo, Light sólo para bajadas largas.

display-xl · 88
SOLUCIONES QUE ILUMINAN
display-lg · 64
RUTAS TORNILLIN
display-md · 44
Todo para tu proyecto
h1 · 40
Material eléctrico para tu obra
h2 · 30
Iluminación residencial y comercial
h3 · 22
Conectores de uso rudo
eyebrow
Categoría · luminarias led
kicker
Línea Tornillin · 2026
body-lg · 18
En Grupo Tornillín Eléctrico, llevamos más de 40 años siendo el socio de confianza para empresas, comercios y profesionales del sector eléctrico.
body · 16
Texto base. Esta es la voz natural de la marca cuando habla en cuerpo regular.
body-sm · 14
Texto secundario, helpers, descripciones cortas, captions extendidos.
caption · 13
Pies, metadata, fechas, notas legales.
mono
COD · 7150 · PE01 · 89.00 MXN
03 · Geometría

Espaciado, radios y sombras

Escala de espaciado · base 4

1·4
2·8
3·12
4·16
6·24
8·32
12·48
16·64
24·96
32·128

Radios

4
8
12
16
20
28
pill

Sombras

shadow-xs
shadow-sm
shadow-md
shadow-lg
shadow-xl
red-glow
04 · Componentes

Bloques listos para usar

Botones

Ribbons (sello identitario)

SOLUCIONES QUE ILUMINAN RUTAS TORNILLIN CATÁLOGO 2026 PROMO

Badges

Default Nuevo Stock Iluminación Seguridad Oferta Industrial

Cards de servicio (las 4 líneas Tornillín)

Iluminación y
automatización

LED, dimmers, sensores, control inteligente para casa, oficina y obra.

Seguridad

Cámaras, sensores, controles de acceso y videoporteros profesionales.

Energías
renovables

Paneles solares, inversores, baterías y proyectos llave en mano.

Material
eléctrico

Cable, conduit, interruptores, centros de carga y todo lo de instalación.

Cards de producto

Luminaria Nuevo
COD · 0315 · CUR12

Conector cable uso rudo 1/2"

Metálico, aleación de zinc, instalación residencial e industrial.

$ 24.00 Anclo
Reflector
COD · 7150 · PE01

Reflector LED industrial 100W

IP65, 4000K, ideal para naves y patios de maniobra.

$ 849.00 Tecnolite
Panel solar Promo
COD · 2210 · SP-450

Panel solar monocristalino 450W

Tier 1, 25 años de garantía lineal, marco anodizado.

$ 2,890 Canadian Solar

Formulario

Te contactaremos en menos de 2 horas hábiles.

Tabla técnica (estilo catálogo)

CódigoCatálogoDescripciónProveedorPrecio
7150PE01Poliducto polietileno 1/2" EconómicoAlve$ 89.00
7151PE02Poliducto polietileno 1/2" ReforzadoAlve$ 109.00
0315CUR12Conector cable uso rudo 1/2"Anclo$ 24.00
0316CUR34Conector cable uso rudo 3/4"Anclo$ 31.50

Listas con bullets rojos

  • Interruptores y apagadores
  • Cable para instalaciones eléctricas
  • Luminarias LED
  • Iluminación sustentable
  • Tubería Conduit
  • Centros de carga y mucho más

Banner de campaña

CAMPAÑA · ABRIL 2026

¿Tienes una ferretería y ocupas material eléctrico?

Más de 10,000 productos en stock listos para tu próximo pedido.

Agenda una visita

Stats

Trayectoria
+40
años de operación
Catálogo
10K+
productos disponibles
Cobertura
8
sucursales en SLP
Respuesta
2h
en cotización promedio

Logo · usos correctos

Logo color
Logo blanco

Personaje Tornillín

Tornillín oficial
Tornillín v2

Cómo usar

  • Sobre blanco o patrón hex, nunca sobre rojo o azul saturado
  • Tilted -8° a +8° en composiciones de campaña
  • Acompáñalo de cajas cardboard, van o foco
  • No en piezas formales/serias