La finalidad de unir los Sistema de Diseño de Fotocasa y Habitaclia en un único sistema multitema, responde a tres necesidades:
La solución la encontramos en Panot, un Design System multi-theme en el que, a través de un extenso trabajo de variables en Figma, definimos tokens válidos para cada una de las plataformas, respetando el look&feel de Fotocasa y Habitaclia.
Basta con definir el contexto de cada pantalla que diseñemos, para adaptar todos los tokens y componentes de dicha pantalla al portal requerido, lo que agiliza enormemente el proceso de diseño y desarrollo multi plataforma.
Paleta de colores, estilos de texto, efectos (sombras, radius...) e iconografía son elementos clave para dotar de personalidad propia a cualquier website.
En un Design System multi-theme, la correcta definición de estos tokens, en sus versiones light & dark mode, es un proceso vital para mantener esa diferenciación en el look & feel y la personalidad de cada uno de los portales.
