record 001 · isbeipackage · the ep

one brand, two markets

four years of identity, film and bilingual media for an enterprise ai company built between islamabad and beijing.

clientisbei
marketchina
scopeidentity, web, film, motion, localisation
runningsince 2022

we built isbei a visual system that had to work in english and chinese at the same time, then kept it running for four years while the company scaled from pilot to enterprise deployment. the same rules now hold across a website, an investor film, a launch campaign and a bilingual social pipeline.

the challenge

the name is the brief

isbei is islamabad and beijing compressed into one word. the company anchors pakistan's engineering to china's market, and the brand had to hold in two writing systems from the first sketch rather than be translated at the end of the process.

the practical problem was that nothing accumulated. there was a name, a technology, and a run of decks that each looked like a different company. every new piece was rebuilt by hand, so four years of output would have produced four years of drift instead of four years of equity.

so we designed the system in both languages at once, and made everything else inherit from it.

the journey

from a phase one guide to a working system

the 2022 book set a name, a logo and five colours. four years later the guide specifies motion, writing style and the exact ground everything sits on.

2022identity guidelines, phase 1.0
  • a logo, a primary palette and a first typographic rule
  • urbanist named for english, source han sans for chinese
  • the secondary font page still reads placeholder
  • the secondary palette repeats one red four times, unfinished
  • social guidance is a single line, only wechat for now
2026visual system, colour and shape guidelines
  • one named ground, dotted paper, with three neutral fills
  • two colour registers, saturated for meaning, brush for calm
  • every shape built from a circle, no corners anywhere
  • a writing style, lowercase always, one keyword coloured per line
  • motion rules, nothing snaps, four second holds, grain over everything
01

identity and web infrastructure

the identity resolves to two elements that do the same job in either script. flicks drawn from chinese ink painting carry the human side. connecting circles map the customer journey from insight through pairing to optimisation. urbanist sets the english, source han sans sets the chinese, both to one hierarchy, so a layout changes language without being redrawn.

the mark, in both scripts
001.1the mark, in both scriptslatin and chinese lockups are built as one entity and scaled together, so the ratio never drifts.
every ground it has to survive
001.2every ground it has to survivethe mark is specified against twelve backgrounds before anyone places it on a thirteenth.
one typeface, four weights
001.3one typeface, four weightsurbanist carries display through to caption, so hierarchy comes from weight rather than from new fonts.
the system on the web
001.4the system on the webisbei.com runs the print grid and hierarchy, so the site reads as part of the brand.
templates, not one offs
001.5templates, not one offsdecks, papers and one pagers are built as a kit so the team can produce without a designer in the loop.
where the marks come from
001.6where the marks come fromthe flicks and the connecting circles are documented back to their source, which is how a system survives handover.
02

film and motion engine

the identity had to move before it meant anything to an enterprise buyer. the motion language is built on the same circles: dots settle, rings draw on, oversized soft forms drift behind the type. nothing snaps, every beat holds about four seconds, and a fine grain ties the digital shapes back to the paper.

the shapes carry the line
001.7the shapes carry the linesoft forms in brand red and green do the work a stock image would normally do, so the film stays on system.
one idea per frame
001.8one idea per frameeach cut holds a single line long enough to read it, which is the opposite of how most enterprise video is built.
automation with a person in it
001.9automation with a person in itthe films keep returning to the person at the end of the interaction, because that is the whole argument.
type doing the heavy lifting
001.10type doing the heavy liftingwhole frames are set in urbanist alone, which keeps production fast and the language consistent.
03

from wechat to worldwide

the 2022 guide had one line about social, only wechat for now, and a rule to china proof every post. in may 2026 isbei opened on linkedin with a six post launch, one film per post, produced in english and chinese from a single brief. the channel count grew, the system did not have to change to carry it.

the linkedin launch film, cut for feed
  1. 2022wechat onlyone channel, one language, every post china proofed before it went out.
  2. 2025bilingual productionenglish and chinese cut from one brief rather than translated afterwards.
  3. 2026linkedin launchsix posts over two weeks, one film each, the page live in both scripts.
a second script, one hierarchy
001.11a second script, one hierarchysource han sans is specified against the exact urbanist scale, so a headline keeps its weight either way.
built for the crossing
001.12built for the crossingplanned for two audiences from the first frame.

what it added up to

4+years of continuous brand and media management
300+assets delivered across film, motion and identity
2writing systems held inside one visual system
1typeface, urbanist, set lowercase throughout
more workbrand identity & systems

initiate a commission