// MATILHA
Style guide y elementos
Case para SYX
Marca &Style guide
2020 - 2021
Marketplace enfocado en la recolocación de máquinas y equipos usados
- Diseño de Servicio
- Branding & Naming
- UI | UX Design
Desafío
Traducir el nuevo momento de la empresa en una nueva marca y reformular la plataforma existente para una experiencia funcional y agradable.
Solución
Discovery, rebranding y renaming de Central de Materiais, rediseño y prototipado del marketplace SYX enfocado en la expansión del mercado.
// MATILHA
La marca tenía que volverse plataforma.
Matilha partió de Central de Materiais y construyó nombre, sistema visual y el marketplace. Sober Blue conduce. Magic Green enciende. IBM Plex sostiene el tipo.
// ENTREGA
Naming y marca
Renaming de Central de Materiais a SYX, con wordmark y reglas de color.
Style guide
Paleta, tipografía, formas y componentes para el producto y la comunicación.
Marketplace
Rediseño y prototipado de la plataforma de recolocación de máquinas y equipos.
// MARCA
Wordmark
syx firma en negro, blanco, Sober Blue y Magic Green. Cuatro lecturas, una marca.
// COLOR
Color
Sober Blue es el primario. Magic Green es el acento. Dark Syx y Grey Syx sostienen el producto.
Primaria
- Sober Blue Darker#063C3B
- Sober Blue Dark#0B6868
- Sober Blue Regular#0F9594
- Sober Blue Light#57B5B4
- Sober Blue Lightest#9FD5D4
Secundaria
- Magic Green Darker#536501
- Magic Green Dark#92B001
- Magic Green Regular#D0FC02
- Magic Green Light#E8FE81
- Magic Green Lightest#F6FECC
Neutros
- Dark Syx#1A1A1A
- Grey Darkest#363636
- Grey Darker#666666
- Grey Regular#C7C7C7
- Grey Lightest#F2F2F2
// TIPO
IBM Plex Sans
La familia de títulos e interfaz. Work Sans entra en el texto corrido del producto.
- Big72px
- Hero56px
- H140px
- H232px
- H328px
- H424px
Work Sans en el texto del producto
// FORMAS
Formas y curvas
Radios simétricos de 2, 4 y 8. Asimétricos de 4, 8, 16 y 24. El recorte de tapa nace ahí.
Simétricos
Asimétricos
// SISTEMA
El sistema de interfaz
Del espacio a la card. Botones, campos, selección y tags nacen de la misma grilla. El marketplace usa la guía, no inventa de nuevo.
Mapa de la guía
Fundación
- Marca
- Color
- Tipo
- Espacio
- Formas
- Iconos
Acción
- Botones
- Campos
- Selección
- Tags
Estructura
- Header
- Nav
- Footer
- Título
Producto
- Cards
- Lista
- Filtros
- Banner
- Búsqueda
Flujo
- Modal
- Diálogo
- Dropdown
- Upload
- Acordeón
Espacio
- 4
- 8
- 12
- 16
- 24
- 32
- 40
- 48
- 56
- 64
- 80
- 104
Iconos
Botones
Campos
Selección
Tags
Cards
Apiladora retráctil
Curitiba · PR
R$ 86.000// APLICACIONES
Del tablero al marketplace
La marca tiene que negociar: home, listado, detalle y el flujo de bienes inmovilizados.
// MATILHA
Marca & Style guide
Case de branding y producto · Matilha Estúdio para SYX
