---
titulo: Superficies
resumen: Las dos partes del producto con código propio, la landing y el portal,
  y cómo se ven aquí.
estado: produccion
grupo: Producto
creado: 2026-10-11
actualizado: 2026-10-13
id: fundamentos/superficies
url: /designloop/fundamentos/superficies
sync: null
---

# 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. Desde el rediseño de la landing (octubre de 2026) no comparten tokens ni código: la landing usa la [paleta Jerte](/designloop/fundamentos/paleta-jerte) y el portal, la paleta anterior.

| Superficie | Tecnología | Estilos | Componentes | Textos |
| --- | --- | --- | --- | --- |
| **Landing** (designloop.app) | HTML estático | `public/site/report.css` y `fonts.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.