A two-column product specs section with pill-tab categories on the left and an interactive 3D Sprout viewer with color and angle controls on the right.

Visual description

Warm cream page on a dark outer frame with rounded corners. Left column: bold black headline "Technical specifications", then a row of rounded pill tabs (Overview active in dark brown, plus Human Interaction, Manipulation, Sensing & Perception, Usability). Below, a clean spec list with light dividers grouped by category: Overview lists DoF 29, Height 107 cm, Weight 22.7 kg, Exterior soft to the touch; Human Interaction covers eyebrows, LED face array, neck, mic array, speakers; Manipulation lists grippers and 6 DoF arms. Bottom: solid blue "Full specs (PDF)" button and outlined "Technical report" with arrow. Right column: large sage-green humanoid robot render with yellow joint accents on white, floating color swatch row (green selected with black ring), horizontal thumbnail strip of seven square angle crops with first selected, and a subtle vertical dot scroll indicator on the far edge.

Key takeaway

Pairing dense tabbed specs with a live product viewer keeps technical buyers and visual evaluators on one screen. Pill tabs plus grouped key-value rows make long spec sheets scannable without shrinking type.

Reuse notes

Strong pattern for hardware or robotics product pages where buyers need both data sheets and a configurable visual. Needs quality 3D renders and consistent thumbnail crops. PDF and report CTAs belong at the foot of the spec column so they do not compete with the viewer.