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