Frame 01 / Developer
Developer
01const identity = {02 name: "Yazan Nasser",03 role: ["developer", "digital designer"],04 medium: "the web"05}0607render(identity)W01 / 01Arrival
Issue 01 / A digital publication
7 worlds / 35 chapters
Typographic Universe, the portfolio of Yazan Nasser
Yazan Nasser
Developer & Digital Designer
A long-form publication where typography, motion, three-dimensional space and interaction are designed as one language. Move the cursor to stir the galaxy.
Scroll to enter
W01 / 02Name
Set in Anybody Variable / Weight 100 to 900 / Width 50 to 150
Developer & Digital Designer
A name set in a variable typeface. Every letter is allowed to breathe: move the cursor across it and the weight and width follow you.
Live axeswght 300 / wdth 70
W01 / 03Letter Architecture
Drag to look around
01 / 03
Letters as architecture.
Every glyph in this universe is constructed from stems, bars, chamfers and counters, then raised into space like a building.
02 / 03
A custom alphabet.
Sixteen letters were drawn in code for this publication, so the same forms can be extruded, morphed and rebuilt at any weight.
03 / 03
Walk between them.
Scroll to travel down the avenue of the name. Drag sideways to turn and look around.
W01 / 04Identity in Motion
Scroll speed 0.00
Four frames / One identity
Identityin motion
Two disciplines share one name. This sequence plays them like frames of film: the developer, the designer, the place where they cross, and the motion that carries both.
Frame 02 / Digital Designer
Digital Designer
The design side reads type the way an architect reads a plan: ascenders, x-heights and baselines are the measurements every layout is built on.
Frame 03 / Where they cross
Developer
Designer
Two disciplines, one practice. The words slide through each other as you scroll, the way code and composition overlap in every page of this publication.
Frame 04 / In motion
Motion
Scroll faster and the letters lean and stretch with you. Stop, and they settle back into their drawn shape. Movement here is a response, never decoration.
W01 / 05First Transition
The opening universe ends at a letter.
Keep scrolling. World 02 is waiting inside the counter of the O.
Entering World 02
The TypographicDimension
W02 / 01Giant Letterforms
Giantletterforms
Seen at this size, a letter stops being text and becomes a building plan. These forms are constructed, not typed: stems, bars, chamfers and counters, drawn in code for this publication.
Choose a letter
W02 / 02Infinite Typography
Flow x1.0
Infinite typography
A sentence set on a surface with no last line. The text runs along the form forever; scroll faster and it accelerates, drag to turn the object in your hands.
W02 / 03Perspective Layers
Seven planes, one sentence. Scroll to travel through it.
Type is a space you move through.
W02 / 04Kinetic Composition
Kinetic composition
A Swiss poster that refuses to sit still. Every character is a physical object with weight, rotation and inertia. Every letter turns to face the cursor, like a compass needle.
W02 / 05Type Transformation
Typetransformation
A letter is a set of decisions. Scroll and one outline becomes the next, spelling the first name one shape at a time. Change the stroke or the chamfer and every letter in the sequence answers.
Stage 01 / 05
From World 04 / The Project Exhibition
Selected work
Four works, each given a room of its own in the exhibition. Hover to preview a cover, choose one to enter its case study.
The universe continues
Seven worlds
You have crossed the first two. Each of the others lives on its own page, with its own palette, rhythm and way of moving. Open a spine to look inside.
- 01VisitedOpening Universe
The Opening Universe
The first encounter. A galaxy of glyphs, a name that breathes, letters built like buildings.
Revisit - 02VisitedTypographic Dimension
The Typographic Dimension
Typography as an environment: giant forms, endless lines, layered depth and letters that answer back.
Revisit - 03AboutEditorial Identity
Editorial Identity
The person and the philosophy behind the work, laid out like an issue of a magazine.
Open About - 04ProjectsProject Exhibition
The Project Exhibition
Four works and one in progress, each given a room of its own.
Open Projects - 05ExperimentsExperimental Laboratory
The Experimental Laboratory
Original studies in dimensional type, fluid matter, generative systems and interactive surfaces.
Open Experiments - 06ExpertiseExpertise Journal
The Expertise Journal
Development, design, creative code, technology and process, explained through the making of this publication.
Open Expertise - 07ContactFinal Publication
The Final Publication
A last look at the whole universe, the details that hold it together, and a way to write in.
Open Contact