The Kodika brand.
Partners, clients and press are welcome to use our logo. Everything is in one download; we only ask that you use the files as they are.
Everything in one file.
Logos, avatars and icons as SVG and PNG, the palette ready for code and design tools, and a README with the rules on this page.
- LogosFull logo, wordmark and symbol in every colour version
- Avatars and iconsSquare profile images and favicons
- SVG and PNGVectors, plus transparent PNGs up to 2400px
- Colours and rulesCSS and JSON palettes, and a README
Clear space and size.
Keep at least the width of the stem clear on every side of the logo and the symbol.
The logo at 96px wide on screen, 25mm in print. Below that, use the symbol, down to 16px.
Full colour on ink or paper. On Tangerine, other colours or photos, use a one-colour version.
Don'tDon't stretch or squash it.
- Don't
Don't recolour the parts.
- Don't
Don't rotate it.
- Don't
Don't add effects such as shadows.
Don'tDon't use it on low-contrast backgrounds.
- Don't
Don't put the full-colour logo on Tangerine.
Ink, paper and one accent.
Pages are mostly paper and ink. Tangerine is the one brand colour: it fills illustration panels and marks the one thing that matters on a surface, and nothing else competes with it.
Roughly how a page divides between the three.
- #1A1410InkDark surfaces, text on light
- #FBF5ECPaperThe page, light surfaces, text on dark
- #FF6A1FTangerineThe logo, illustration panels, markers
- #B14D1ATangerine 700Tangerine text on paper
- #67615BInk softSecondary text on paper
- #ACA69FPaper softSecondary text on ink
- 300 #FDA271Light pixel steps
- 500 #FF6A1FBrand
- 600 #DA5C1DDark steps, graphics
- 700 #B14D1AText on paper
Two typefaces on the page, one in the logo.
- HeadlinesInstrument Sans MediumMedium weight, tight spacing. Short lines, ending with a full stop.
We build software people use.
- BodyInstrument SansEverything people read: paragraphs, navigation, buttons and forms.
Websites, web apps, mobile apps and custom platforms, from idea through launch.
- LabelsJetBrains MonoEyebrows, tags and dates. Uppercase and spaced out.
Case study · Web apps · 2026
- Logo faceUnbounded MediumThe wordmark is drawn in Unbounded. Use the logo files, never set it as text.
Kodika
All three are free under the SIL Open Font License, on Google Fonts.
Panels, steps and product scenes.
Illustrations are simple scenes of real product UI on a panel with stepped pixel corners, lit from the top left. Tangerine panels carry the main sections; page heroes use a quieter peach panel; ink is for the occasional contrast.
Everything is built from the same square tile: icons, panel corners, the footer edge and pixelated photos. Keep tiles square and aligned to a grid, and never mix them with organic shapes, gradients or stock 3D art.
Tile avatars.
Each person on the team gets a tile avatar drawn from their name, in the same tiles as our icons. Any photos we use are pixelated into square blocks with a warm grade, so they match.
- Sidney · Tile avatar
- Stancy · Tile avatar
Say what we do, plainly.
We write the way we'd explain the work across a table: short sentences, real details, and nothing we can't stand behind.
- PlainWe writeWe launch in short steps.NotWe leverage agile methodologies to drive outcomes.
- SpecificWe writePayments by M-Pesa and card.NotSeamless, cutting-edge payment solutions.
- HonestWe writeAn example of a project we take on.NotTrusted by hundreds of leading brands.
The name is “Kodika Labs”, or “Kodika” once introduced. Kodika Labs is a trading name of Kodika Tech Group.
Every icon on one grid.
Icons are drawn on a grid of rounded tiles: 6 by 6 for content, 5 by 5 for interface icons. Each one has at most one group of Tangerine tiles.
- websites
- web-apps
- mobile-apps
- custom-platforms
- discover
- design
- build
- launch
- team
- early
- stay
- clear
- ship
- own
- arrow-right
- arrow-up-right
- menu
- close
- copy
- check
- plus
- chevron-down
- sun
- moon
- download