I
Antes del píxel, la palabra.
El copy no llega después del diseño, llega antes. Escribir el brief, el manifiesto y las tres primeras frases del titular antes de abrir Figma. Si el texto no aguanta leído en voz alta, el diseño no lo salvará.
Estudio · Firma única
Dirección creativa, estrategia de marca, diseño editorial e ingeniería bajo la misma firma. Sin intermediarios, sin agencias de tres capas. Cada línea de copy y cada línea de código pasa por el mismo criterio.
El estudio que firma cada decisión.
Ocho disciplinas, un solo juicio editorial. Dirección creativa, estrategia, diseño, ingeniería, animación, WebGL, copywriting y dirección fotográfica. Todo lo que hace falta para publicar una pieza de autor, sin subcontratar el criterio.
FundaciónMMXXVI
DomicilioLogroño · La Rioja
DirecciónPablo Pinillos
FocoDirección creativa e ingeniería
Disciplinas · Ocho áreas
Lo que hacemos, sin subcontratar.
- 01Dirección creativaEstrategia visual · Concepto · Dirección de arte
- 02Estrategia de marcaPosicionamiento · Tono de voz · Arquitectura
- 03Diseño editorialTipografía variable · Sistema modular · Retícula
- 04Ingeniería frontendNext.js 16 · React 19 · TypeScript estricto
- 05Animación y WebGLGSAP Club · Three.js · Shaders propios
- 06Copywriting editorialEspañol, inglés · Tono y voz propia por proyecto
- 07Dirección fotográficaProducto · Retrato · Espacio · Partnership
- 08Performance y SEOLighthouse ≥95 · Core Web Vitals · Schema
Método · Cuatro reglas
El proceso ritual. Cada proyecto pasa por las mismas cuatro estaciones, en el mismo orden. Si una se salta, lo sientes al tercer mes.
Antes del trazo, la regla.
II
Sistema antes que la página.
Tipografía, escala, color, ritmo. Los tokens se definen como si fueran la constitución del proyecto. Luego viene el layout, sabiendo que cada decisión se repite en todas partes.
III
Animación con finalidad.
Cada transición responde a una pregunta: ¿qué estoy comunicando? Si la respuesta es 'nada', se cae. El motion premium se mide en ausencia: lo que no está molestando.
IV
Código que sobrevive.
Next, Tailwind, GSAP. Stack estable, sin fiebre de plugins. Componentes propios, documentados, tipados con estrictez. Tres años después, seguirá siendo editable por otra mano.
Fundador · Una sola mano
El estudio lo firma una persona. Todos los proyectos pasan por la misma mesa, el mismo ojo y el mismo juicio editorial.
Pablo Pinillos. Diseña, dirige y programa.
Pablo Pinillos · Brío MMXXVI
Retrato · Estudio propioLogroño · La Rioja
Pasé cinco años diseñando para agencias que cobraban como premium lo que entregaban en serie. Brío nace de esa decisión: un estudio de autor capaz de firmar cada proyecto, del concepto a la última línea de código.
- MMXXIV · otoño
La idea
Tras cinco años diseñando para agencias ajenas, la conclusión era clara: los procesos están optimizados para facturar, no para hacer bien. Arranca la hoja en blanco de lo que luego sería Brío.
- MMXXV · invierno
El primer sistema
Seis meses de fundamentos: paleta propia, tipografía variable Fraunces, sistema modular, easings custom. Nada copiado. Nada alquilado. Antes de fundar estudio, fundar método.
- MMXXV · verano
Iteración del método
Pruebas en proyectos privados y maquetas internas que se convertirán en las plantillas-demo del portfolio. El stack Next 16 + GSAP Club + R3F se valida pieza a pieza, no en una landing genérica.
- MMXXVI · primavera
Brío Studio · oficial
Apertura del estudio con nombre propio en Logroño, La Rioja. Cuatro paquetes cerrados, calendario firmado, manifiesto publicado. brio-studio.es es el domicilio.
- MMXXVI · presente
Agenda abierta para Q3–Q4
Dos ventanas de producción disponibles antes de diciembre. Proyectos firmados con plazo cerrado. Partnership activo con agencias de marca bajo NDA para el resto del año.
Creencias · Ocho decisiones
Lo que rechazamos a la izquierda. Lo que firmamos a la derecha. Ocho pares que filtran qué proyectos entran y cuáles decimos que no.
No creemos. Creemos.
01
No creemos en la velocidad por la velocidad.
Creemos en el plazo firmado.
Un brief al día no construye una marca. Un plazo que se respeta, sí. Por eso el calendario va en el contrato.
02
No creemos en crecer por crecer.
Creemos en el oficio que no se delega.
Cada proyecto pasa por la misma mano. Si diluimos el criterio en relevos y juniors, dejamos de ser nosotros — y entonces ya no hay razón para contratarnos. El ritmo lo marca la calidad.
03
No creemos en la tendencia.
Creemos en la decisión documentada.
Cada tipografía, color y ease responde a una regla escrita. Cuando la moda gira, lo justificado permanece.
04
No creemos en el cliente siempre razón.
Creemos en el sistema que defiende al cliente.
Cada decisión de diseño responde a un objetivo: que tu web convenza a quien aún no te conoce. Si una petición va en contra de eso, lo hablamos y te damos el porqué — la última palabra es tuya.
05
No creemos en las plantillas comerciales.
Creemos en el lienzo en blanco.
Cada proyecto empieza con dirección de arte propia. Las plantillas demo que ves son ejemplos de capacidad, no moldes reutilizables.
06
No creemos en el código prestado.
Creemos en el repositorio tuyo.
El código se escribe desde cero, con componentes propios, sin builders intermedios. Si te vas, te vas con todo — sin dependencias nuestras.
07
No creemos en el precio a ciegas.
Creemos en el presupuesto cerrado.
Los cuatro paquetes están publicados. El precio del paquete A medida se calcula tras un discovery gratuito de dos horas. Todo transparente.
08
No creemos en la dependencia perpetua.
Creemos en el handoff documentado.
Tras la entrega, recibes Loom de 9 minutos, documentación propia del sistema y repositorio a tu nombre. Mantenimiento opcional.
Sectores · Diez landings construidas
Diez sectores ya vestidos.
Una landing demo navegable por sector, con paleta y dirección de arte propias. No son plantillas: son piezas firmadas. Pulsa una para verla en vivo.
- 01Casa EneaRestaurante editorialDemo →
- 02AltamiraInmobiliaria de autorDemo →
- 03VelariaSpa termalDemo →
- 04Castellán · HerreraDespacho de abogadosDemo →
- 05Hotel RiomorosHotel ruralDemo →
- 06Maison AurigaTienda online · perfumeríaDemo →
- 07María OsaPortfolio de fotografíaDemo →
- 08Luz BeltránMentoring estratégicoDemo →
- 09IRON StudioFitness · brutalistDemo →
- 10MeridianoDistribuidora B2BDemo →
Conforme cierren proyectos reales, esta lista se cruzará con clientes firmantes — siempre con su consentimiento.
Final del manifiesto · Primera línea del proyecto
Si has llegado hasta aquí, hablamos.
Si te reconoces en los cuatro pilares, rellena el brief. Y si no te convencen, escríbenos y dinos por qué — se agradece igual. Lo que no tiene sentido es quedarse a medias.