AlfaBeth, estudio de diseño de marca de Vicky Beth

Todos los proyectos

Whilehaus: la lógica de la forma

Sistema de identidad para un estudio de negocio, diseño y sistemas. Su morfología es un manifiesto en sí misma, construida por sustracción: cuatro círculos tangentes muerden el plano, y lo que sobrevive es la marca.

  • Branding Estratégico
  • Estudio de negocio, diseño y sistemas
  • 2026
  • Manual + arquitectura de marca
Consultoría sin cargo Ver el manual

La marca de un estudio que vende sistemas tenía que ser uno.

Portada del manual de Whilehaus: la marca en Mode Dark sobre Naval y en Mode Light sobre Frost, partida por una diagonal
Mode Dark y Mode Light, en la portada del manual.

El estudio

Whilehaus no es una agencia de diseño tradicional ni una fábrica de software: es un estudio de negocio, diseño y sistemas. Acompaña un negocio desde entenderlo hasta construir los sistemas que lo sostienen, y las tres cosas se piensan en la misma conversación.

Fundado a principios de 2026 por un arquitecto de software con años de oficio en sistemas de gran escala, y con una convicción poco frecuente en su rubro: que un sistema estable y una identidad memorable no son dos encargos distintos, sino consecuencias del mismo proceso.

Su premisa fundacional es simple: antes de hacer, entender. La primera conversación no es para cotizar; es para mapear cómo funciona el negocio y la cadena que lo sostiene.

De esa premisa se desprende la estructura del estudio, que es también su argumento: no hay capas intermedias entre la conversación y la construcción. El mismo estudio que entiende el negocio es el que diseña el sistema y el que lo construye. Menos estructura, más oficio.

El concepto: la lógica de la forma

El nombre ya traía el concepto puesto. While es el bucle lógico de la programación: el ciclo que procesa, audita y refina hasta que el objetivo se cumple. Haus es la Bauhaus: el funcionalismo estricto, la forma que responde a un propósito.

La lógica de la forma

De esa unión nace el principio que ordena todo el trabajo del estudio: la lógica de la forma. Whilehaus no dibuja ornamentos; estructura visualmente el negocio.

El isotipo es el emblema conceptual y la firma de autor, y su morfología es un manifiesto en sí misma: construida por sustracción.

Una operación que se repite

Esa misma operación vuelve a aparecer en todo lo demás. En el logotipo, donde la modificación de dos caracteres es el isotipo superpuesto. Y en la fotografía, cuyo tratamiento replica el mismo principio estructural aplicado al logotipo.

El reconocimiento no se apoya en acumular recursos: se apoya en una sola operación que se repite.

La identidad verbal

La voz de Whilehaus es pausada, clara y declarativa. Confiada pero no arrogante: sabe lo que hace y no necesita gritarlo. La forma de la frase es la afirmación corta, sin preguntas retóricas y sin signos de exclamación.

Misión

Acompañar el negocio, no solo el proyecto: entenderlo primero, diseñar cómo se ve y construir los sistemas que lo sostienen.

Visión

Ser el estudio de referencia para los negocios que entienden que la forma y la función no compiten: se construyen juntas, con la tecnología como herramienta y no como discurso.

Los tres valores

Sintaxis funcional. Todo elemento visual responde a una función y a un objetivo de negocio claro. Si no sostiene algo, no está.

Iteración consciente. El bucle constante — while — es la metodología nativa del estudio: auditar, refinar y volver a pasar, hasta que funciona.

Transparencia técnica. Sin jerga vacía, en un lenguaje que un dueño de negocio entiende, y entregando estructuras que se pueden verificar funcionando.

El recurso de la casa: el pivot con punto

Una sola conversación. Todas las etapas.
Antes de hacer, entender.

Palabras propias

Las que la marca usa porque describen cómo trabaja.

  • negocio
  • sistema
  • sostener
  • acompañar
  • mapear
  • etapa
  • conversación
  • ritmo

Palabras prohibidas

No se usan en ninguna pieza, en ningún canal.

  • disruptivo
  • innovador
  • soluciones
  • ecosistema
  • 360
  • partner
  • sinergia
  • integral
  • a medida
  • potenciar
  • #1

El isotipo: construido por sustracción

Cuatro círculos tangentes sobre una grilla cuadrada muerden el plano, y lo que sobrevive es la marca. Nada se agrega: todo se talla. Su anatomía tiene tres componentes, y cada uno nombra una parte del estudio.

Página del manual con la construcción geométrica del isotipo de Whilehaus: cuatro círculos tangentes sobre una grilla cuadrada
Los cuatro círculos y la grilla. Los arcos de las esquinas son la huella del corte.

El círculo central. Un vacío circular perfecto en el corazón de la forma. Representa el negocio y el valor del cliente: el centro está reservado para él.

La estrella de cuatro puntas. De flancos cóncavos, rodea y protege el centro. Representa el diseño: la forma que nace de la precisión del corte.

El anillo perimetral. Fino, cruza los vértices internos en cuatro fragmentos de arco. Representa el sistema: la infraestructura que conecta y contiene la estructura.

Mode Dark · Coral y Naval

Isotipo de Whilehaus en Coral sobre Naval
Coral sobre Naval
Isotipo de Whilehaus en Naval sobre Coral
Naval sobre Coral

Mode Light · Tide y Frost

Isotipo de Whilehaus en Frost sobre Tide
Frost sobre Tide
Isotipo de Whilehaus en Tide sobre Frost
Tide sobre Frost

El logotipo lleva el isotipo adentro

Es la palabra Whilehaus en Inter Bold, con un tracking compensado de −0.025em que le da un peso visual masivo, técnico y arquitectónico. Dos caracteres tienen la terminación modificada, y la modificación no es un gesto decorativo.

Página del manual con la construcción del logotipo: el isotipo superpuesto corta la W y muerde el pie de la h
La punta superior de la estrella corta la W; la inferior muerde el pie de la h.

Es el isotipo superpuesto al logotipo. La punta superior de la estrella corta la W y deja su fragmento suelto en el extremo izquierdo; la punta inferior muerde el pie de la h. Por eso el logotipo funciona solo, sin el isotipo al lado: ya lo lleva adentro.

Recortado a sus dos primeras letras da el módulo «Wh», que a gran escala funciona como campo gráfico de fondos y tapas. Es el logotipo visto demasiado de cerca, y por eso pertenece incluso cuando no se lee.

Logotipo de Whilehaus en Coral sobre Naval
Logotipo de Whilehaus en Tide sobre Frost
Módulo Wh de Whilehaus en Coral sobre Naval
El módulo «Wh»
Isotipo más módulo Wh de Whilehaus en Frost sobre Tide
Con isotipo

Paleta y tipografía

El universo del estudio se ordena en un balance cromático estricto de tonos planos, que representan la dualidad entre el análisis y el desarrollo. El registro de nombres es deliberado: palabras únicas, cortas y concretas.

Coral

#D9543B
R 217 · G 84 · B 59
C 10 · M 77 · Y 78 · K 1
Acento cálido e identitario

Naval

#02050E
R 2 · G 5 · B 14
C 100 · M 40 · Y 30 · K 100
Fondo del Mode Dark

Tide

#2F71A3
R 47 · G 113 · B 163
C 82 · M 48 · Y 17 · K 3
Acento frío y técnico

Frost

#F2F4FD
R 242 · G 244 · B 253
C 6 · M 4 · Y 0 · K 0
Fondo del Mode Light

El degradado, con la fórmula escrita

El puente visual que une los dos modos de la marca es el degradado lineal oficial que acompaña al tagline. En Mode Light cruza desde Tide en sus primeras etapas hasta Coral en su cierre, con cortes limpios y definidos bajo la fórmula de código — Tide 0,30 · Coral 70,100 — evitando zonas intermedias difusas, para conservar la impronta estructural de la identidad.

Lo mismo se hace del Naval al Frost, y la construcción se invierte para el Mode Dark.

Y tres escalas digitales

Aparte de los cuatro colores planos, el sistema declara tres escalas para pantalla — neutral, coral y tide — con cada peldaño nombrado y con su hex. La neutral va del Naval al Frost en nueve pasos.

Única familia del sistema

Inter

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789

No hay segunda tipografía y no hace falta: la personalidad vive en los cortes del logotipo, no en otra fuente. Una tipografía menos es una decisión menos que tiene que tomar quien aplique la marca mañana.

Adaptabilidad responsiva y síntesis

El sistema está diseñado bajo una lógica de reducción progresiva que garantiza el reconocimiento marcario en cualquier escala. Cada versión tiene un tamaño mínimo declarado, en milímetros y no a ojo.

Página del manual con los cuatro niveles de reducción del marcario de Whilehaus y sus medidas en milímetros

Nivel 1 · Imagotipo completo. Isotipo, logotipo y tagline. La versión institucional, para piezas donde el espacio lo permite. Ancho de referencia 92 mm; mínimo con descriptor legible, 48 mm.

Nivel 2 · Imagotipo sin tagline. Para aplicaciones donde el descriptor ya no es legible o el contexto lo vuelve redundante.

Nivel 3 · Módulo «Wh». El logotipo recortado a sus dos primeras letras, con o sin isotipo. Alto mínimo 20 mm con isotipo en versión horizontal; 10 mm el módulo solo. También opera a gran escala: sangrado y ampliado funciona como campo gráfico de fondos, tapas y placas.

Nivel 4 · Isotipo. El último eslabón de síntesis, para entornos donde la tipografía pierde legibilidad. Mínimo 10 mm o 32 px. Es la versión de favicon, app icon y sello.

El tratamiento fotográfico

La fotografía no se utiliza como un simple ornamento: es intervenida por el isotipo superpuesto a la composición. De la misma manera en que las puntas de la estrella muerden la W y la h para revelar su estructura interna, sobre el plano fotográfico la estrella de cuatro puntas opera como una matriz de corte y escala progresiva.

Esa incisión rompe el encuadre ortogonal tradicional para fundir la figura con el fondo: el espacio que el corte sustrae de la imagen es ocupado limpiamente por el plano de color.

Así la fotografía no flota sobre la puesta en página, sino que queda estructuralmente anclada a la arquitectura visual de la marca.

Página del manual con el tratamiento fotográfico de Whilehaus: el isotipo anclado al vértice recorta la imagen

Una familia monolítica que se diferencia por color

El ecosistema opera bajo un modelo endosado fuerte: cada submarca tiene nombre propio y usa a Whilehaus como sello de respaldo. A nivel gráfico el comportamiento es monolítico — toda la familia comparte tipografía, cortes morfológicos e isotipo, y se diferencia únicamente por su código cromático.

Isotipo de Whilehaus Logotipo de Whilehaus
Whilehaus · la marca madre
Isotipo de Whallet: la misma estrella de cuatro puntas, en teal Logotipo de Whallet en teal, con el mismo corte en la W y en la doble l
Whallet · el corte en la W y en la doble l
Isotipo de Markery: la misma estrella de cuatro puntas, en carmín Logotipo de Markery en carmín, con el mismo corte en la M y en la k
Markery · el corte en la M y en la k

La misma estrella, el mismo corte, la misma familia tipográfica. Lo único que cambia es el color, y el nombre se enlaza a la matriz bajo una sola estructura: [Nombre] by Whilehaus.

Hay tres reglas verbales que protegen a la marca corporativa: se escribe siempre como una sola palabra, nunca en all-caps ni separada; está prohibido fragmentarla para nombrar proyectos — nada de «While-algo» ni «algo-haus»; y cada producto nuevo lleva nombre propio, no una variación del apellido.

El manual: las reglas del sistema

Quince páginas donde cada criterio queda escrito y medido. Las combinaciones cromáticas que aparecen ahí son usos oficiales y homologados, y cada variante responde a una jerarquía estricta de contraste fondo-figura. Del otro lado, la prohibición es absoluta: cualquier alteración sobre la estructura, la morfología o las proporciones de la marca.

Portada del manual de marca de Whilehaus V3
Página del manual con la paleta cromática de Whilehaus y sus códigos
Página del manual con los usos permitidos del logotipo sobre cada fondo de la paleta
Página del manual con la adaptabilidad responsiva y los tamaños mínimos

Se puede leer entero: Whilehaus lo tiene, y acá está.

Descargar el manual (PDF, 2 MB)

El resultado

Una marca 100% nativa digital. A diferencia de las estructuras tradicionales, sus propios sistemas están en producción, se usan todos los días y funcionan como la prueba de trabajo del estudio: lo que vende, primero lo construyó para sí mismo.

Y con el sistema abierto. Toda la familia comparte tipografía, cortes morfológicos e isotipo, y se diferencia exclusivamente por su código cromático. Para el producto que venga, la forma ya está.

Whilehaus no dibuja ornamentos; estructura visualmente el negocio.

La marca de Whilehaus en Coral sobre Naval: isotipo, logotipo y descriptor

Esto es lo que incluye un proyecto de Branding Estratégico.

Ver el servicio

¿Tu marca aguanta el próximo producto?

Lo que hice para Whilehaus empieza siempre igual: entendiendo tu negocio. La primera charla no tiene costo y salís con un diagnóstico, trabajes o no conmigo.

Consultoría sin cargo