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 código.
Pablo Pinillos · Brío MMXXVI
Retrato · Estudio propioLogroño · La Rioja
Me pasé cinco años diseñando para agencias que cobraban como premium lo que entregaban como commodity. Brío nace de esa decisión: un estudio de autor capaz de firmar cada proyecto, sin dilución — 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
Primeros proyectos en partnership
Colaboraciones bajo NDA con tres agencias que ya tenían cliente pero no equipo técnico. Diez landings y una tienda. Validamos el método en condiciones reales.
- 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 la escala sin oficio.
Creemos en el proyecto contado.
Cada proyecto pasa por la misma mano. Si crecemos sin filtro, dejamos de ser nosotros — y entonces ya no hay razón para contratarnos. El ritmo lo marca la calidad, no el calendario fiscal.
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.
Si pides un botón rosa y no tiene razón de estar, te lo discutimos. Tu web tiene que convencer a quien no te conoce — no solo a ti.
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 A medida se calcula tras un discovery gratis de dos horas. Cero opacidad.
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.
Clientes · En nómina editorial
Quién ha firmado con nosotros.
- 01Bodega LurraVinícola2025
- 02Casa NórdicaInteriorismo2025
- 03Otero LegalDespacho jurídico2025
- 04Ribera MayorGastronomía2025
- 05ReverdiaConsultoría ESG2025
- 06Estudio VentalleArquitectura2024
- 07MendiaSaaS B2B2024
- 08PalmeraHospitality2024
- 09Valle & Co.Asesoría2024
- 10Rico ConsultoresConsultoría estratégica2024
* Algunos nombres bajo NDA omitidos. Partnerships con agencias sin listar.
Final del manifiesto · Primera línea del proyecto
Si has llegado hasta aquí, hablamos.
Lees, coincides y te reconoces en los cuatro pilares: rellena el brief. Lees, discrepas y no te convence: mándanos email y explícanos por qué, se agradece. Lo que no tiene sentido es quedarse a medias.