Aa
Inter
Primärschrift für alle Oberflächen und Texte: Fließtext, Labels, Buttons, Zahlen.
- Regular 400
- Medium 500
- SemiBold 600
- Bold 700
- ExtraBold 800
Markenrichtlinien Die Marke GetPica: Logo, Farben und Typografie
Alles, was Sie für einen korrekten Auftritt von GetPica brauchen: die offiziellen Logodateien, die Farbpalette mit HEX-Codes, die Schriften, den Fotostil und die UI-Komponenten, die unsere Web-App, unser Dashboard und unsere Website gemeinsam nutzen.
Eine Marke, zwei Erlebnisse
Das Produkt lebt in zwei Welten
-
01 — Gäste und Marke
Web-App & Website
Dunkles Theme, tiefes Violett und Glas. Gäste finden ihre Fotos per Selfie und kaufen sie in HD; die Business-Website spricht Veranstalter mit denselben dunklen Heros und einem Blau für jede Aktion an.
- Mobile first
- Dunkles Theme
- Glasflächen
-
02 — Fotografen
B2B-Dashboard
Helles Theme, gemacht für die Arbeit am Schreibtisch. Fotografen laden Fotos hoch und verwalten Events, Bestellungen und Statistiken in einer klaren, luftigen Oberfläche.
- Desktop
- Helles Theme
- Data first
Identität
Das GetPica Logo
Vier Logo-Varianten und das „P“-Zeichen. Verwenden Sie die Positiv-Versionen auf hellem und die Negativ-Versionen auf dunklem Untergrund. Nutzen Sie immer die Originaldateien und setzen Sie den Schriftzug nie selbst neu.
Logo-Paket herunterladen (ZIP)Identität
Schutzzone
Halten Sie rund um das Logo immer einen Abstand in Höhe des „P“-Zeichens (x) frei. Bedrängen Sie es nie mit Text, Bildern oder Interface-Elementen.
Vertikales Logo
Minimale Schutzzone = x, die Höhe des „P“-Zeichens.
Horizontales Logo
Gleiche Regel: x auf allen Seiten freihalten.
„P“-Zeichen
Steht das Icon allein, mit demselben x freistellen.
Identität
Was Sie nie tun sollten
-
Nie verzerren oder strecken
-
Das Logo nie drehen
-
Den Verlauf nie verändern
-
Nie auf kontrastarmem Hintergrund
-
Nie auf unruhigen Fotos platzieren
-
Nie Schatten hinzufügen
-
Nie in eine Farbe umwandeln
-
Das dunkle Logo nie auf Magenta
Sprache
Farbpalette
Sechs Farben tragen die Marke: zwei Verläufe für Akzente, tiefes Violett und Tinte für Hintergründe und Text, ein Blau für jede Aktion und ein sanftes Lavendel für Flächen. Klicken Sie auf eine Farbe, um sie zu kopieren.
-
Markenverlauf
#E705C5 → #FF7C35
-
Blau · Violett
#1867FF → #8A36E0
-
Nachtviolett
#2A1863
-
Tinte
#302F44
-
Aktionsblau
#1867FF
-
Lavendel
#E1DFFB
Sprache
Typografie
Aa
Raleway
Display-Schrift für Headlines und Abschnittstitel der Website.
- Medium 500
- SemiBold 600
- Bold 700
- ExtraBold 800
Schriftgrößen (Produkt)
- DisplayIhre Fotos finden28 / 800
- H1Meine Alben24 / 700
- H2Mountain Trail20 / 700
- H342 kostenlose Fotos18 / 700
- BodyGeben Sie den Eventcode und die bei der Buchung verwendete E-Mail-Adresse ein.16 / 400
- CaptionNEUE FOTOS — 42 ELEMENTE12 / 600
Sprache
Fotografie: Das Foto steht immer im Mittelpunkt
Echte Events und warmes Licht: Menschen, die in die Kamera lächeln oder in Aktion sind, hell und farbintensiv. Keine Illustrationen, keine gestellten Stockfotos, keine Duotones.
- Echte Events
- Warmes, natürliches Licht
- Menschen zuerst
- Keine gestellten Stockfotos oder Duotones
Sprache
Ikonografie
Lucide-Set: 24px Basis, 2px Strichstärke, abgerundete Verbindungen. Icons übernehmen die Textfarbe.
arrow-rightchevron-rightmap-pincheck-circlealert-triangleshopping-carthomeusermailglobestarplus
System
UI-Komponenten
Buttons
Code sendenAbbrechen
Premium-CTA — Verlauf
Event aktivieren
Badges
-25 %NEUHDFreigegebenFehler