twc-005 / A study by Syafril · not client work
An immersive lighting concept with an original procedural 3D object, three finishes and switchable light. Explore the form with keyboard controls. A fictional product study with no checkout or hardware claims.
#171c1b#f0eee5#e6a775WHAT IS HERE / WHAT COMES NEXT
Object exhibitions and product stories where spatial inspection helps understanding.
This theme includes dashboard, login/recovery UI, settings, interface states and its own component book. Registration UI is provided where it fits the theme.
Account forms validate sample values locally. They do not authenticate, create users or deliver email. Dashboard records are authored examples.
3D requires supported WebGL; the static poster and written controls remain available. The lamp is a design study, not a manufactured specification.
Page scope, brand assets, content, handover, hosting, costs and support are discussed in a consultation before work begins. The demo is a reference for that conversation.
Prepare a brief for this directionTreat the product as an object to investigate. A dark exhibition surface leaves room for silhouette, material and light; interaction changes the same object instead of swapping catalog photos.
Carbon grey, chalk and ember. A restrained industrial frame, fine technical rules and an oversized lamp illustration establish a distinct exhibition character.
Jost, a geometric sans in the Bauhaus line of the lamps it shows, gives the display a calm, round rhythm. Inter Tight reads the text; IBM Plex Mono labels the object and view controls.
A compact introduction beside a large interactive object. Finish/light controls live below the stage; view controls appear only when 3D is enabled. Design notes follow the object.
Three.js renders on demand when a view, finish, light or viewport changes. There is no autoplay spin. Enabling 3D is explicit; unsupported contexts retain an interactive illustrated fallback.
Three.js is dynamically imported after activation. Procedural geometry needs no external model or texture downloads. Pixel ratio is capped; observers pause offscreen/hidden rendering and GPU resources are disposed on exit.
Every color, light, rotation and zoom action has a labeled keyboard-operable control. The illustrated fallback preserves finish/light selection without WebGL. No gesture-only action or automatic animation is required.
Configure a watch drawing and export its SVG.
Independent spirit. Unmistakably graphic.