Skip to content

Concepts · not client work

Fictional brands, real builds.

Each concept pairs a design style with an industry and takes it all the way to a live site: real code, real devices, every screen finished. The brands are invented, so we can take a direction further than a brief usually allows. Open any of them on your own phone.

Every brand, product, price and specification on these sites is made up, and each site says so. Our client work is under Selected work.

  1. 01Aura OneLiquid glass × Consumer audioLiquid glass × Consumer audioLive
  2. 02MaunMinimal × D2C tablewareMinimal × D2C tablewareLive
  3. 03Half TitleEditorial × Independent publishingEditorial × Independent publishingLive

Concept 01Liquid glass × Consumer audio

Fictional brand

Aura One

A product page for wireless earbuds that don't exist, built in liquid glass.

Aura One scrolling from its hero, two earbuds floating under the headline, into the breakdown, where one bud turns to glass and its parts come out one by one.
Loads the real site, 3D and all.

Aura One is a fictional pair of wireless earbuds, and its one-page site is our study in liquid glass. Controls bend the page behind them, and a 3D earbud comes apart, part by part, as you scroll.

Glacier
View liveaura.logicbeam.inHow we built it

What's in it

  • Glass controls that bend the page scrolling beneath them
  • One 3D scene that carries the buds from the hero into a seven-part breakdown
  • A clear case that opens, lifts the buds out and closes as you scroll
  • A glass lens you drag over twelve everyday sounds, one setting per listening mode
  • Four colours and two themes, with the 3D recolouring alongside the page

Built with Next.js · React · TypeScript · Tailwind CSS · three.js · Motion · Cloudflare

Concept 02Minimal × D2C tableware

Fictional brand

Maun

An online store for handmade ceramics that don't exist, kept minimal.

Maun scrolling from its still life of five glazed pieces into “From clay to cup”, where a lump of wet clay is thrown, trimmed and fired into a kulhad in Neem glaze.
Loads the real store. Try switching the light.

Maun is a fictional ceramics studio, and its online store is our study in minimal design. Every photograph is rendered from the same curves the site measures each piece by, once by daylight and once by lamplight.

Malai
View livemaun.logicbeam.inHow we built it

What's in it

  • Every photo rendered in two lights, and one switch that re-lights the whole store
  • “From clay to cup”: a kulhad thrown, trimmed and fired as you scroll, in twelve rendered frames
  • A shop that filters by piece, glaze and price, keeps your choices in the address, and moves into a bottom sheet on phones
  • Product pages with a glaze picker, sets of two and four, and a PIN-code delivery estimate
  • Size, capacity and weight measured from each piece's profile, with a working drawing drawn from the same curve

Built with Next.js · React · TypeScript · Tailwind CSS · Motion · three.js · Cloudflare

Concept 03Editorial × Independent publishing

Fictional brand

Half Title

A website for an independent press that doesn't exist, set like the books it publishes.

Half Title scrolling from its first book, an orange ł over a block of flats in Gdańsk, as the letters rise into a row and the ł swells until the screen is orange, into the book's first line in Polish, translated.
Loads the real press. Scroll, and open a book.

Half Title is a fictional London press for fiction, essays and poetry in translation, and its site is our study in editorial design. It is built the way a book is: a half title between pages, a book that opens as you scroll, and a reading room set like print.

Signal
View livehalftitle.logicbeam.inHow we built it

What's in it

  • Each autumn book over a photograph of the place it is set, its letter printed across the screen
  • “Open the book”: the cover swings open as you scroll and the leaves turn through to the first page
  • A reading room set like print, with the translator's notes in the margin and lines you can save as cards
  • A press sheet fed over the page between sections, carrying the next page's half title
  • A tear-off calendar of readings, a Journal read through a type lens, and the whole site as a back-of-book index

Built with Next.js · React · TypeScript · Tailwind CSS · Motion · Lenis · Cloudflare

Concepts, not client work

What these are, and aren't.

Are these real companies?
No. Every brand here is invented, along with its products, prices and specifications. Each site carries a “Concept by Logic Beam” label and says so in its footer, none of them takes orders or payments, and all of them are kept out of search results. Our client work is under Selected work.
Why build sites for brands that don't exist?
Client work shows what a client asked for. A concept shows what we do when nobody has asked yet: one style taken all the way to a working site, on the same stack and to the same standard as paid work, so you can judge it on your own phone rather than in a slide.
Can I buy one as a template?
No. We don't sell templates. If a direction here suits your business, we design and build your version from scratch around your brand, products and content, at a fixed price agreed before work starts — and you own all of it at the end.
Doesn't all that 3D make a site slow?
It costs something, so it has to earn its place. On Aura One the 3D library loads after the page itself, each scene caps its resolution and lowers it on a device that struggles, and nothing is drawn while it is off screen. Most businesses need none of it. The point is knowing how to do it properly when one does.

Start a project

Want a direction like this for your brand?

Tell us which one caught your eye and what you sell. A paragraph is enough to start. You will get a real reply with an approach, a fixed price and a timeline — not a calendar link and a discovery call.

Start a projectconnect@logicbeam.in