One institute, drawn as a blueprint.
Logos, colour, type, icons, favicon, social banners and business cards for KBI. Everything here follows the design system of the new kb.institute: Prussian-blue ground, drafting grid, cyan for live elements, gold for the one call to action.
The mark and two lockups.
Three peaks drawn as one line, with bridges crossing at the base. Use the light version on the blueprint ground and the Prussian-blue version on paper and light documents.
These are the first SVG versions of the KBI logo. They are traced from the mark and the vector wordmark in “Logo KBI 2026 (500x500).pdf” and match the original to 99.9 % of pixels. Please confirm them before they replace the PNG files on Drive.
On ground, ground-deep and panel.
Header, banners, the card front.
Square formats and posters.
Letters, slides and forms on white.
Footers and documents.
Certificates and covers.
Clear space and minimum size
- xClear spaceKeep at least x free on every side, where x is the height of the smallest inner triangle (about a fifth of the mark's width b).
- 24Minimum sizeMark 24 px wide on screen, 8 mm in print. Horizontal lockup 140 px or 30 mm, so the wordmark stays readable.
- 1:1Never redrawUse these files. The wordmark is a different bold geometric sans from the site's type; never retype it.
Prussian blue, line white, cyan and a little gold.
One deliberate theme, Blueprint. It does not switch with light or dark mode. Values come from the design system's tokens.
#003153KBI Prussian blue. Page and banner background.#00223aHeader, footer, statement bands.#063c61Plates and cards on ground.#86abc6Frames, outlined buttons, inputs.#eaf2f8Text and line work on blue. Light logo.#a9c6daCaptions and dimension labels.#6cd6ffLinks, active states, dimension lines, icons.#eec464The one call to action. KBI's node and bridges.The seven bridges
Each directorate owns one bridge, one Roman numeral and one colour. Use bridge colours for emblems, tags and graph edges, never for body text or large fills.
#9ccbf0#dcb184#eec464#c9aed8#acd394#f2a597#bccad6Three families, all free on Google Fonts.
A technical sans for titles, a matching sans for reading, and a mono for labels, figures and anything inside a drawing.
Programs and domains.
Line glyphs in the same grammar as the site's pillar icons: a 44-unit grid, 1.5 stroke, filled nodes, square ends. The SVGs use currentColor, so they take the colour of the text around them. Default is cyan.
Blockchain & Trust Technologies. Used by IBCOL.
Data Science & Artificial Intelligence. Used by IDSOL.
Quantum Computing & Information Theory. Used by IQCOL.
Emerging Technology Olympiads, East and West.
Program badges
International Blockchain Olympiad
International Data Science Olympiad
International Quantum Computing Olympiad
Emerging Technology Olympiads
The light mark on a Prussian-blue square.
The full mark at every size. At 16 px its inner lines merge, but it still reads as KBI's triangle. The maskable icon keeps the mark inside Android's safe circle.
<link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#00223a"> <meta property="og:image" content="https://www.kb.institute/kbi-og-share-image.png">
Blueprint front, paper back.
The front carries the lockup and a half-timbered house in elevation. The back is white with Prussian-blue ink, so it prints sharp and people can write on it.
Keep the drawing true.
- Use the light logo on blue and the Prussian-blue logo on paper.
- Quote the vision and mission word for word.
- Write Canadian English: organization, program, colour, centre.
- Keep one bold moment per piece: the graph, the plan or the mark.
- Label drawings with German drafting terms: Grundriss, Aufriss, Blatt, Massstab.
- Redraw, stretch, outline or recolour the mark.
- Retype the wordmark in Barlow or any other font.
- Use bridge colours for body text or large fills.
- Add glitch, scanline or noise effects, photos or emoji.
- Invent measurements on drawings. They stay “Massstab: ohne”.
Open items
- Approve the SVG logos. They are traces of the Canva files, not master artwork from KBI's designer.
- Phone and address for cards. The sample shows placeholders until you confirm them.
- Card size for Hong Kong. 85 × 55 mm is the EU size. Hong Kong printers often use 90 × 54 mm.
- German vision and mission. Still drafts, so all banners are in English for now.
- Chinese name for KBI. WeChat, Weibo and Bilibili use English text, as no official Chinese name was available.
Banners for eight channels.
Each banner is a drawing sheet: the KBI mission, the lockup, and Euler's graph or the plan of Königsberg from the homepage hero. Everything important sits inside the platform's safe area.