Brand and assets
The Incico logo, its colours and typography, and where every brand and marketing asset lives in the repository.
Updated: 29 October 2026
The logo
The Incico mark has been the same since version 1: a cyan arc and a navy arc cradling a family of figures in green, pink and orange, with the wordmark Incico in Gotham Black and the tagline INNER CIRCLE CONTACTS in cyan beneath it.
Rules:
- The mark is never recoloured. On dark surfaces it sits on a white disc (the app-icon variant); the wordmark switches to white.
- The mark alone is used for favicons, the launcher icon, avatars of “Incico” system notifications and the header at small sizes.
- Minimum size: 24 px for the mark, 80 px wide for mark + wordmark.
- The wordmark is shipped as outlined paths (no Gotham licence needed); never re-typeset it in another font.
Sources: mobile/design/brand/ (SVG, AI, EPS, PNG exports and a README with the copy log). The website generates its LogoMark, Wordmark, favicon and Open Graph image from those SVGs.
Colours
| Role | Hex | Where it comes from |
|---|---|---|
| Navy (primary) | #0f2453 | wordmark, right arc, right figure |
| Cyan (accent) | #009fc5 | left arc, tagline, left figure |
| Pink | #cd416c | centre figure; default Family circle |
| Orange | #f4a958 | small figure; default Work circle |
| Green | #a2db7a | small figure; default Acquaintances circle |
The website’s brand-* scale is v2’s blue around #3a5fa0 and gold-* is v2’s gold around #8a7033 (A100); the mark itself is unchanged and keeps its navy and cyan. Light surfaces use brand-600 for actions and headings; dark surfaces use brand-400. The app tokens in Visual design moved on to the circle-first palette (warm neutrals, cyan #007a99/#18a6c8, A101); the website keeps the v2 scale for now.
Typography
- Wordmark: Gotham Black (outlined).
- Website: Inter Variable, self-hosted.
- Apps: Manrope, bundled (SIL Open Font License), since the circle-first look of 2026-10-29 (A101).
Marketing illustrations
Copied from the OneDrive Sefaja/Incico/Website and Images folders into web/src/assets/marketing/:
| File | Content | Used on |
|---|---|---|
people-circle.png | Diverse group standing in a circle holding hands | Home hero |
scene-dinner.png, scene-office.png, scene-moving-house.png, scene-garden.png | 3D scenes of everyday moments with the app on the table | How it works |
scenes-collage.png | The four scenes combined | reserve |
couple-phones.png, over-the-shoulder.png | Photographic hero alternatives | reserve |
families.png | Pictogram families in bright colours (v1 hero) | reserve |
personas-grid.png, avatar-daniel.png, avatar-sofia.png | Persona portraits | reserve for the personas page |
Store badges (web/src/assets/store/) are kept out of public/ until a listing is live, because Apple and Google only allow the badge next to a working link.
Version 1 screenshots
Phone and tablet screenshots of the released v1 app are in web/src/assets/screenshots/v1/ and shown on the Version comparison page. They document the v1 look (light grey cards, indigo accents, Material bottom bar) that v3 replaces with the brand palette above.
Reference documents
docs/reference/v1/ holds the v1 user manual (IncicoHandleiding.docx), the Dutch presentation, the onboarding activity diagram (drawio and PDF), the welcome letter, and the country and state code lists used by the v1 address editor.