Preview image. Unlock full-res
A how-to guide page with green-and-neutral pill tabs, three "Do" advice items at left, and a phone mockup of a Hinge profile at right.
Summary
A how-to guide page: a green-and-neutral pill-tab header ("Guide to Making a Soft Start" / "On Your Profile"), three bold "Do" advice items at left, and a phone mockup of a Hinge profile at right.
Visual description
Cream background. A two-part pill-tab header runs across the top: a green tab "Guide to Making a Soft Start" beside a neutral tab "On Your Profile," both in serif. A thin horizontal rule separates the header from the body, which is split by a vertical hairline. The left column has a small black "Do" pill, then three advice items each with a bold sans heading and a sans paragraph with embedded stats (Show Your Sense of Humor 49%/58%, Display Your Interests 55%, Express What You Believe In 48%/46%). The right column shows a realistic phone mockup of a Hinge profile (a photo of someone kissing a dog, a prompt "I'm surrounded by my chosen family," and a group pool photo) with a sans caption beneath. A hairline footer runs the Hinge wordmark, report title, and "01: Embracing a Soft Start."
Key takeaway
The actionable guide layout: a labeled "Do" column of titled tips beside a real app mockup that shows the advice applied. Pairing concrete how-to text with a believable product screenshot turns research into usable instruction.
Reuse notes
A reusable "how to apply this" template for any report that wants to convert findings into reader actions. The Do pill, titled tip blocks, and accompanying device mockup scale to one, two, or three columns. Needs a realistic in-context product mockup to sell the advice.
From this deck: Soft start profile guide with phone
View deck
