Brand UI

Componentes expresivos para brand.pipepath.com, las landings y las páginas de producto. Astro los renderiza sin JavaScript; solo las piezas interactivas, como el selector de tema, se hidratan en el cliente.

pnpm add -E @pipepath/brand-ui@0.1.0 @pipepath/css@1.0.0 react react-dom

• Box

  Caja con borde pixel de 3 px y esquinas escalonadas: agrupa contenido en tarjetas y paneles.

• Button

  Botón o enlace con forma de botón para landings y páginas de marca; el primario neón se presiona 3 px hacia abajo.

• PixelLabel

  Etiqueta HUD en Silkscreen: corta, en mayúsculas y nunca bajo 11 px.

• Logo

  Logo maestro |: pipepath en texto, con un sufijo opcional en Silkscreen para el sitio o el producto.

• ThemeToggle

  Botón que alterna el tema entre sistema, oscuro y claro, recuerda la elección y la anuncia a los lectores de pantalla.