Pharma4i brand assets
Everything needed to place the Pharma4i logo in a deck, an article or a partner document. Use the SVG files wherever the medium supports them; the PNGs exist for Word exports and social cards only.
Logo variants
Sidebar and top navigation, 180px wide. Minimum 180px with the tagline.
Use between 120px and 180px, where the tagline would be unreadable.
Navy or other dark backgrounds, including the footer. Never place the colour lockup on navy.
Auth pages and any centred layout, 240px wide.
Centred layouts on dark backgrounds.
Single-colour printing, embossing, and partner documents that require one ink.
The two marks
There are deliberately two marks. The full mark — molecule, capsule and swoosh — is used at 96px and above. The tile mark, a navy rounded square with a bold white and cyan molecule, is used at 48px and below, because the full mark dissolves at favicon size. The favicon files already contain the tile version; never substitute the full mark into a favicon slot.
Loading states, empty states and any place the wordmark would be redundant.
Favicons, app icons and browser tabs.
Colour palette
Primary text, headings, tile backgrounds, theme colour
Primary buttons, links, active states
Accent, the "4i" in the wordmark, focus rings
Hover states, highlights
Secondary and caption text
Dividers, disabled states
Usage rules
- Keep clear space around any lockup of at least the cap height of the “P”.
- The horizontal lockup with the tagline needs at least 180px of width. Below that, use the no-tagline lockup.
- Below 120px, use the mark on its own.
- The full mark is for 96px and above; the tile mark for 48px and below.
- Stretch, squash or rotate the lockup.
- Recolour it, or add shadows, glows or other effects.
- Place the mark over a photograph.
- Place the colour lockup on navy — use the white version instead.
Where each file is used
| Context | File | Size |
|---|---|---|
| Sidebar and top navigation | /logo/logo-horizontal.svg | 180px wide |
| Narrow screens (under 768px) | /source/mark-full.svg | 36px |
| Auth and centred layouts | /logo/logo-stacked.svg | 240px wide |
| Dark or navy backgrounds | /logo/logo-horizontal-white.svg | 180px wide |
| Word export cover page | /logo/logo-horizontal-800w.png | 55mm wide, top-left |
| Loading and empty states | /source/mark-full.svg | Mark only, no wordmark |
Questions about using the brand? Reply to any Pharma4i email and we will help.