Craft

Scratch card, Iraq Loto. A finger scratches the foil off the gold ball, the five white balls wake with a hop, two swipes clear them and confetti bursts from the matching ball. View production Warp button, Enjaz. A starfield drifts behind the closing call to action and jumps to warp while the pointer rests on the button. View production Scroll-drawn favicon, Enjaz. The tab icon draws the Enjaz mark with a pen exactly as far as the page has been scrolled, and unwinds on the way back up. View production Header notch, Enjaz. A flush header bar springs into a floating glass pill that hugs its content once the page scrolls, and opens back out at the top. View production Type the name, Enjaz. Typing the company name anywhere on the page dims it, draws the mark large with a pen and flies it into the header logo. View production Frosted bar, khaledwaleed.com. Coloured tiles slide up under a recreated frosted top bar, comparing the real recipe with blur alone. Read the study Rule lens, Enjaz. A list of interface rules steps through a lens, each rule lighting up as it passes through the window. View production
Room walk, khaledwaleed.com. Changing pages walks along one wall: the old room slides off as the next arrives, its painting travelling half as far as the words.
Cuneiform edge, Ishtar Center. The footer's top edge presses in like a clay tablet, wedge by wedge from left to right. View production Tread roll, Auto Zone. The wheel mark rolls across the footer's edge and presses a tire tread in behind it, hot cyan cooling to asphalt. View production
Signed footer, khaledwaleed.com. Every page is signed like a canvas: the drawn kw writes itself stroke by stroke at the end of a fading hairline.
Exposure plates, khaledwaleed.com. Four near-identical black plates under an exposure slider: the pure blacks stay black while the ones hiding blue give it up. Read the study
Curtain overture, khaledwaleed.com. Every first visit opens on a velvet curtain cut from the room's own colour, which parts on a room that is already hung.
Ink swarm, Vitex. A quarter of a million grains of ink condense into the word Vitex, blow apart in the scroll and re-form as the next word.
The pour, Vitex. A loader where each letter fills from hairline to heavy ink while a readout pours past 100 percent.
Solace, Pixel art. A pixel scene of a torii gate, a samurai and a dragon crossing the moon, cycling through its three palettes.
Annotated headline, Enjaz. Two words in a headline take turns being annotated the way their discipline works: a design selection frame with its size, then a code highlight that gets approved. View production Pin the country, Tally. A pin drops where you think a country is, the real one fills gold and a dotted line measures how far off you were. View production Charger lineup, Quick EV. Four chargers drawn to scale in hairline boot up one after another, their screens and lamps flickering on. View production Pull to dismiss, Iraq Loto. The cart sheet follows the finger, rubber-bands when pulled up, springs back from a short pull and leaves at the speed of a flick. View production Painted scenes, Tally. Picking a scene swaps the painting behind every page and retints the whole interface with its colours. View production Charging cable, Quick EV. A drawn cable with a coil hangs over the footer, and current runs its length with a soft amber glow. View production Lot 404, Auction Key. A voxel 404 where the key logo stands in for the zero; tap its fallen tooth and it snaps back, the key rattles, and the tooth drops out again. View production
Draw reveal, Iraq Loto. The six winning balls land one beat apart while matching numbers on the tickets light gold, then the red extra ball and the win.
Curtain menu, khaledwaleed.com. On phones the menu is a velvet curtain drawn shut over the page, with the rooms rising onto the cloth.
Pen crossing, khaledwaleed.com. Stepping from the dark museum into the paper studies, a leaning edge sweeps across the screen with a pen stroke riding it.
Vial lattice, Almadafaat. A honeycomb edge of vials spins out from the logo cell and fills, and the pointer floods the cells it passes.
Diamond ledger, Al-Obaidi General Trading. The logo's diamonds stack onto the footer rule column by column, then ripple as the pointer runs along them.
Wet ink, Vitex. The word Vitex as wet ink in a fluid simulation: the pointer smears it into swirls and the letters heal back.
Ease race, khaledwaleed.com. Three dots race on one clock, the same elastic ease built three ways, with tracers riding their curves. Read the study
Big Dipper loader, Morshed. A loader traces the Big Dipper logo star by star, then dissolves into a galaxy as the title rises.
Campfire, Pixel art. A looping pixel forest clearing with a flickering campfire, fireflies and a shimmering river.
Charging favicon, Quick EV. The tab icon charges with amber in ten steps as the page scrolls down and turns back into the real icon at the top. View production Quick pick, Iraq Loto. The dice tumbles while six gold balls land in the tray on a slowing beat, then the ticket drops into the cart. View production
Clasping corners, khaledwaleed.com. Engraved corner brackets stand just outside each button and step in to grip it under the pointer.
Line drawing reveal, Quick EV. Each line drawing draws its own strokes as its card scrolls in, and the words follow. View production Traced mark, Enjaz. Over a starfield and a planet horizon, the Enjaz mark traces itself as a glowing line. View production Nineteen lights, Enjaz. A secret arrow-key code lights all 19 governorate capitals on the map of Iraq, Baghdad first and the rest outward. View production Moonrise, Tally. When the last Sudoku digit lands, the grid thins out, a moon rises behind the board and the digits brighten from the bottom row up. View production Cube toss, Auction Key. Every button press tosses a few of the logo's cubes out of the click point, and they land in a row on the button's edge. View production Voxel key, Auction Key. The logo, a key built from eleven amber cubes, assembles cube by cube on a spring. View production
Settle up, Shgad. Marking a debt as paid throws a burst of flecks and swaps the balance for a green check that draws itself.
Cube skyline, Auction Key. The footer rises into the page as a skyline of cubes that drop onto the base row as it scrolls into view. View production
Scribble underline, khaledwaleed.com. Hovering a title draws one wobbling pen stroke under it from left to right.
After hours, khaledwaleed.com. Leave a page still and the lights go down while the signature writes itself onto the dark wall.
Command palette, khaledwaleed.com. The palette searches the pages, and a typed fragment surfaces a hidden encore that lowers the curtain again.
Bean field, The Grinders. A hero of modelled coffee beans tumbling through warm fog, leaning toward the pointer as the camera moves in. View production
Scratch card, Iraq Loto. A finger scratches the foil off the gold ball, the five white balls wake with a hop, two swipes clear them and confetti bursts from the matching ball. View production Charging favicon, Quick EV. The tab icon charges with amber in ten steps as the page scrolls down and turns back into the real icon at the top. View production Pin the country, Tally. A pin drops where you think a country is, the real one fills gold and a dotted line measures how far off you were. View production Scroll-drawn favicon, Enjaz. The tab icon draws the Enjaz mark with a pen exactly as far as the page has been scrolled, and unwinds on the way back up. View production
Clasping corners, khaledwaleed.com. Engraved corner brackets stand just outside each button and step in to grip it under the pointer.
Pull to dismiss, Iraq Loto. The cart sheet follows the finger, rubber-bands when pulled up, springs back from a short pull and leaves at the speed of a flick. View production Type the name, Enjaz. Typing the company name anywhere on the page dims it, draws the mark large with a pen and flies it into the header logo. View production Traced mark, Enjaz. Over a starfield and a planet horizon, the Enjaz mark traces itself as a glowing line. View production Charging cable, Quick EV. A drawn cable with a coil hangs over the footer, and current runs its length with a soft amber glow. View production Rule lens, Enjaz. A list of interface rules steps through a lens, each rule lighting up as it passes through the window. View production Moonrise, Tally. When the last Sudoku digit lands, the grid thins out, a moon rises behind the board and the digits brighten from the bottom row up. View production
Draw reveal, Iraq Loto. The six winning balls land one beat apart while matching numbers on the tickets light gold, then the red extra ball and the win.
Cuneiform edge, Ishtar Center. The footer's top edge presses in like a clay tablet, wedge by wedge from left to right. View production Voxel key, Auction Key. The logo, a key built from eleven amber cubes, assembles cube by cube on a spring. View production
Pen crossing, khaledwaleed.com. Stepping from the dark museum into the paper studies, a leaning edge sweeps across the screen with a pen stroke riding it.
Signed footer, khaledwaleed.com. Every page is signed like a canvas: the drawn kw writes itself stroke by stroke at the end of a fading hairline.
Cube skyline, Auction Key. The footer rises into the page as a skyline of cubes that drop onto the base row as it scrolls into view. View production
Diamond ledger, Al-Obaidi General Trading. The logo's diamonds stack onto the footer rule column by column, then ripple as the pointer runs along them.
Curtain overture, khaledwaleed.com. Every first visit opens on a velvet curtain cut from the room's own colour, which parts on a room that is already hung.
After hours, khaledwaleed.com. Leave a page still and the lights go down while the signature writes itself onto the dark wall.
Ease race, khaledwaleed.com. Three dots race on one clock, the same elastic ease built three ways, with tracers riding their curves. Read the study
The pour, Vitex. A loader where each letter fills from hairline to heavy ink while a readout pours past 100 percent.
Bean field, The Grinders. A hero of modelled coffee beans tumbling through warm fog, leaning toward the pointer as the camera moves in. View production
Campfire, Pixel art. A looping pixel forest clearing with a flickering campfire, fireflies and a shimmering river.
Annotated headline, Enjaz. Two words in a headline take turns being annotated the way their discipline works: a design selection frame with its size, then a code highlight that gets approved. View production Warp button, Enjaz. A starfield drifts behind the closing call to action and jumps to warp while the pointer rests on the button. View production Quick pick, Iraq Loto. The dice tumbles while six gold balls land in the tray on a slowing beat, then the ticket drops into the cart. View production Charger lineup, Quick EV. Four chargers drawn to scale in hairline boot up one after another, their screens and lamps flickering on. View production Header notch, Enjaz. A flush header bar springs into a floating glass pill that hugs its content once the page scrolls, and opens back out at the top. View production Line drawing reveal, Quick EV. Each line drawing draws its own strokes as its card scrolls in, and the words follow. View production Painted scenes, Tally. Picking a scene swaps the painting behind every page and retints the whole interface with its colours. View production Frosted bar, khaledwaleed.com. Coloured tiles slide up under a recreated frosted top bar, comparing the real recipe with blur alone. Read the study Nineteen lights, Enjaz. A secret arrow-key code lights all 19 governorate capitals on the map of Iraq, Baghdad first and the rest outward. View production Lot 404, Auction Key. A voxel 404 where the key logo stands in for the zero; tap its fallen tooth and it snaps back, the key rattles, and the tooth drops out again. View production
Room walk, khaledwaleed.com. Changing pages walks along one wall: the old room slides off as the next arrives, its painting travelling half as far as the words.
Cube toss, Auction Key. Every button press tosses a few of the logo's cubes out of the click point, and they land in a row on the button's edge. View production
Curtain menu, khaledwaleed.com. On phones the menu is a velvet curtain drawn shut over the page, with the rooms rising onto the cloth.
Tread roll, Auto Zone. The wheel mark rolls across the footer's edge and presses a tire tread in behind it, hot cyan cooling to asphalt. View production
Settle up, Shgad. Marking a debt as paid throws a burst of flecks and swaps the balance for a green check that draws itself.
Vial lattice, Almadafaat. A honeycomb edge of vials spins out from the logo cell and fills, and the pointer floods the cells it passes.
Exposure plates, khaledwaleed.com. Four near-identical black plates under an exposure slider: the pure blacks stay black while the ones hiding blue give it up. Read the study
Scribble underline, khaledwaleed.com. Hovering a title draws one wobbling pen stroke under it from left to right.
Wet ink, Vitex. The word Vitex as wet ink in a fluid simulation: the pointer smears it into swirls and the letters heal back.
Ink swarm, Vitex. A quarter of a million grains of ink condense into the word Vitex, blow apart in the scroll and re-form as the next word.
Command palette, khaledwaleed.com. The palette searches the pages, and a typed fragment surfaces a hidden encore that lowers the curtain again.
Big Dipper loader, Morshed. A loader traces the Big Dipper logo star by star, then dissolves into a galaxy as the title rises.
Solace, Pixel art. A pixel scene of a torii gate, a samurai and a dragon crossing the moon, cycling through its three palettes.