# Cota Estudio

> Comunicar criterio de arquitectura y obra sin parecer una galería decorativa.

- Servicio demostrado: Sitio web para estudios de arquitectura
- Tipo: demostración independiente
- Sector: Arquitectura
- Dirección visual: Brutalismo editorial
- Interacción: Materia activa
- Caso: https://devforgeapp.pro/proyectos/cota-estudio
- Demo: https://cota.devforgeapp.pro/

## Respuesta corta

Una hoja de obra digital con proyectos jerarquizados, decisiones espaciales y superficies que responden.

## El reto

Un estudio de arquitectura no necesita mostrar imágenes aisladas: necesita explicar cómo piensa, qué prioriza y por qué una obra se siente inevitable. El reto era ordenar portfolio, manifiesto y materiales sin caer en un masonry accidental.

## Dirección

Cota Estudio usa una retícula visible, blanco cálido, negro de asfalto y un naranja óxido muy medido. El tratamiento brutalista no se apoya únicamente en el color: también aparece en la escala tipográfica, las líneas de construcción y la jerarquía del archivo.

## Experiencia

El hero se construye por capas con una fotografía dominante y un plano anclado. Después, los proyectos se presentan con jerarquía editorial; los principios se expanden para explicar decisiones y el selector de superficies permite explorar concreto, madera, piedra y metal.

## Resultado

El resultado es una demostración independiente que convierte el criterio espacial en una experiencia navegable. La página muestra cómo una identidad puede sostener fotografía, texto, interacción y responsive sin que el contenido compita consigo mismo.

## Decisiones

- El hero se construye por capas con una sola fotografía dominante.
- El portfolio usa una jerarquía principal, estudios de escala y un cierre, no masonry accidental.
- Los principios se expanden para respaldar el manifiesto con decisiones concretas.

## Capacidades demostradas

- Portfolio jerárquico
- Principios expandibles
- Selector de superficies
- Brief de proyecto

## Fuentes

- [WAI — Page Structure and Headings](https://www.w3.org/WAI/tutorials/page-structure/headings/): Referencia para que manifiesto, obras, criterios y materiales conserven un orden semántico.
- [CSS Grid Layout](https://www.w3.org/TR/css-grid-2/): Especificación que sustenta la retícula editorial y su reorganización responsive.

Este caso no representa a un cliente real ni atribuye testimonios, disponibilidad o resultados comerciales reales.