Saltar al contenido principal

ICONOGRAFÍA MODO B: NEON SYNTAX

Interfaz Quirúrgica. El lado profesional arquitectónico de CODE ME exige íconos que comuniquen la velocidad fría del Front-End corporativo. No son píxeles adorables; son los circuitos cortados a láser y luminosos que guían a la navegación web madura del usuario adulto.


⚛️ Tratamiento Visual (Vector_Line_Art)

Estilo Directo: Line Art Geométrico Estricto (Monoline).
Fuentes Nativas (Open-Source): Dependemos masivamente de la robustez imperturbable y profesionalidad de Phosphor Icons o su primo táctico Remix Icon. Ambas forjadas en limpio Open Source general.

Configuración Exclusiva del Stroke (Modificación de Marca):

  • Grosor del Vector: Forzoso inyectar pesadez técnica. Nada de iconografía "Aérea o Ligera" estilo iOS. Nuestro stroke mínimo es siempre espeso (Regular 2px a Bold 3px).
  • Esquinas Perimetrales: Squarish absolutas. Cancelamos el estilo UI amigable del 2012; cortamos las puntas para lograr terminaciones Rectas siempre que sea posible. Queremos simular conexiones a integrados PCB rudos.

⚡ La Intervención Obligatoria (Glitch Modification)

La magia visual recae en que no simplemente bajamos el icono gratuito y lo pegoteamos: Nos tomamos explícitamente el valioso tiempo de "estropear sutilmente" al menos una sola esquina en el ilustrador (O si no, borrando mágicamente apenas un milímetro clave del path) para que simule un micro-glitch hermoso o un chip incompleto abierto. Así reclamamos universalmente el vector externo como "Propiedad Técnica de la marca".

El Efecto de Neón (The Drop-Shadow Glow):

Todo ícono lineal brillante debe obligatoriamente poseer en su <Hover> State Web un efecto de destello de lámpara (drop-shadow: 0 0 10px #00F0FF). Literalmente prendiéndose con la estática del cursor inmaculado.

📍 Puntos de Montaje Aprobados (Deploy)

  • Micro-acciones de UI (Pestañas web, iconos diminutos de Redes, botones Home / Print / Share).
  • Encabezados de menús de navegación.
  • Todo Bullet Point en extensas e informativas listas técnicas PDF.

// COMPONENT COMPILER (Interactive Test)

AcornIcon
AddressBookIcon
AddressBookTabsIcon
AirTrafficControlIcon
AirplaneIcon
AirplaneInFlightIcon
AirplaneLandingIcon
AirplaneTakeoffIcon
AirplaneTaxiingIcon
AirplaneTiltIcon
AirplayIcon
AlarmIcon
AlienIcon
AlignBottomIcon
AlignBottomSimpleIcon
AlignCenterHorizontalIcon
AlignCenterHorizontalSimpleIcon
AlignCenterVerticalIcon
AlignCenterVerticalSimpleIcon
AlignLeftIcon
AlignLeftSimpleIcon
AlignRightIcon
AlignRightSimpleIcon
AlignTopIcon
AlignTopSimpleIcon