Case Study · 02 · Brand Identity Derivation

JANORDO

A brand identity built from mission, signal reading, colour logic, mark, type roles, and the first website surface.

JANORDO website application screenshot
Origin A brand identity developed from zero, not corrected from an existing system.
Discipline Naming · Colour Derivation · Mark · Typography · First Surfaces
Source Mission notes · signal reading · JANORDO mark assets

Project Charge · First Derivation

The task was not to revise an existing brand.
It was to derive one from the source.

JANORDO did not begin with an old visual system that needed correction. It began with a clear task: build a serious, warm, structured identity for crafted digital presence. The work was to translate mission and signal into colour, weight, mark logic, typographic roles, and the first usable web surface.

Built from zero.
Tested on the first website.

JANORDO starts with the method: clarify the mission, read the signal, derive the palette, define mark and type roles, then test the system on a real digital surface.

The first question was practical.
What should this brand make clear?

The task was to shape JANORDO as a studio for crafted digital presence. That already sets the tension: structure without coldness, design without decoration, digital modernity without performance for its own sake.

So the case is not framed as a service page or a redesign. It shows the method: what the brand has to communicate, how the signal narrows the choices, and how those choices become visible in colour, mark, type, and website direction.

Mission sets the task. The signal sets constraints. The identity becomes useful where both meet.

Source · Mission

Crafted digital presence for local businesses and independent providers: serious, reachable, structured, and warm.

Source · Name

Janus marks the threshold. Ordo marks structure. Together they point to a clearer digital presence.

Source · Signal

The reading translates into usable constraints: structure, warmth, value, order, and controlled modernity.

The Build

Colour, mark, type, and surface logic are developed together, then checked against the first website surface.

The method turns signal
into design decisions.

The palette is not a moodboard. It comes from the mission pressure: structure, designed quality, warmth, value, web order, and controlled modernity.

01
Structure · Saturn / Capricorn / H11

The brand needs
a load-bearing field.

Saturn in Capricorn gives the identity its foundation: craft, durability, order, and no unearned effect. H11 adds the public field. This is why the dark anchor is not theatrical black. It is structural trust.

02
Form · Venus / Capricorn

Design is present,
but disciplined.

Venus in Capricorn makes designed quality earned, held, and useful. Form is allowed to be visible, but it must stay disciplined. That is the difference between identity and decoration.

03
Warmth & Value · Mars / Jupiter / Taurus H2

The system cannot
be cold.

Taurus in the second house brings matter, resources, value, and the human handshake. Terracotta gives warmth. Bronze gives worth. Both stay grounded so the identity feels reachable.

04
Web Order · Mercury / Aquarius / H12

The technology works
from behind the surface.

Mercury in Aquarius gives grid, language, navigation, and system logic. The hidden twelfth-house layer keeps the technical apparatus behind the surface. Uranus adds modernity; Saturn controls it. This is why the teal accent is clear and sparse.

The colour test — can the palette explain the mission?

Structure, warmth,
value, web order.
Derived from the mission.

Derivation Plate · Mission Signal

The system is assigned.
Not styled.

01 Anchor

Saturn / Capricorn / H11

Structure and public field. The dark tone becomes trust, not drama.

02 Form

Venus held by Saturn

Designed quality without decoration. The identity must feel built.

03 Ground

Mars / Jupiter / Taurus

Warmth, value, matter. The identity stays human and grounded.

04 Web Order

Mercury / Aquarius / H12

Grid, navigation, and language. Digital logic becomes invisible order.

Mission sets the task. Signal narrows the material. The identity is tested in use.

Every colour has to
answer the mission.

The JANORDO palette works because each value has a source and a task. Built, warm, modern, reachable: not a remix of the website, but the material logic beneath the brand.

Derived Colour System

Structure AnchorSaturn/Capricorn H11: craft, durability, trust for local access #1E2A2D
Warm Groundlimestone / bone / paper, warmed by Taurus; readable, not clinical #F3EEE4
TerracottaMars in Taurus: vitality, directness, the human handshake #C8674A
BronzeJupiter in Taurus, tempered by Venus/Capricorn: value without luxury noise #B08D45
Controlled TealUranus/Neptune through Saturn: modern signal, clear and sparse #4A9AA4

Typography — proof plate only

Logo / ownership

The wordmark is an SVG asset. It is not rebuilt with live type, and the case does not imitate it in Hermetica headlines.

Display / structure Sora 600

Geometric enough for structure, modern enough for web, controlled enough not to compete with the wordmark.

Body / warmth Manrope

Plain, warm, readable. It keeps the identity approachable instead of precious.

Label / system order Space Mono

Used for small labels and system signals. Technical, but quiet enough to stay beneath the brand.

Material Scan · The Threshold

The mark is not a door.
It is the crossing made abstract.

Visual Grammar

Not decoration.
Operating rules.

Two planes

Saturn gives fixed form: two quiet structural fields. The mark is built before it is expressive.

Light slit

The threshold is larger than the structure it opens. Teal, bronze, and terracotta meet in one narrow event.

Portal + Grid

Frames, layout tiles, and grids become secondary motifs. They carry the digital logic without becoming a new logo.

No literal door

Janus is not illustrated. The crossing is experienced through whitespace, structure, alignment, and the click moment.

The name had to
stay outward.

Janus and Ordo do not make the brand mystical. They clarify the customer's movement: from an unclear digital threshold into visible order.

The manuscript draws the hard boundary: the name confirms the reading, but it does not generate colour. The threshold appears in the mark as an abstract opening, not as a symbol pasted onto the page.

Janus The crossing The client crosses from unclear digital presence into a visible, legible threshold.
Ordo The built order Hierarchy, spacing, rhythm, grid, and a form that knows where attention should go.

What proves the system:
the first surfaces.

The application proof is not the subject of the case. It is the place where the identity first touches a real medium: mark, palette, hierarchy, grid, and brand temperature working together.

01

The name
sets the threshold.

JANORDO holds the crossing and the order in one word. The brand is not decorated with a concept afterward; the concept is already in the name.

Janus · Ordo
02

The palette
sets the climate.

Dark structure, warm ground, terracotta, bronze, and teal are not page decoration. They are the mission's temperature made visible.

Structure · warmth · signal
03

The mark
sets the gesture.

Two planes and a light slit turn the crossing into form. The threshold is not illustrated. It is built into the identity's most compact sign.

The Threshold
JANORDO website direction, live application proof
First Application Surface Same identity, applied as structure

Brand Outcome

Mission read Signal assigned Palette derived Threshold built Type roles set Surfaces tested

JANORDO leaves the construction phase as a traceable brand identity: name, threshold mark, palette, type roles, and first application surfaces all derived from the same mission signal.

The Lesson

A brand is not
chosen by taste.

It is derived until the material can explain why it exists. JANORDO works when the colours, mark, and type feel inevitable for this specific mission.

← All Projects

Your brand world
starts with a pattern.

We work with a small number of projects at a time.
If the pattern is ready, we will find it.