Brand
Brand assets and guidelines.
Overview
ITA-PAK is an independent forum registered in Italy as ITAPAK Srls. It connects Italian companies, investors and entrepreneurs with partners in Pakistan and the Gulf. The identity puts both countries in one circle: the Italian tricolour on the left, Pakistan's crescent and star on the right.
Two nations. One circle.
- Short name
- ITA-PAK, capitals, with a hyphen. In the wordmark only, the hyphen is an en dash.
- Full name
- ITA-PAK Business Investment Forum. Use it the first time in any document.
- Legal name
- ITAPAK Srls, P.IVA 04256290133. Contracts and legal text only.
- Never
- ItaPak, Itapak, Ita-Pak, or a description of the Forum as an adviser, fund or intermediary.
- Boilerplate
- The ITA-PAK Business Investment Forum is an independent initiative promoting economic cooperation between Italy and Pakistan. It brings together entrepreneurs, investors, professionals and institutions to create long-term business opportunities.
- Tone
- Short, plain, institutional. No exclamation marks. Say what happens, not how exciting it is.
Mark
- Clear space on every side is half the mark's diameter. Nothing sits inside it.
- Minimum size is 28px on screen and 8mm in print.
- Backgrounds are paper, stone or the dark green. On dark green use the dark variant, which lifts the Pakistan field so the disc keeps its edge.
- Never recolour, stretch, rotate, crop, outline or add shadows. Never put it inside another shape.
- The gold seal from the old website is retired. Do not use it.
- Mark, vectorSVGUse this wherever possible. Exported from the identity study.Download
- Mark for dark backgrounds, vectorSVGLighter Pakistan field so the disc keeps its edge.Download
- Mark, 2000pxPNG, transparentPrint and large screens.Download
- Mark, 512pxPNG, transparentWeb, social avatars, app icons.Download
Lockup
- The wordmark is set in Manrope Semibold with an en dash and letter-spacing of -0.05em. Its cap height is two thirds of the mark's diameter; the gap is a quarter.
- The descriptor, BUSINESS INVESTMENT FORUM, is set in IBM Plex Mono, uppercase, and runs the full width of the wordmark directly beneath it. Use it at 40mm wide or larger; drop it below that.
- Wordmark colour is brand green on light backgrounds and paper on dark. Never any other colour.
- Do not typeset the lockup yourself. Use the files.
Colour
Two palettes. Identity colours belong to the mark and the lockup and do not change. Interface colours run the website and any digital product; they are named as CSS tokens in the site's stylesheet.
Identity
- brand-green
Wordmark and descriptor text on light backgrounds.
- brand-paper
Identity background. The site's paper is a near match.
- brand-dark
Dark application background.
- brand-stone
Compact application background.
- brand-mist
Descriptor text on dark backgrounds.
- mark-green
Mark: Italian green.
- mark-red
Mark: Italian red.
- mark-forest
Mark: Pakistan field on light backgrounds.
- mark-forest-on-dark
Mark: Pakistan field on dark backgrounds, so the disc keeps its edge.
- mark-white
Mark: white stripe, crescent and star.
Interface
- paper
Page background. Slightly green-grey, never pure white.
- pure-white
Cards, form fields, the footer strip.
- foundation
Warm stone panel behind hero and page-header text.
- ink
All body text, borders and solid buttons.
- forest
Dark panels and the solid button hover.
- highlighter
Text-marker highlight on one to three words per statement.
- gold
Hairlines and the active nav dot only. Never a fill.
- mid-grey
Secondary text and labels.
- light-grey
Hairlines and tag chips.
Typography
Wordmark only
ITA–PAK
Manrope
Semibold 600
Google Fonts, OFL. Used for the wordmark and nothing else.
Descriptor only
BUSINESS INVESTMENT FORUM
IBM Plex Mono
Regular 400
Google Fonts, OFL. Used under the wordmark and nothing else.
Everything else
Aa Bb Cc 0123
Geist
Light 300, Regular 400, Medium 500
Vercel, OFL. Headings light, body regular, labels uppercase with 0.09em tracking. No italics, no bold.
| Style | Specimen | Size | Weight | Leading | Use |
|---|---|---|---|---|---|
| display-xl | Two nations, one circle | clamp(36px, 5.2vw, 100px) | 300 | 1.1 · -0.02em | Page titles and feature headings. |
| display-l | Two nations, one circle | clamp(36px, 4.1vw, 80px) | 300 | 1.08 · -0.02em | Section headings. |
| statement | Two nations, one circle | clamp(30px, 3.75vw, 72px) | 300 | 1.12 · -0.02em | One-sentence statements with a highlighter mark. |
| h2 | Two nations, one circle | clamp(27px, 2.34vw, 45px) | 400 | 1.12 · -0.025em | Story and card titles. |
| h3 | Two nations, one circle | clamp(22px, 1.82vw, 35px) | 400 | 1.25 | Sub-headings and list titles. |
| large-body | Two nations, one circle | clamp(18px, 1.25vw, 24px) | 400 | 1.5 | Lead paragraphs beside big headings. |
| body | Two nations, one circle | 16px | 400 | 1.5 | Default reading text. |
| small | Two nations, one circle | 14px | 400 | 1.5 | Captions and legal text. |
| label | Strategic partner · Islamabad | 12px | 400 | 1.25 · 0.09em | Uppercase eyebrows, buttons, tags and footer links. |
Layout
- Grid
- 6 / 12 / 24 columns
- Phone / tablet (768px) / desktop (1024px).
- Outer margin
- 26 / 40 / 50 / 60px
- Phone / tablet / desktop / 1280px and up. No max-width container.
- Gutter
- 10 / 20px
- Phone / tablet and up.
- Section
- clamp(64px, 7.5vw, 120px)
- Vertical padding between major sections.
- Section, tight
- clamp(40px, 4.5vw, 72px)
- Between related blocks.
- Radius
- 0 / 4px
- Zero on images, panels, cards and fields. 4px on buttons only.
- Shadow
- none
- Never.
Components
Live from the site's own stylesheet. Use them as built; do not restyle.
Buttons
Uppercase label, 4px radius, 44px minimum height. Solid for the one primary action on a page, outline for everything else.
Eyebrow and tags
Strategic partner · Islamabad
- Real estate
- Building materials
Role · place in uppercase, mid grey. At most two tags, sector nouns only.
Highlighter
We bring the right people into the same room.
One to three words per statement, never a whole sentence. Grows in once on scroll.
Text link
Underlined with a light rule that darkens on hover. Arrow only for links that leave the page.
Wordmark lockup, on screen
ITA–PAKITA–PAKRendered by the site's Wordmark component. Mark and text scale together.
Form field
White box, 48px tall, no radius. Border darkens on focus; label above, never a placeholder alone.
Photography
Documentary only: real people at real Forum events, in the room, in natural light. No stock imagery, no filters, no cut-outs, no collages. Credit as “Courtesy ITA-PAK Business Investment Forum”.
Downloads
Mark
- Mark, vectorSVGUse this wherever possible. Exported from the identity study.Download
- Mark for dark backgrounds, vectorSVGLighter Pakistan field so the disc keeps its edge.Download
- Mark, 2000pxPNG, transparentPrint and large screens.Download
- Mark, 512pxPNG, transparentWeb, social avatars, app icons.Download
Lockup
Tokens
Everything
- Brand kitZIPAll of the above plus the approved photographs.Download
Questions about usage, or a file you need in another format: write to info@itapak.com.