Superficies

Las dos partes del producto con código propio, la landing y el portal, y cómo se ven aquí.

Designloop tiene dos superficies web. Comparten tokens, pero no código.

Superficie Tecnología Estilos Componentes Textos
Landing (designloop.app) HTML estático public/site/styles.css, fonts.css y artifacts.css Clases CSS documentadas en cada ficha public/site/app.js (español e inglés)
Portal de clientes (/portal) Next y Tailwind 4 src/app/globals.css React en src/components/ui src/i18n/messages

Cómo se ven en este sistema

  • Los ejemplos de la landing cargan su hoja de estilos tal cual está en producción (la copia del último sync).
  • Los ejemplos del portal usan las mismas clases que generan sus componentes, compiladas en el navegador con la misma versión de Tailwind.
  • Las fichas indican en cada ejemplo a qué superficie pertenece.

Reglas

  • Un componente que existe en las dos superficies tiene una sola ficha, con un apartado por superficie.
  • Las diferencias entre superficies se anotan en la ficha. Unificarlas es una iniciativa, no un arreglo silencioso.

fundamentos/superficies · Actualizado el 2026-10-11