Santiago al atardecer desde la oficina y la promesa en tres líneas. El logo llega a su lugar desde la intro de metal.
conceptos.stratus.cl/abogados/#estudio
Entrada a la ciudad
Al bajar, la cámara entra por la ventana y el párrafo del estudio se escribe sobre la ciudad a oscuras.
conceptos.stratus.cl/abogados/#areas
Áreas
Las cuatro áreas pasan de lado como lotes de un plano de deslinde, y la línea de cobre marca cada límite con su hito.
conceptos.stratus.cl/abogados/#metodo
Cómo trabajamos
La sección se queda fija y un cincel graba en vivo cada compromiso del estudio en la piedra.
conceptos.stratus.cl/abogados/#franja-escrito
Todo queda por escrito
El video se abre desde la línea hasta llenar la pantalla; después los asuntos del estudio suben encima, como una hoja.
conceptos.stratus.cl/abogados/#cierre
Cierre
Una losa con el nombre tallado, cuyo reflejo se hunde en el vidrio esmerilado donde está el formulario.
Sitio completo para un estudio jurídico laboral y corporativo, con su logo, hecho por Stratus para un estudio ficticio. En venta para un estudio real.
La idea
Quien busca un abogado para su empresa quiere saber dos cosas antes de llamar: si el estudio conoce su tipo de problema y si cumple lo que promete. Lindero parte de esa segunda pregunta y la vuelve el eje de todo el sitio: lo que el estudio promete queda escrito y no se borra.
Cómo está hecho
Una sola idea recorre la página. Al entrar, el logo aparece como una pieza de metal y vuela al encabezado. La portada entra a Santiago por la ventana de la oficina. Las áreas pasan de lado como lotes de un plano de deslinde, marcadas por una línea de cobre. En "Cómo trabajamos" un cincel graba en vivo, con polvo y chispas, los cuatro compromisos del estudio en una piedra de basalto. Los videos se abren desde la línea y quedan bajo la sección siguiente, como una hoja que se pone encima, y el cierre es una losa con el nombre tallado.
Lo que puedes comprobar
Lighthouse: 100 en rendimiento, accesibilidad, buenas prácticas y SEO, en celular y en escritorio (cinco mediciones en conceptos.stratus.cl, 30-10-2026)
La primera carga pesa 392 KB en celular, con fotos y fuentes incluidas (misma medición)
El grabado de la piedra se talla con el scroll, en el navegador, compromiso por compromiso
En celular no corre el 3D: la piedra y la losa llegan como imágenes y las escenas largas se omiten
Si el sistema pide menos movimiento, el sitio se muestra sin escenas ni animaciones
Formulario que avisa en cada campo y arma un resumen con enlaces a lo que falta
Lo técnico
Astro, three.js con el tallado en un worker, GSAP y Lenis para las escenas, Newsreader y Archivo, con un corte propio de 21 KB para los titulares.
Lindero Abogados es un estudio ficticio. Su sitio y su logo están terminados y se venden a un solo estudio jurídico real: cuando se venda, sale del portafolio.
Lo que se adapta a tu estudio
El nombre, en el logo, en la intro de metal, en la piedra grabada y en la losa del cierre.
El logo: la Justicia dentro del arco de cobre y el nombre en minúsculas, con su versión de metal.
Las áreas, los compromisos que se graban en la piedra y los textos de cada sección.
El equipo, con sus fotos, y los asuntos que el estudio pueda mostrar.
El formulario, conectado al correo del estudio.
Es un punto de partida
A algunos estudios les basta una sola página. Otros necesitan páginas propias por área, por socio y para sus publicaciones. El valor depende de esa escala, por eso se cotiza para cada estudio.
