---
title: "Diseño web para materiales de construcción circulares | Eslabón"
description: "Tema para bancos de materiales recuperados: archivo de lotes filtrable, pasaporte con calculadora de cobertura, bandeja de muestras e inventario previo al derribo."
lang: es-ES
source_url:
  html: https://logic2b.com/templates/eslabon/
  md: https://logic2b.com/templates/eslabon/index.md
---

# Eslabón Plantilla para sostenibilidad y climate tech

eslabón.tudominio.com

Ruta: [Plantillas](https://logic2b.com/templates) › [Sostenibilidad y climate tech](https://logic2b.com/diseno-web/sostenibilidad)

## Diseño web para sostenibilidad y climate tech

Un banco de materiales de construcción recuperados ambientado en una nave de acopio de noche: carbón, hueso y óxido encendido, rótulos de cartel de obra en mayúsculas. La portada recorre el pasillo del almacén al ritmo del scroll mientras el titular encaja como palés y la etiqueta del lote destacado cuelga sobre el vídeo. Báscula con contador rodante, archivo de lotes con pasaporte y calculadora de cobertura, bandeja de muestras, «La cadena» en carril horizontal y un estimador para quien va a derribar. Cierra con el teletipo de movimientos del almacén.

**Eslabón** es una demo navegable para sostenibilidad y climate tech. Está pensada para que quien entra entienda rápido qué ofreces y acabe contactando o reservando; la adaptamos a tu marca, tus textos y tus servicios.

La demo está construida con Astro y Svelte, el mismo stack que usamos en producción. En todos cuidamos lo mismo: carga rápida, HTML semántico y contenidos bien estructurados para que tu negocio se encuentre en buscadores y asistentes de IA.

### Qué incluye

- Portada con vídeo del almacén controlado por el scroll
- Titular que encaja como palés y etiqueta de lote colgada
- Báscula con contador rodante ligado al scroll
- Archivo de lotes filtrable con transiciones de vista
- Pasaporte de material con calculadora de cobertura
- Bandeja de muestras guardada en la sesión
- «La cadena»: carril horizontal fijado con la cadena dibujándose
- Vídeo revelado con clip-path y estimador de inventario previo al derribo
- Caja de muestras por capas con puntos de lectura
- Cierre con teletipo de movimientos del almacén

### Detalles

**Sector**

Sostenibilidad y climate tech

**Stack**

Astro + Svelte

**Entrega**

Publicada en tu dominio

### Categorías

[Sostenibilidad y climate tech](https://logic2b.com/diseno-web/sostenibilidad) Oscuro Industrial Vídeo Scrollytelling

## Temas relacionados

[Ver todos](https://logic2b.com/templates)

[**Isaria** Sostenibilidad y climate tech](https://logic2b.com/templates/isaria) [**Orla. Eco** Moda sostenible y ecommerce](https://logic2b.com/templates/orla-eco) [**Fibra** Biotecnología y genética](https://logic2b.com/templates/fibra)

Más allá de la web · Sostenibilidad y climate tech

## La web cuenta el impacto. El sistema lo mide.

[Sistemas del sector](https://logic2b.com/diseno-web/sostenibilidad#sistemas)

En climate tech, la credibilidad está en los datos: producción, consumo y recursos que se puedan comprobar. Estas demos convierten esos datos en paneles.

1. Demo · Huella
   **01** Industria, energía e IoT
   **[Inventario de emisiones y plan de reducción](https://logic2b.com/lab/huella)**
   Fuentes y alcances trazables, factores editables y medidas de flota, autoconsumo y viajes que recalculan el escenario y su informe.
2. Demo · Irradia
   **02** Industria, energía e IoT
   **[Producción renovable](https://logic2b.com/lab/irradia)**
   Planta solar en vivo con curva real frente a la previsión y pérdidas en cascada, para informes de impacto con datos reales.
3. Demo · Linde
   **03** Industria, energía e IoT
   **[Agricultura de precisión](https://logic2b.com/lab/linde)**
   Parcelas y sensores sobre la vista aérea, con el agua y los tratamientos ajustados a lo que el campo necesita.

Sistemas a medida

- [Industria, energía e IoT](https://logic2b.com/sistemas/industria-energia)

---

Logic2b S.L. · Castellón (España) · [info@logic2b.com](mailto:info@logic2b.com) · [Contacto](https://logic2b.com/contacto/) · [Auditoría gratuita](https://logic2b.com/auditoria/) · [Índice para IA](https://logic2b.com/llms.txt)