Cookies

In addition to necessary cookies, we use Google Analytics cookies only with your consent — they help us understand how the site is used. You can accept or decline them, and change your choice just as easily later.

Our work Websites · Brand identity · Marketing

Codebon.

Brand identity and website for an AI consultancy in Tampere. The site does more than present services: it asks questions, recommends a first step and sends discovery requests straight to the inbox.

Client
Code Bon Oy · Tampere
What we did
Brand identity, website, question flows, initial assessment, image series, marketing
Launched
July 2026
codebon.fi on a laptop: You know AI could help. But where do you start?

01 Starting point

SMEs know AI could help, but do not know where to start. Codebon needed to look like a practical partner rather than a slide deck, and get buyers moving before the first call.

02 Solution

A dark, calm identity where every heading ends with vermilion punctuation. The site does sales work: a question flow and initial assessment suggest a suitable first step and send the answers straight to Codebon.

  1. 01LoopC and b interlock.
  2. 02FlowThe signal travels as if on a circuit board.
  3. 03WordLight Outfit lettering and plenty of space.

03 Colours

Four colours and one rule: the last punctuation mark in a heading is always vermilion.

deep inkmain background

#171B23
var(--brand-bg)

cards #2B303A

inkcards · contact section

#2B303A
var(--brand-surface)

hover #333947

creamtext · manifesto

#F9F5F1
var(--brand-text)

muted 62 %

vermilionCTA · punctuation

#D64933
var(--brand-accent)

hover #C03E29

glowsymbol gradient

#EDA385 → #D64933

only in the symbol

04 Website

codebon.fi.

  • Launched in July 2026
  • NOX Studio publishing platform
  • Identity in code: Outfit, Satoshi and vermilion punctuation
codebon.fi
codebon.fi on desktop
codebon.fi on a phone

05 Question flow

A website that asks first.

Each service page has a scripted question flow: four questions, a recommended first step and answers straight to Codebon's inbox. A bigger decision starts with an initial assessment, which Codebon uses to prepare a current-state report.

  • Question flow on six service pages
  • Initial assessment: 8 sections, around 15 minutes
  • Answers straight to Codebon's inbox

06 Identity in use

01 / 06

Codebon's identity: business cards, notebook, app icons, phone and brochure
01Identity in print and on screen
Brand board: wordmark on three backgrounds, symbol, pattern, app icons and typography
02Wordmark, symbol, pattern and typography
codebon.fi on mobile: homepage, initial assessment and question flow
03On mobile: homepage, initial assessment and question flow
Initial assessment: Tell us where you are now — around 15 minutes
04Initial assessment questionnaire
Image from the series: a consultant leads a workshop in front of a sticky-note wall (AI-generated)AI
05Image series — AI-generated
Social sharing image: Codebon wordmark over the pattern
06Sharing image for social media and messages

07 Voice

AI for daily work —
not slide decks.

Development that actually gets used.

From discovery to partnership.

08 Delivered

  • Brand identityWordmark, symbol, pattern, colours and typography.
  • Websitecodebon.fi on our own publishing platform: service pages, pillar page, blog and privacy policy.
  • Question flowsScripted flows for six service pages, with answers straight to the inbox.
  • Initial assessmentAn eight-part questionnaire, personal invitation links and answer exports for reporting.
  • Image seriesA documentary-style series of Codebon's own consultants, generated with AI.
  • MarketingOngoing partnership: search engine optimisation, analytics and campaigns.

Does your service need a website that does sales work?

Book a meeting