Volver al portfolio
IdentidadCaso propioSistema

SernaLab

SernaLab es la construcción de la identidad visual de mi propia marca como diseñador — que dará visibilidad a todo el trabajo que viene después. Un proyecto donde el diseñador es también el cliente. Y eso cambia la visión de todo.

Tipo de proyectoProyecto propio
Año2026
DisciplinasNaming · Identidad · Sistema de marca
HerramientasIllustrator · HTML/CSS
SernaLab — pieza de identidad
Identidaddel concepto a la pantalla
2026
El reto

Una identidad para dos disciplinas

Crear una identidad que represente dos disciplinas a la vez — gráfica y UX/UI. Enfoque serio para una agencia, cercana para un cliente directo, con criterio propio y sin perder accesibilidad. El nombre ya existía; el reto era darle un sistema visual acorde con los objetivos, la visión y la misión de la marca.

El diseñador es también el cliente. Y eso cambia la visión de todo.

El proceso

El criterio precede a la forma

Comenzamos desde el concepto, no desde la forma. ¿Qué es SernaLab y en qué se diferencia? Esa pregunta definió cada decisión. Cada una quedó documentada en un Brand Guidelines completo — paleta, tipografía, wordmark, símbolo, grafismo, usos y especificaciones técnicas. Una herramienta de trabajo real, no solo un documento de presentación.

Tres decisiones de sistema
01
Teal #2A9E94
Color principal. Diferencial en el sector, energía creativa sin estridencia.
02
Jost + Inter
Carácter en titulares, rigor y legibilidad en el cuerpo.
03
Del concepto a la pantalla
La tagline como síntesis exacta de lo que la marca hace y cómo.
Recorrido
01
Concepto
Qué es SernaLab y en qué se diferencia.
02
Naming
Iteración hasta cerrar en SernaLab.
03
Color
Teal como acento único sobre neutros.
04
Tipografía
Pareja Jost + Inter, dos pesos por familia.
05
Tagline
“Del concepto a la pantalla”.
06
Brand Guidelines
Guía v1.0 como fuente única de verdad.
El resultado

La marca operando en cada superficie

Wordmark, paleta de colores, sistema tipográfico y guía de uso documentada que demuestra algo esencial: en SernaLab, el criterio siempre precede a la forma. Sellos y firmas explorados en HTML — no en mockup. La marca opera en cada superficie del sitio: lo que estás viendo es el entregable.

Entregables
WordmarkPaleta de colorSistema tipográficoGuía de marca v1.0Sellos y firmas
Sistema de marca
SernaLab

del concepto a la pantalla

Paleta
Brand#2A9E94
Deep#051715
Ink#2A3130
Mist#86908F
Fog#DDE2E1
Paper#F2F5F4

Uso: 80% neutros · 15% Brand · 5% Mist

Amber #C4820AAcento secundario · solo señalética
Tipografía
Aa
JostDisplayLight 200 · Medium 500
Aa
InterTextoLight 300 · Medium 500

El sistema operando en HTML — wordmark, paleta y tipografía vivas, no en mockup.

¿Tienes un proyecto de identidad o experiencia digital en mente?