Work

KORDIN. The app is the constant. So is the brand.

Logo, brand identity, guidelines, a particle-driven 3D website and an AI-ready Brand OS for KORDIN, the portable application cloud. One idea everywhere: the application is the constant, the infrastructure is the variable.

KORDIN - live websiteLive
Scroll it, click around. It is the real site.
SectorCloud infrastructure, AI platforms
LocationEurope
Year2026
My roleBrand & Web Design Lead: strategy, identity, web, Brand OS
DeliveredLogo, identity, guidelines, 3D website, Brand OS, AI prompt system
TechWebGL particles, HTML-first, browser portal
1 projectbecame the website, the platform canvas and the brand portal
12 mastersthe team edits in the browser, no designer
1 Brand OSportal, AI prompt rules and a voice check in one place
As codethe platform canvas, handed over to the dev team
01

The logo

One connected system, shaped by a path of choice. A custom wordmark drawn letter by letter on the same grid, plus a Culture wordmark for events and merch.

The brief

A portable cloud in a category where everyone sounds the same.

KORDIN lets teams ship apps and AI workloads on one cloud experience and keep the choice of where they run. The product was ready. The brand was a name and a promise every cloud company makes: faster, simpler, more secure. The team also needed to produce campaigns, posts and product visuals every week, without a designer on call and without the brand drifting.

Goal

Own one idea in cloud infrastructure and give the team a way to produce on-brand work at AI speed.

Values

Portable, direct, technical, in control.

Direction

Show portability instead of claiming it. Warm and human where hyperscalers are cold. A system the team runs on its own.

What they really needed

One idea the logo, the website and every post can carry: the application is the constant, the infrastructure is the variable.

02

The identity system

Bold, direct, warm and honest. Pulse Orange on restrained neutrals, Delight for the voice, Geist Mono for the system, and patterns built from the mark.

Positioning

KORDIN is the portable application cloud: your apps and AI stay yours, wherever they run.

Portable

The app moves, the experience stays the same.

Direct

Short lines, no cloud jargon.

In control

Your stack, your region, your terms.

Human

Built for the people who ship, not for procurement slides.

03

The brand in use

Made to stay yours. Campaign, billboards, the office, a conference stage, badges, cards and merch on one system.

Decisions

Five decisions, and what I rejected.

  1. 01
    One continuous form with a stepped path

    The symbol is one connected shape with a stepped path cut through its negative space: routes can change, the whole stays intact. The same geometry drives the 3D website.

    Rejected

    A cloud icon, a hexagon or another abstract swoosh.

  2. 02
    Pulse Orange on warm black

    One signal colour on Substrate black gives KORDIN a look no hyperscaler owns, and it holds at every size, from favicon to billboard.

    Rejected

    The blue-and-white palette every cloud provider already uses.

  3. 03
    Lines people can repeat

    Made to stay yours. Own the cloud, not the complexity. Each line says the positioning in a few words.

    Rejected

    Feature lists and benchmark claims nobody remembers.

  4. 04
    A 3D website built on one idea

    Thousands of particles form the mark, scatter across infrastructure and rebuild as you scroll. Real HTML sits under every scene, so Google and AI assistants can read it.

    Rejected

    A product-screenshot homepage that looks like the rest of the category.

  5. 05
    A Brand OS instead of a PDF

    Logo Studio, Pattern Lab, Post Studio, Prompt Studio and Voice Check let the team create assets and copy that pass the brand rules before they ship.

    Rejected

    A static guideline PDF and a shared Canva folder.

04

Social system

Post series and stories built from the same lines and the same red, ready for every format.

05

The 3D website

Thousands of particles form the KORDIN mark, scatter across infrastructure and rebuild as you scroll. Real HTML under every scene.

06

Brand OS

The guidelines as a live portal the team makes things with: pick a lockup, grow a pattern, build a post, write a prompt, check the copy.

07

Brand OS, in my words

Short tours of the portal, Logo Studio and the AI kit with my voiceover, and the social system the team builds from 12 masters.

With my voiceover. Press play.
With my voiceover. Press play.
With my voiceover. Press play.
Problems solved

What was broken, and what I built to fix it.

The problemWhat I built
A promise every cloud company makesOne ownable idea: the app is constant, the infrastructure is variable
An abstract product nobody can pictureA particle mark and a 3D website that show portability as it happens
A look indistinguishable from hyperscalersPulse Orange on warm black, Delight and Geist Mono, a HUD language
Every post and campaign needed a designerLogo Studio, Pattern Lab, Post Studio and 12 masters the team runs itself
AI tools writing off-brand copyPrompt Studio and Voice Check with the KORDIN rules built in
Outcome

One idea, carried from the logo to the last post.

KORDIN has a mark, a website and a brand system that all say the same thing: your app stays yours. The team creates posts, patterns and AI copy on its own, and every asset passes the brand rules before it ships. The same project also produced the platform canvas, handed over to the dev team as code.

Brand + guidelines

Logo, identity, verbal identity.

3D website

Particle mark, HUD language, HTML-first.

Brand OS

Portal, Brand Studio, Prompt Studio, Voice Check.

Your project

Want this for your brand? 3 quick taps, a fixed-price proposal in 2-8 hours.