Space is part of the mark.
Keep a clear space of one central diamond around the signature. At small sizes, use the mark on its own with a minimum width of 28 pixels.
The Byte Kraft identity, and the rules behind it.
Our first brand story is our own. The engineering roots of 1Code1Byte, expressed through an identity that belongs in print, in motion and in the world.
Mark, type, color, voice and motion.Updated October 2026
The connected mark
From the original connected loops to a physical identity and its applications.
Scroll to open the layers. Then choose an angle, or take control of the assembly below.
Opening the spatial study…
What we kept from 1Code1Byte
The two connected loops carry forward from 1Code1Byte. We simplified their outlines, opened the interior spaces and made the central diamond the point of connection.
The original connected geometry
Fewer lines. More room to breathe.
byte kraft.
Three rules for using it
Two typefaces, two jobs.
Hubot Sans sets the headlines; its squared rounds echo the hexagons in the mark. Manrope carries navigation and everything people read. Emphasis comes from weight, never a third face.
A voice with a point.
Say what we make, explain the choice, invite the conversation. Write like a person who understands the work. Use concrete language and let the work carry the confidence.
Aa Bb Cc
123 & ?!
Brand and software, made by the same hands.
Headlines set in Hubot Sans at 620 weight.
Body text set in Manrope at 400 weight.
Two palettes: daylight and night
Paper and clay for the daylight studio. Near-black and a signal blue for the night studio, with deep indigo in the 3D world. The materials and lighting change with them.
Paper
#F3EEE6Ink
#292722Clay
#BD6248Night
#08090CSignal blue
#8C97FFDeep indigo
#262C66The identity, in use
From the original connected loops to a physical identity and its applications.
Scroll to open the layers. Then choose an angle, or take control of the assembly below.
Opening the spatial study…
The identity on a poster, a proposal and a post
byte kraft.
Brand and
software,
same hands.
Islamabad, since 2022.
Byte Kraft studioProject proposal
A clear
direction.
Strategy, identity & digital experience.
Build for
year two.
Code you can keep.How it moves
The camera moves around a continuous space. Surfaces keep their thickness, hinges keep their pivots and pieces return to the same assembly. The central diamond holds the signature together.
Scroll leads the sequence. Orbit gives visitors room to investigate. Construction view reveals the geometry. Still transitions keep the same story available with less movement.