Brand · Identity system · Press kit

One hinge.Every rule.

Everything needed to use the Clockborn identity without diluting it. Decide every rule once, then protect it.

01Logo suite

CLOCK on its hinge. BORN whole.

A flip clock builds every character from two halves on a hinge. In CLOCKBORN the clock is still mechanism — every letter split on its hinge — until the B: whole, copper, born.

Primary wordmark · on lightSVG PNG 4K

Great work.
Greater world.

Signature with tagline · on darkSVG PNG 4K

StackedSVG PNG 4K

Monogram · C on its hinge, B wholeSVG PNG 4K

Monogram · on darkSVG PNG 4K

02Construction

Drawn, not typed.

Hinge

Exactly half the cap height, on every letter of CLOCK — the way a flip clock splits its flaps.

Gap

0.14 × stem weight: a true hairline, crisp from about 300 px wide. Below 120 px the solid cut takes over.

Seam

The hinge stops at the K. From the B onward every letter is whole: that boundary is the moment of birth.

Letters

One weight, squared rounds (superellipse), horizontal-cut terminals, spacing tuned pair by pair.

03Colour

Four colours, each with a job.

Ink and Bone carry almost everything. Steel draws the hinge. Copper is the B, and nothing else — its scarcity is what makes it mean something.

Carbon: #111111 · RGB 17 17 17; Ground and type · ~60%

Cream: #F3EFE6 · RGB 243 239 230; Paper and light ground · ~30%

Graphite: #8C8C8C · RGB 140 140 140; Hinge lines, pencil and fine detail · ~8%

Forge Copper: #D9541E · RGB 217 84 30; The B, and nothing else · ~2%

Paper
#FBF9F4 · Raised surface on Cream

Sand
#E9E4D8 · Quiet panel on Cream

Rule
#D9D3C6 · Hairlines on Cream

Slate
#4A4A4A · Secondary text on Cream

Carbon Raised
#1B1B1B · Raised surface on Carbon

Rule Dark
#2E2E2E · Hairlines on Carbon

Mist
#B9B5AC · Secondary text on Carbon

Kicker
#4A4A4A · Small labels on Cream (grey: copper is kept for the B)

Contrast, measured

Sample	Pair	Ratio	WCAG 2.2
Aa	Carbon on Cream	16.46 : 1	AAA
Aa	Cream on Carbon	16.46 : 1	AAA
Aa	Carbon on Paper	17.95 : 1	AAA
Aa	Slate on Cream	7.72 : 1	AAA
Aa	Mist on Carbon	9.23 : 1	AAA
Aa	Graphite on Carbon	5.62 : 1	AA
Aa	Kicker on Cream	7.72 : 1	AAA
Aa	Forge Copper on Carbon	4.71 : 1	AA
Aa	Forge Copper on Cream	3.49 : 1	AA large text
	Graphite on Cream	2.93 : 1	Lines only

04Typography · all SIL Open Font License

Three voices.

Display · Clockborn Hand 600Great work.
Greater world.

Headlines and navigation, written by hand: work made by people. Segoe Print where installed, Kalam everywhere else. Never used to retype the logo.

Text · Clockborn Hand SoftBorn from the clock.

Body copy and leads, in the same hand as the headlines.

Data · IBM Plex MonoMODEL CB-01
SERIAL 0001
BUILD 2026-10

Labels, specs, data and code. The precise, technical layer.

Scale · fluid from 360 to 1440 px

Token	Size	Sample
--fs-mega	46–120px	Great
--fs-d1	40–92px	Great work.
--fs-d2	32–64px	Great work.
--fs-h1	38–68px	Great work. Greater world.
--fs-h2	30–48px	Great work. Greater world.
--fs-h3	22–28px	Great work. Greater world.
--fs-lead	19–23px	Great work. Greater world.
--fs-body	17–19px	Great work. Greater world.
--fs-small	15–16px	Great work. Greater world.
--fs-label	12–13px	Great work. Greater world.

05Space

A 4-point rhythm.

Spacing steps grow from 4 px. Layouts sit on a 1280 px maximum with fluid gutters, and text lines stay under 680 px for comfortable reading.

r-s · 6px

r-m · 10px

r-l · 16px

r-xl · 24px

--s14px

--s28px

--s312px

--s416px

--s524px

--s632px

--s748px

--s864px

--s996px

--s10128px

--s11176px

06Components

Built from the same parts.

Talk to us Secondary

Buttons · on light

Talk to us Secondary

Buttons · on dark

01Section label on the hinge

Kicker · Copper Text

Headings in Fraunces, labels in Plex Mono.

Labels and headings

Card

Automation you own

Paper surface, hairline rule, 16 px radius.

Card

07Motion

Everything turns on the hinge.

Things never slide in at random. They open along the hinge, flip like a flap, or settle into place. Motion always respects reduced-motion settings.

Token	Value	Use
--t-quick	140 ms	Hover and focus feedback
--t-base	260 ms	Small state changes
--t-flip	520 ms	A flap turning on its hinge
--t-open	760 ms	Panels opening along the hinge
--ease-hinge	.77 0 .18 1	Anything that turns or opens on the hinge
--ease-settle	.2 .8 .2 1	Things arriving and coming to rest

The opening sequence on the home page: a line of time draws across the screen, CLOCK unfolds from it, the line gathers into a copper spark at the seam and the B is born. Then the screen opens along the hinge.

Watch the intro

Replay the board

08App icon and small sizes

Clear at every size.

Three drawn cuts, not one scaled picture. At 32 px the hinge widens so it still reads; at 16 px it closes and the copper B carries the identity alone.

180 · master

32 · S

16 · XS

Light

1 colour

Avatar

09Clear space and minimum size

Give it room.

120 px and up · hinged

Below 120 px · solid cut

Monogram · 16 px minimum

Clear space X = half the cap height, on every side. Nothing enters it.

10Never

Six ways to break it.

✕ Never hinge the B — it is the one whole letter.

✕ Never recolour the B, or use copper anywhere else.

✕ Never stretch, squash or re-space the letters.

✕ Never add shadows, gradients, outlines or bevels.

✕ Never place it on copper — the B disappears.

CLOCKBORN

✕ Never retype the name in a font. Always use the artwork.

11Voice

Plain, precise, warm.

We write the way the mark looks: exact where it matters, human everywhere else. Short sentences. Real numbers. No hype.

Say what the work does and what it is worth. Name the limits. Leave people feeling capable, not impressed.

Write "Clockborn" as one word with a capital C. In running text, never all caps — the capitals belong to the logo.

We sayNot

Automation that does the work.Revolutionary AI-powered synergy.

Saves your team about 30 hours a week.Unlocks limitless productivity.

A person checks anything unusual.Fully autonomous, zero oversight.

We set it up, deploy it and support it.End-to-end digital excellence.

12The making · decided by people

Every call made by a person.

Software did the checking. People made the decisions. This is the record, kept as it happened.

The name24–25 Oct 2026: Six rounds: invented words, two-word names, three-word phrases, then single words. Each round was turned down until one name stayed: Clockborn, a mechanism that becomes something alive. Every finalist was checked against domain registries and trademark records in India, the United States and the EU first.
The domain26 Oct 2026: clockborn.com registered.
The mark26 Oct 2026: Of several directions, Hinge was chosen: CLOCK split on a flip-clock hinge, the B whole and copper. The letters were then redrawn as clean curves, not typed.
The monogram study27 Oct 2026: The founder sketched the CB as a pair of glasses: the C turned over the B, its two counters as lenses. We built it, tested it from 16 to 256 pixels, and kept the original. The letters stay readable, and it cannot be mistaken for a robot face. Flip the tile to compare.
The website27 Oct 2026: Built on our own generator, without templates or trackers. Before launch, every page is opened in a real browser at phone and desktop sizes and checked for errors, contrast, keyboard use and speed.

Study · not adoptedKept · CB

13Downloads

Press kit.

Vector masters for anything printed or scaled; 4K PNGs for everything else. All files are free to use when writing about Clockborn.

Download the full kit (.zip)

Questions about using the brand? hello@clockborn.com