Preview image. Unlock full-res
Lavender split card with a logo and wordmark on the left and an isometric 3D-rendered creative-studio room on the right.
Summary
A course OG card that splits into a clean lavender branding panel and a detailed isometric 3D render of a maker's studio. The defining element is the playful low-poly room that instantly signals a 3D / WebGL learning product.
Visual description
The left two-thirds is a soft lavender gradient holding a violet play-triangle logo and "three.js journey" wordmark (bold for "three.js", light for "journey") in near-black. The right third is a colorful isometric 3D scene: a cutaway corner room with a desk, monitor and headphones, an orange arcade cabinet, a cactus, a skateboard, and floating geometric primitives on open shelves, all rendered in soft pastel clay with gentle shadows. An orange wall panel top-right carries "01 / Basics" as a chapter badge.
Key takeaway
Splitting the card into a quiet branding half and a rich illustrated half: the type stays legible at small sizes while the render does the personality work. The chapter badge ("01 Basics") turns a generic share card into a per-lesson template you can swap.
Reuse notes
Ideal for course platforms, dev tools, or 3D / creative-coding products that want to look approachable and fun. Requires a genuinely good isometric render to carry the right side. The numbered badge makes it easy to template across many lessons; keep the left panel fixed and vary only the scene and number.
