Concept filmOrigin: a brand as a character
A painted character starts with nothing, learns skills and gets a name. A 55 second story cut to music.
// OUR WORK
OUR WORK.
Videos, websites and brands we have made. Every piece says whether it is a concept, a demo or a live site. Jump to a type below.
Videos, websites and brands
Videos and ads
Concept films cut to music. Each one says what it is. Ad prices
Concept film
Concept filmPlumbline: a software launch film
A made-up software product and its launch. Every number on screen is labelled sample data.
Concept filmQuoin: brand identity reveal
A logo made from circles on a grid, then colour, type and pattern on a card, a tote and an app screen.
Concept filmKinetic alphabet promo
Four custom lettering styles in one promo. Each scene changes the letters and the colour together.
Websites
Live sites and demos. Follow the link to see them working. Website prices
Samurai BLAQUE: music and beat store
The music artist site for Samurai BLAQUE, with a beat store where buyers can purchase tracks.
GiveMePrompts: this website
Our own site: prices, a quote form, the store and this portfolio.
Lintel: B2B finance lead site
A landing page for a fictional lead marketplace. Buyers get pricing and a product view. Recruits get their own section.
PapitoTrades: trading alerts site
A redesign demo for a trading alerts membership: the full book, the app, four tools and honest pricing. Sample data throughout.
Silicon Valley Breaker: rebuilt site and revenue demo
A rebuilt site for an electrical supplier, plus an interactive demo that measures the old site against the new one.
BLAQUE LINE: anime series site
A five page site for an original anime series: loader, episode player and character roster.
Logos and brands
Concept brands, not client work. Each one shows the logo, colour, type and use. Brand prices
Quoin: brand identity
A logo built from circles on a grid, then colour, type and pattern across a card, a tote and an app screen.
Terza: fintech brand and app
Logo, brand guide and a working app prototype for a fictional fintech. You can tap through the app.
Kilnwood: sourdough bakery
Logo, packaging and brand guide for a fictional bakery.
Motion
Films drawn in code. Cut to the audio, checked frame by frame.
Concept film. Fictional story.
Origin: a brand as a character
A paint-blob hero drops in, learns to type, faceplants, picks up four skills and walks on stage to ask for a name. Every stroke is drawn in code and cut to the beat.
What is strong
- The story reads with the sound off: prompt, drop, born, overreach, faceplant, getting up, four new skills, the rush, arrival.
- Cuts, badges and the logo hit land on the beats of the track.
- One colour per chapter, so each scene is recognisable from a thumbnail.
What is still weak
- The hero is closer to a sticker than to oil paint: strokes overlap, they do not blend wet-in-wet.
- The opening five seconds are the quietest stretch, and 24 to 29 s is sparse on purpose.
- Small text lines are tiny on a phone.
Built with JavaScript canvas and WebGL, FFmpeg
Concept film. Fictional product. Sample data.
Plumbline: concept SaaS launch film
A made-up product, a real launch film. Cards land on measured snare hits and every number on screen is labelled sample data.
What is strong
- One idea carries it: a plumb bob opens the film, the word "drift" slides off the baseline, and the bob lands true on the end card.
- Motion is locked to the audio. Cards land on measured snare hits and the strongest hit racks focus onto "Which one is true?".
- Real motion blur, built from 4 to 32 sub-frames per frame and blended in linear light.
- Checked on the exported file: 900 frames, no frozen runs, no black dips, one contact line on screen.
What is still weak
- The interface text is small. On a phone the app reads as texture and the captions do the explaining.
- It is CSS 3D, not a true 3D render, so it looks flatter than a studio-rendered launch film.
- The soundtrack thins out after about 27 seconds and there is no voiceover.
Built with HTML, CSS and SVG motion, FFmpeg, Python
Concept film. Original alphabets.
Kinetic alphabet
Four custom alphabets, every letter drawn in code with no font files. Each scene changes the alphabet and the colour together.
What is strong
- Four custom alphabets, one per scene, all drawn in code with no font files: stencil bars and rings, a pressure-sensitive pen alphabet, Bezier wireframe, pixel cells, and the closing lockup.
- The idea is on screen the whole time. The readouts are live numbers from the render, so "every frame is code" is shown, not claimed.
- Checked on the exported file: 900 frames, no frozen runs, no black dips before the closing fade.
What is still weak
- The small readout text is tiny on a phone.
- The music is a cut from an existing instrumental, not scored to this edit beat for beat.
- It was reviewed from sampled frames, not frame by frame. A full second pass is still planned.
Built with JavaScript canvas and WebGL, FFmpeg
Interactive
Pages that react. Open them and play.
Real-time simulation
Technicolor ink in black water
A fluid solver running in the browser: ink dropped into black water, mixing the way pigment does. The same engine runs live in the Lab, where you can stir it.
What is strong
- A real stable-fluids solver on the GPU, not a looped video.
- Hue-preserving shading keeps the colours rich instead of washing to white.
What is still weak
- The 12 second clip is a capture; the live version in the Lab is the real thing.
- Heavy on older graphics hardware.
Built with WebGL2, JavaScript
Brand systems
Identity built from geometry, then put to work.
Concept brand. Fictional.
Quoin: a brand identity in motion
A fictional identity built from a grid: the mark constructed from circles, a four-colour palette, a custom wordmark and pattern, then a card, a tote and an app screen.
What is strong
- The mark is constructed on screen from circles and tangents, so the logic is visible.
- One system carries from the mark to the card, the tote and the phone.
- Checked on the exported file: no frozen runs and a complete end card.
What is still weak
- It is a concept brand with no real client behind it.
- Small interface text on the phone scene is tiny on a mobile screen.
- The final wipe timing was still being tuned when the build was cut.
Built with JavaScript, FFmpeg, Python
Brand kits gallery
Terza, Moonwort and Kilnwood: logo boards, colour and type guides, packaging, and a fintech app you can tap through. Every board drawn in code.
Open the gallery