Aa
Inter
Familia principal para toda la interfaz y los textos: cuerpo, etiquetas, botones, cifras.
- Regular 400
- Medium 500
- SemiBold 600
- Bold 700
- ExtraBold 800
Manual de marca La marca GetPica: logo, colores y tipografía
Todo lo que necesitas para representar GetPica correctamente: los archivos oficiales del logo, la paleta con sus códigos HEX, las tipografías, el estilo fotográfico y los componentes de UI que comparten nuestra web app, el panel de control y la web.
Una marca, dos experiencias
El producto vive en dos mundos
-
01 — Invitados y marca
Web app y web
Tema oscuro, violeta profundo y efecto cristal. Los invitados encuentran sus fotos con un selfie y las compran en HD; la web corporativa se dirige a los organizadores con los mismos heroes oscuros y un único azul para cada acción.
- Mobile first
- Tema oscuro
- Superficies de cristal
-
02 — Fotógrafos
Panel de control B2B
Tema claro, pensado para trabajar en el escritorio. Los fotógrafos suben fotos y gestionan eventos, pedidos y estadísticas en una interfaz limpia y despejada.
- Escritorio
- Tema claro
- Datos primero
Identidad
El logo de GetPica
Cuatro versiones del logotipo y el símbolo «P». Usa las versiones en positivo sobre fondos claros y las versiones en negativo sobre fondos oscuros. Utiliza siempre los archivos originales y nunca reescribas el logotipo.
Descarga el kit del logo (ZIP)Identidad
Área de respeto
Deja siempre alrededor del logo un margen igual a la altura del símbolo «P» (x). No lo satures nunca con textos, imágenes o elementos de interfaz.
Versión vertical
Área de respeto mínima = x, la altura del símbolo «P».
Versión horizontal
La misma regla: mantén x en todos los lados.
Símbolo «P»
Cuando el icono va solo, aíslalo con la misma x.
Identidad
Lo que nunca debes hacer
-
No lo deformes ni lo estires
-
No gires el logo
-
No modifiques el degradado
-
No uses fondos con poco contraste
-
No lo coloques sobre fotos recargadas
-
No añadas sombras
-
No lo conviertas a un solo color
-
No pongas el logo oscuro sobre magenta
Lenguaje
Paleta de colores
Seis colores definen la marca: dos degradados para destacar, violeta profundo y tinta para fondos y textos, un azul para cada acción y un lavanda suave para las superficies. Haz clic en un color para copiarlo.
-
Degradado de marca
#E705C5 → #FF7C35
-
Azul · Violeta
#1867FF → #8A36E0
-
Violeta noche
#2A1863
-
Tinta
#302F44
-
Azul acción
#1867FF
-
Lavanda
#E1DFFB
Lenguaje
Tipografía
Aa
Raleway
Familia display para los titulares de la web y los títulos de sección.
- Medium 500
- SemiBold 600
- Bold 700
- ExtraBold 800
Escala tipográfica (producto)
- DisplayEncuentra tus fotos28 / 800
- H1Mis álbumes24 / 700
- H2Mountain Trail20 / 700
- H342 fotos gratis18 / 700
- BodyIntroduce el código del evento y el email que usaste al reservar.16 / 400
- CaptionFOTOS NUEVAS — 42 ELEMENTOS12 / 600
Lenguaje
Fotografía: la foto siempre es la protagonista
Eventos reales y luz cálida: personas que sonríen a cámara o en plena acción, imágenes luminosas y saturadas. Sin ilustraciones, sin fotos de stock posadas, sin duotonos.
- Eventos reales
- Luz cálida y natural
- Las personas, primero
- Sin stock posado ni duotonos
Lenguaje
Iconografía
Set Lucide: base de 24 px, trazo de 2 px, uniones redondeadas. Los iconos heredan el color del texto.
arrow-rightchevron-rightmap-pincheck-circlealert-triangleshopping-carthomeusermailglobestarplus
Sistema
Componentes de UI
Botones
Envíame un códigoCancelar
CTA premium — degradado
Activar evento
Etiquetas
-25 %NUEVOHDAprobadoError