Skip to content
SynthMockOpen editor

A studio note · Art direction

A Duo showcase for a music discovery app

Plan a cover-art-led Duo concept that expands into discovery while keeping artwork permissions and screen roles clear.

Partially folded Star White iPhone Duo in a lilac studio scene
A partially folded Duo in a lilac studio scene, rendered in SynthMock.

This fictional direction begins with one selected release and opens into related discovery. The artwork is the visual anchor; the device's movement should not compete with it or suggest features the product does not support.

Try it in SynthMock

Start with a Duo scene.

Use a reusable template as your starting point, then apply the choices in this article.

A paid plan is required to use templates and export.

Let one image carry the identity

Prepare original abstract cover art or artwork you have permission to use. Put that same cover on the outer screen and in a selected item on the inner view. A repeated color or shape helps connect the compact player-like state to the broader browsing layout.

Do not use a famous album simply because it makes the mockup feel familiar. A portfolio example can use a clearly fictional title and artist, while a real campaign should follow the product team's approved rights and branding choices. The aim is to present the interface without implying an endorsement or a catalog relationship.

A proposed visual progression

Keep the selected release larger than the surrounding recommendations. If every card is equally colorful, the wider screen can become a mosaic with no reading order.

BeatScreen ideaCamera purpose
RecognizeOne release on the coverShow the artwork clearly
ExpandSame release beside related choicesExplain the fold without losing the anchor
DiscoverA small, ordered recommendation groupSettle where titles and images remain distinct
FinishSelected release within the open viewReturn to a composed hero

Make the visual work without sound

Even when a finished campaign includes licensed audio elsewhere, the mockup should explain its product state when muted. A selected release, a credible control state and a coherent browsing structure are stronger evidence than a decorative equalizer added solely to suggest activity.

The native small outer upload accepts a still image. If the real interface includes movement, a recording belongs on the large inner source, with its timing reviewed alongside the camera. Avoid changing several covers at the same time as the fold if that obscures the selected item. A useful deliverable is an open still plus a short reveal; both should use the same artwork permissions and fictional-data labeling. The direction remains a concept until those sources and behaviors are supplied.

See a Duo sequence in motion

A 14.85-second Duo animation exported from SynthMock, showing the cover, hinge and open display with the default artwork. Silent video.

Final pass

Before you call it finished

  • Use original or approved cover artwork.
  • Keep the selected release consistent across the fold.
  • Review the concept without audio or explanatory narration.

Make the next version yours.

Explore Duo templates