Paswad Logo & Mark
aswad
Primary lockup · the mark is the “p”
The mark
A passkey you can smile at.
A friendly panda whose head is a four-colour ring — and whose body is a key pointing down. Security that feels human, not corporate. The four colours signal "works everywhere," like the platforms passkeys run on.
#4285F4 #EA4335 #FBBC05 #34A853 #2B2B2B
Usage
The mark always sits on white or very light surfaces, so the panda's face and the four-colour ring stay crisp. Avoid busy photography or saturated colour fills behind it.
App icon
180px
48px
The panda-key sits on a white or near-black tile so the face and colour-ring stay crisp.
Favicon · panda face
32px
16px
The favicon is the panda face alone — no key — so it reads as a friendly coloured dot even at 16px.
Typography
Aa
SF Pro Display
System typeface — native on every Apple device, no download.
-apple-system, BlinkMacSystemFont,
'SF Pro Display', 'Helvetica Neue',
Arial, sans-serif
'SF Pro Display', 'Helvetica Neue',
Arial, sans-serif
PasswordlessRegular · 400
PasswordlessMedium · 500
PasswordlessSemibold · 600
PasswordlessBold · 700
Display
48–94px · −4% · 600
Heading
22–32px · 600
Body copy
15–17px · 400
CAPTION
12–13px · 500
Wordmark
aswad
The mark replaces the “p”; the remaining letters cycle the four brand colours. Use all-black paswad when colour isn't available.
Typeface
SF Pro Display · Semibold
SF Pro Display · Semibold
Case
Lowercase
Lowercase
Tracking
−4.5%
−4.5%
Clear space & minimum
paswad
Keep clear space equal to the panda's ear-width on every side. Minimum lockup height: 28px.