The Prepia brand
Our logo, colors and type, and the files to use them.
Logo
Always use the supplied files. Never retype the logo in a font, redraw it or rearrange its letters.
Download all logosSVG, PNG and PDF, in one ZIP.
App icon
The ‘p’ from the wordmark, for where the full logo won't fit. Supply it square: iOS, Android and browsers round the corners.
128 px64 px32 px16 px
Clear space
Keep x clear on every side, where x is the height of the lowercase ‘e’.
72 pxSmallest width on screens.20 mmSmallest width in print.Smaller?Use the app icon. It holds down to 16 px.Minimum size
Never narrower than 72 px on screen or 20 mm in print.
Please don’t
Don't stretch or squash it.
Don't change its colors.
Don't rotate it.
Don't add shadows or gradients.
Don't outline it.
Don't set it on low contrast.
- prepia
Don't retype it in a font.
- NCLEX prep
Don't crowd it with words.
Color
Prepia Navy
The logo and headings.
- HEX
- #082A5E
- RGB
- 8 42 94
- Contrast
- White text 14.0 : 1
Prepia Blue
Buttons, links, focus and progress. #2774F3 in dark mode.
- HEX
- #1363DF
- RGB
- 19 99 223
- Contrast
- White text 5.4 : 1
White
Pages and cards.
- HEX
- #FFFFFF
- RGB
- 255 255 255
- Contrast
- Navy text 14.0 : 1
Supporting colors
Blue
- 50#F0F5FE
- 100#E1EBFD
- 200#C4D7FB
- 300#93B6F5
- 400#5A8FEC
- 500#1363DF
- 600#0F52BA
- 700#0D4499
- 800#1C3A70
- 900#172845
Slate
- 0#FFFFFF
- 25#FAFBFD
- 50#F4F6FA
- 100#EDF0F5
- 150#E5E9F0
- 200#D5DBE4
- 300#B6BFCC
- 400#8A95A6
- 500#677285
- 600#4D586A
- 700#354052
- 800#1F2735
- 900#121826
Accents
- SuccessCorrect, complete#12A15E
- DangerWrong, destructive#E5484D
- WarningNeeds attention#C98200
- StreakDaily streaks#F25F0C
- PremiumPaid plans#6D4AFF
Category colors
Use a category's color only on that category's pages.
- Nursing#3D748F · #C9DEE8
- Healthcare and Medical#115F5A · #C9E8E6
- IT & Cybersecurity#7112A1 · #ECD1FA
- Behavioral Health#AD4E1F · #FBE8DF
- Skilled Trades#0C7410 · #CBEBCC
- Business and Professional#162D5A · #C1D1F0
- Admissions & Essentials#A11212 · #FAD1D1
Typography
Plus Jakarta Sans for headlines, Inter for everything else.
Aa
Headlines · website and marketing
Plus Jakarta Sans
- Medium 500
- SemiBold 600
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 .,;:!?&@%
Google Fonts · SIL Open Font LicenseAa
The app · body text · interface
Inter
- Regular 400
- Medium 500
- SemiBold 600
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 .,;:!?&@%
Google Fonts · SIL Open Font LicenseType scale
Website
- H1 · 48 · 600Pass your exam
- H2 · 40 · 600Pass your exam
- H3 · 33 · 600Pass your exam
- H4 · 27 · 600Pass your exam
- H5 · 23 · 500Pass your exam
- H6 · 19 · 500Pass your exam
- Paragraph · 16 · 500Study a little every day, and walk in ready.
App
- Large title · 30 · 600Pass your exam
- Page title · 24 · 600Pass your exam
- Section · 20 · 600Pass your exam
- Body · 16 · 400Study a little every day, and walk in ready.
- Label · 15 · 500Study a little every day
- Caption · 14 · 500Study a little every day
Category brands
The Prepia logo with the category's name, in the category's color.
Download every brandPrepia and every category, a folder each, in one ZIP.