Brand Asset Kit
Download Our Logo, Icon & Brand Guidelines
Official brand marks of AI-Outsourcing.ch – as scalable SVGs and high-resolution PNGs. For press, partners, and anywhere our brand should be represented correctly.
Logo & Icon
Download the symbol, the app tile, or the full logo. SVG for web & print, PNG for social media such as Facebook, LinkedIn, or Instagram.
Brand Mark
The standalone prism symbol with a transparent background. Ideal for avatars, app icons, and compact placements.
App Tile
Brand mark on a dark, rounded tile. Perfect as a profile picture or favicon with guaranteed contrast.
Logo (Lockup)
Brand mark with wordmark. The primary brand representation for light headers on a dark background.
Color Palette
The definitive brand colors as sRGB hex values.
Click a color to copy its hex value to the clipboard.
Typography
Two type families carry all brand communication.
Display & Text
Plus Jakarta Sans
ABCDEFGHIJKLM · abcdefghijklm · 0123456789
Mono & Data
Geist Mono
ABCDEFGHIJKLM · 0123456789
Usage Guidelines
So the brand stays consistent and impactful everywhere.
Recommended
- Keep ample clear space around the logo – at least the height of the brand mark.
- Place the logo on a dark or calm background.
- Use the original files unmodified and scaled proportionally.
- Use the brand mark alone when space is limited.
Please avoid
- Don't distort, rotate, or recolor the logo.
- Don't add drop shadows, outlines, or effects.
- Don't place the wordmark on busy or low-contrast imagery.
- Don't change the proportions or spacing between symbol and type.
LinkedIn profile cover — rotating series
Three cover images for your personal profile. LinkedIn Premium cycles through them automatically, roughly every 3 seconds.
- 01Problem
- 02Stance
- 03Offer
- Format
- 1584 × 396 px · PNG · 4 : 1
- Every image stands alone
- Unlike the carousel, nobody controls the pace here – it advances on a timer and starts anywhere in the cycle. A visitor who sees only one image still has to take away a complete statement, so none of them is deliberately unfinished.
- Why all three look the same
- Ground, prism, dots and baseline are identical; only the statement changes. That makes the rotation read as one sentence being revised. Three different layouts swapping every 3 seconds read as a loading fault.
- Why everything sits top right
- Your profile photo overlaps the bottom left, and on mobile the lower edge is cropped. Only the upper-right quarter is reliably visible.
Setting up the rotation
Download all three PNGs. On your profile, click the cover image, then add image, and upload all three in turn (Premium allows up to five). LinkedIn then cycles them automatically – without Premium only the first is shown, which also works.
LinkedIn re-compresses after upload. A source at twice the size keeps letter edges clean – use it if the type looks soft.
LinkedIn carousel — “The Three-Step”
Three slides, one argument. Built as a slideshow post: slide 1 meets the reader, slide 2 turns the perspective, slide 3 makes the offer.
- 01Meet
- 02Reframe
- 03Offer
- Format
- 1080 × 1350 px · PNG · 4 : 5
- Why three
- Slide 2 removes the shame but deliberately leaves the problem standing. That open question is the reason a thumb keeps moving – a carousel whose every card is self-contained never gets swiped.
- Design
- Palette and type are taken straight from the website: white sheet, ink #14161A instead of black, blue #1D4ED8. Swipe, then click, and you land on the same object.
- Why the 2× version?
- LinkedIn re-compresses after upload. A source at twice the size keeps letter edges clean – use it if the type looks soft.
Turning these into a post
LinkedIn expects slideshows as a single PDF. Download all three PNGs, combine them in the order 01 → 02 → 03 into one PDF and upload it as a document post. Posted separately, the sequence loses its effect.
LinkedIn banner — company page
Ready-made cover for the LinkedIn company page – exactly 1128 × 191 px, rendered server-side as PNG.
AI-Outsourcing.ch
External AI Division · Switzerland
Preview inside LinkedIn's light interface – what the majority sees. The frame stays light on purpose so all editions compare fairly.
- Format
- 1128 × 191 px · PNG · 5.91 : 1
- Edition
- Light is the default. LinkedIn's own UI is light for most viewers, where a near-black cover reads as a heavy slab. And the visual language of trust for Treuhand, insurance and C-level audiences is light and precise, not black with a neon glow. Blueprint goes further: a drafting grid, a wireframe prism and a datasheet line instead of a marketing sentence – it claims less and therefore holds up better.
- Safe zone
- LinkedIn's logo tile covers the bottom-left corner (approx. 230 px). That's why the message sits on the right – where it stays fully visible on desktop and mobile.
- Why the 2× version?
- LinkedIn re-compresses every cover after upload. A source at twice the size reduces visible artefacts around letter edges. Use it if the type looks soft to you.
LinkedIn banner — personal profile
Cover for the personal LinkedIn profile – exactly 1584 × 396 px, in the identical style to the company page.
Your name
C-level strategy & AI development · AI-Outsourcing.ch
Preview inside LinkedIn's light interface – what the majority sees. The frame stays light on purpose so all editions compare fairly.
- Format
- 1584 × 396 px · PNG · 4 : 1
- Edition
- Light is the default. LinkedIn's own UI is light for most viewers, where a near-black cover reads as a heavy slab. And the visual language of trust for Treuhand, insurance and C-level audiences is light and precise, not black with a neon glow. Blueprint goes further: a drafting grid, a wireframe prism and a datasheet line instead of a marketing sentence – it claims less and therefore holds up better.
- Safe zone
- The profile photo covers the bottom-left corner, and narrow viewports trim the cover towards its centre – the bottom band goes first. That's why the message sits top-right: the only region that survives both crops.
- Why the 2× version?
- LinkedIn re-compresses every cover after upload. A source at twice the size reduces visible artefacts around letter edges. Use it if the type looks soft to you.
Press & Partnerships
For interviews, press materials, or partnership inquiries, reach out directly – we're happy to provide additional formats and background information on request.
innovate@digitalpassion.ch