Case study02 / 04
Vitrum
Designed and built a browser tool that turns a flat logo into a 3D icon. Glass, metal or colour, exported in one click.
- Services
- Product, Design, Frontend, 3D
About
Vitrum turns a flat logo into a 3D icon: drop in an SVG, pick glass, metal or colour, export a PNG, a GLB or an STL.
It runs entirely in the browser. Free, local, and the files are yours to keep.
Process
Problem
Brands ship flat marks, but products now want icons with light and depth.
Decision
Three controls, depth, bevel and material, with presets first, so a good result takes one click.
Build
TypeScript and Three.js extrude any SVG path in the browser. The relief logos on this portfolio use the same approach.
Outcome
- Material presets
- 29
- Export formats
- 3
- Uploads
- 0
- Editor designed and built end to end, desktop and mobile
- Released open source, in beta
Gallery
6 images, select to enlarge
Editor. One panel, three tabs: shape, material, scene. The object stays in the middle. Chrome, mobile. The whole editor on a phone. Finishes sit one thumb away. Glass, mobile. Glass gets its own optics: refraction, dispersion, clarity. Identity. A flat mark, kept flat. The product is what gives it depth. Finishes. 29 presets across glass, metal and colour. Start with one, then make it yours. Mark to object. Same mark, new dimension. Real sizes in millimetres, ready to print.
Next projectThrisk