Oatside Humiliated Nearly 200 Senior Vietnamese Marketers. Their Apology Humiliated the Brand.
On April 5, 2026 — less than 24 hours after the Vietnamese internet erupted over…
Letters have depth now. Not the fake depth of drop shadows or gradients – actual three-dimensional form with thickness, edges, surfaces that catch light.
The shift happened when tools got accessible. Blender is free. Adobe added 3D to Illustrator. Anyone can extrude text into the third dimension. But most of it looks terrible because designers treat 3D as a filter to apply rather than understanding how form, surface, and light actually work together.
Good 3D typography comes from treating letters as physical objects. Chrome letters reflect their environment. Glass letters refract light. Concrete letters absorb illumination. The material matters. The lighting matters. The edge detail matters.
This is how designers build it – the extrusion and beveling that creates form, the materials that define surfaces, the lighting that makes it visible.
Every 3D letter starts flat. Extrusion pulls the 2D outline into the third dimension.

Depth controls physical presence. 0.2 units gives subtle dimensionality – letters with thickness that casts shadows but stays close to the flat silhouette. Works for website headers where you want dimension without overwhelming the layout. 2.0 units gives chunky, architectural forms with significant mass. Works for posters and title cards where impact matters more than subtlety.
Shallow extrusion (0.1-0.5) keeps letters readable from any angle. The form stays recognisable even from dramatic perspectives. Deep extrusion (1.5-3.0) prioritises impact – the side profile often reads as geometric blocks. View deeply extruded text from 45 degrees and you see shapes, not letters.
Extrusion depth isn’t uniform across all characters. An “I” with 2.0 units looks like a beam. An “O” with 2.0 units creates a tube. Visual weight differs even with matching values. Designers compensate – thin letters get slightly more depth to match wider characters’ weight.
Raw extrusion creates sharp 90-degree edges. Beveling rounds them. Bevel depth determines how far rounding extends. 0.02-0.05 units creates subtle softening visible in highlights. 0.15-0.3 units creates pronounced rounding changing the entire profile – the letter looks inflated.
The bevel controls how light hits edges. Sharp bevels create thin highlight lines – a crisp reflected light line. Soft bevels create broad, graduated highlights – gentle transition from lit to unlit surface. Chrome with sharp bevels (0.02 depth) looks machined, precise. Chrome with soft bevels (0.25 depth) looks cast, molded.
Material hardness should match bevel hardness. Metal needs tight bevels – sharp edges feel right for rigid materials. Rubber needs generous bevels – rounded edges suggest flexibility. When soft material has knife-edge bevels, the mismatch breaks the illusion.
Multiple bevels create stepped edges. Primary bevel shapes the main transition. Secondary bevel adds detail on top. Result looks fabricated – carved or machined – rather than simply extruded. High-end product renders use multi-level bevels to suggest manufacturing precision.

Chrome is pure reflection. Maximum metallic, near-zero roughness. The surface mirrors everything – background, other letters, light sources. The letter disappears into reflections. You see the environment, not the letter itself.
Needs strong directional lighting. Flat ambient produces muddy grey. Chrome needs high-contrast – bright key, dark fill – to show clear reflections. Also needs interesting surroundings. Chrome in empty white void looks like dull grey plastic. Place it in an environment with colour and elements, reflections create complexity. The surface shows its context.
Chrome works for luxury brands, tech products, premium positioning. The reflective complexity signals expense and precision. Overuse makes it look cheap – if everything’s chrome, nothing stands out.
Glass needs transmission – light passing through. High transparency, index of refraction around 1.45. Objects behind stay visible but refracted. Light passing through creates caustics – concentrated bright patterns.
Requires backlighting. Without it, glass looks like tinted plastic. Position strong lights behind and you see glowing edges where light refracts, bright spots where it focuses, internal reflections. Too much transmission and letters vanish. Too little and they look like acrylic. Sweet spot: 0.9-0.95 transmission with subtle tint.
Glass works for transparency concepts – openness, clarity, innovation. But it’s fragile aesthetically. Hard to make readable. Use it when the transparency serves a purpose beyond aesthetics.
Matte absorbs light. Zero metallic, high roughness. No reflections, just form through tonal gradation. Feels organic – concrete, wood, clay. Focuses on shape and lighting rather than surface.
Needs careful lighting. Too flat and form disappears. Too dramatic and you lose detail in highlights and shadows. Requires graduated lighting revealing curvature.
Matte works for authenticity, craft, environmental values. The surface communicates “unprocessed.” Fashion brands use it for earthy collections. Food brands use it for artisanal products.
Textures add information. Wood grain suggests carving. Brushed metal shows machining. Fabric implies softness. But texturing requires converting text to mesh (locking it), then manually unwrapping geometry. Complex letters create distortion – texture stretches and compresses unevenly.
Procedural textures (noise, Voronoi, musgrave) generate in 3D space instead of projecting from 2D. No UV coordinates needed. But less control over specific patterns.
Material choice does conceptual work. Luxury: polished metal and glass. Environmental: matte earth tones. Tech: brushed aluminium. Food: warm textured surfaces. The material tells the story before the words do.
Same letterform looks completely different under different lighting. Light determines whether it feels real or rendered.

Three-point lighting: Key light (main, bright, directional) establishes shadows. Fill light (softer, opposite) reduces harsh contrast without eliminating shadows. Rim light (behind) creates edge highlights separating letter from background.
Creates layered brightness – highlights, mid-tones, shadows. The gradient reveals form. Flat lighting (equal from all directions) eliminates gradients, flattening the dimensional form.
Ratios matter. Key 100%, fill 30%, rim 60% = drama. Key 100%, fill 70%, rim 40% = softer. High contrast feels theatrical. Low contrast feels naturalistic.
HDRI environments: Wraps scene in captured real-world lighting. Provides omnidirectional light, realistic reflections, background simultaneously. One file does everything. Efficient but less controllable – you get the whole environment or nothing.
Works for photorealistic work. Chrome reflects actual windows, walls, objects from the captured space. Doesn’t work for stylised rendering with unnatural colours and theatrical contrast. Those need discrete lights you position and colour individually.
Dramatic single-source: One strong light, no fill. Maximum contrast with deep shadows. Portions of letters lost in darkness. Legibility suffers, atmosphere intensifies. Works for album covers, editorial. Fails for functional type where people need to read.
Position matters. Light from above creates different shadows than 45-degree side light. Backlighting creates glowing edges with dark faces.
Coloured lighting: Blue = technological coldness. Orange = warmth, nostalgia. Purple = synthetic. Green = toxic, military. Red = danger, heat.
White matte under blue light reads as blue. The lighting determines final colour, not the material. Allows colour changes without rebuilding materials. But coloured light affects everything equally – can’t colour one letter blue and another orange without using material colour.
Realistic lighting (HDRI, subtle fills) makes letters feel photographed. Stylised lighting (singles, neon) makes letters feel digital. Neither’s better – depends on context. Product photography uses realistic. Music posters use stylised.

Inflatable typography: Thick forms, exaggerated bevels (0.18-0.25 units), bulbous counters, rounded terminals. Surface uses high specularity (bright focused highlights) and colour gradients (lighter where lit, darker in shadows). Suggests plastic or rubber catching studio light.
Bevel resolution critical. Low (5-10 subdivisions) looks faceted – you see individual polygons. Cheap. High (20-30 subdivisions) creates smooth curves. The smoothness sells the inflatable look.
Targets youth, casual, playful. Fashion streetwear, music festival lineups, app celebration screens. Nothing inflatable feels corporate. The form language communicates approachability, fun, accessible luxury.
Overuse problem: when every brand does it, stops being distinctive. Works when the playfulness aligns with brand identity. Fails when forced onto serious subjects – inflatable banking app headers feel wrong.
Neo-futuristic industrial: Sharp angles, minimal beveling (0.01-0.03 units), monospaced widths, high-contrast materials. Machined, CNC-milled aesthetic. Brushed aluminium, anodised finishes, carbon fibre.
Surfaces show fabrication evidence – tool marks, material grain, anodising lines. Weathering suggests these exist as physical manufactured objects, not pure digital.
Lighting is clinical. White or cool blue, hard shadows, neutral backgrounds. References product photography – clean documentation of form and material. No drama, no atmosphere, just precision.
Composition follows grids. Letters align exactly, spacing uses consistent units. Everything measured. The precision reinforces industrial quality.
Works for tech, architecture, luxury targeting technical enthusiasts. Premium automotive, high-end audio, professional tools. The precision signals expense through manufacturing complexity.
Liquid typography: Partial melting. Top solid, bottom drips. Or one letter liquefies while others stay intact. Creates tension through contrast – structure meeting chaos.
Two technical approaches. Displacement modifiers: distort geometry based on noise textures. Faster, more control, slightly mechanical results. Physics simulations: calculate actual fluid dynamics. Slower, more realistic, harder to control.
Material critical. Glossy + translucent = actual liquid (honey dripping, oil pooling). Matte + opaque = soft solid collapsing (chocolate sagging, wax drooping). The material tells whether it’s melting into liquid or just losing form.
Conceptual applications: Ice cream brands showing product melting. Climate organisations visualising temperature rise. Music suggesting emotional dissolution. The metaphor does work beyond aesthetics.
Trend risk: the melting effect is visually striking but limited in application. Works when transformation or instability is the message. Fails when stability and permanence matter – melting bank logos feel unstable.
Deep extrusion plus dramatic camera angles creates illegibility. The dimensional form overwhelms the letter’s identity. From 45-degree viewing angle, deeply extruded text reads as geometric blocks, not letters. Works for pure decoration – gallery pieces, experimental posters. Fails for functional communication – websites, wayfinding, UI.

Solution: test from multiple angles. If unreadable from common viewing positions, reduce extrusion depth or simplify camera work. Functional type needs legibility from at least 180 degrees of viewing angle.
Performance destroys good intentions. High-polygon 3D text tanks load times. Single deeply extruded, heavily beveled word hits 100,000+ polygons. Mobile devices choke.
Two approaches: Pre-rendered images (render 3D, export PNG/JPG, use image – fast loading but static, no interactivity) or aggressive polygon reduction (lower bevel resolution, reduce depth, simpler letterforms – maintains 3D but limits complexity). Real-time 3D (WebGL, Three.js) allows interactivity but demands optimisation – target under 50,000 polygons for entire scene.
Material mismatches undermine credibility. Glass for construction. Melting type for banking. Inflatable for law firms. Surface contradicts message. Viewers notice discord even without articulating why.
Material should reinforce brand values. Stability needs solid materials – brushed metal, concrete. Innovation needs reflective, technical materials – chrome, glass, carbon fibre. Approachability needs soft materials – matte, textured, organic. Match material to message.
Trend fatigue eliminates distinctiveness. Inflatable everywhere in 2024-2025. When every youth brand uses identical aesthetic, stops signalling playfulness, starts signalling “we follow trends.” First brands looked fresh (2023). By 2025, derivative. By 2026, dated.
Solution: avoid trending styles entirely and develop unique approaches, or execute trends with significantly higher craft. If using inflatable, make bevels smoother, lighting more sophisticated, compositions more considered. Quality separates derivative from excellent work using same approach.
Technical artifacts from poor execution: Low-resolution bevels create faceting – visible polygon edges. Insufficient lighting creates banding – visible steps in gradients. Poor materials create unrealistic surfaces.
Fixable through refinement. Increase bevel resolution (20+ subdivisions). Add more lights. Tune material parameters. Preview frequently. Low-res preview often hides problems visible at full resolution.
The craft: understanding how extrusion, beveling, materials, and lighting work together, then manipulating those elements to serve communication goals.
About the Author
On April 5, 2026 — less than 24 hours after the Vietnamese internet erupted over…
Design psychology is the study of how visual systems, spatial environments, and designed experiences shape…