Preview image. Unlock full-res
Dark tool-spotlight with an oversized Model Viewer title, a courtesy 3D-astronaut code image left, and body copy plus a Visit Website link right.
Summary
The Model Viewer deep-dive: an oversized "Model Viewer" title with a courtesy image of 3D astronaut models and embed code on the left, and an overview paragraph plus Visit Website link on the right.
Visual description
Near-black background under the "05. Your WebAR Toolbox" header. The oversized "Model Viewer" title sits top-left in white sans. Below it, a courtesy image shows two rendered 3D astronaut figures flanking a "model-viewer" panel of HTML embed code, captioned vertically "IMAGE COURTESY OF MODEL VIEWER". A down arrow and underlined "Visit Website" link sit beneath. The right column holds two white sans paragraphs describing Model Viewer as a versatile open-source AR viewer for embedding 3D models, with "Model Viewer" bolded. The diamond motif sits bottom-left.
Key takeaway
Using the courtesy image to show the actual implementation, code and rendered output side by side, signals a developer-friendly tool without leaving the spotlight template. The format flexes from phone mockups to a code-plus-render still while staying recognizable.
Reuse notes
A good variant of the spotlight slide when the product is a technical or open-source tool rather than a consumer app. Showing a code snippet in the courtesy image communicates "low-friction to adopt" at a glance.
