Aa
Inter
Primary family for every interface and text: body, labels, buttons, numbers.
- Regular 400
- Medium 500
- SemiBold 600
- Bold 700
- ExtraBold 800
Brand guidelines The GetPica brand: logo, colors and typography
Everything you need to represent GetPica correctly: the official logo files, the palette with its HEX codes, the typefaces, the photography style and the UI components shared by our web app, dashboard and website.
One brand, two experiences
The product lives in two worlds
-
01 — Guests and brand
Web app & website
Dark theme, deep purple and glass. Guests find their photos with a selfie and buy them in HD; the business site speaks to organizers with the same dark heroes and one blue for every action.
- Mobile first
- Dark theme
- Glass surfaces
-
02 — Photographers
B2B dashboard
Light theme, built for work at the desk. Photographers upload photos and manage events, orders and statistics in a clean, airy interface.
- Desktop
- Light theme
- Data first
Identity
The GetPica logo
Four lockups and the “P” mark. Use the positive versions on light grounds and the negative versions on dark grounds. Always use the original files, never retype the wordmark.
Download the logo kit (ZIP)Identity
Clear space
Always keep a margin around the logo equal to the height of the “P” mark (x). Never crowd it with text, images or interface elements.
Vertical lockup
Minimum clear space = x, the height of the “P” mark.
Horizontal lockup
Same rule: keep x on every side.
“P” mark
When the icon stands alone, isolate it with the same x.
Identity
What never to do
-
Never distort or stretch
-
Never rotate the logo
-
Never alter the gradient
-
Never use a low-contrast background
-
Never place it on busy photos
-
Never add shadows
-
Never convert it to one color
-
Never put the dark logo on magenta
Language
Color palette
Six colors carry the brand: two gradients for emphasis, deep violet and ink for grounds and text, one blue for every action and a soft lavender for surfaces. Click a color to copy it.
-
Brand gradient
#E705C5 → #FF7C35
-
Blue · Violet
#1867FF → #8A36E0
-
Night violet
#2A1863
-
Ink
#302F44
-
Action blue
#1867FF
-
Lavender
#E1DFFB
Language
Typography
Aa
Raleway
Display family for website headlines and section titles.
- Medium 500
- SemiBold 600
- Bold 700
- ExtraBold 800
Type scale (product)
- DisplayFind your photos28 / 800
- H1My albums24 / 700
- H2Mountain Trail20 / 700
- H342 free photos18 / 700
- BodyEnter the event code and email used when booking.16 / 400
- CaptionNEW PHOTOS — 42 ITEMS12 / 600
Language
Photography: the photo is always the hero
Real events and warm light: people smiling at the camera or in action, bright and saturated. No illustrations, no posed stock, no duotones.
- Real events
- Warm, natural light
- People first
- No posed stock or duotones
Language
Iconography
Lucide set: 24px base, 2px stroke, rounded joins. Icons inherit the text color.
arrow-rightchevron-rightmap-pincheck-circlealert-triangleshopping-carthomeusermailglobestarplus
System
UI components
Buttons
Send me a codeCancel
Premium CTA — gradient
Activate event
Badges
-25%NEWHDApprovedError