Aphrodite – Adobe Xd UI kit
Last Updated on July 31, 2026 by Editorial Team
Aprodite is a UI kit created in Adobe Xd by Joshua Oluwagbemiga. The freebie includes an .XD file with 4 different profile designs.
Look closely at the four profile layouts and a pattern emerges: each one treats a portrait as the hero, then wraps identity data around it in a different way.
Branda Blystone’s card reads like a lifestyle blog profile, with a location pin, a bio block, and a photo grid stacked underneath a warm, editorial-style headshot.
Jenni Daniels leans into a bold gradient panel and a circular portrait, with a purple “following” button and follower counts sitting on solid dark ground.
Laura Schultz’s screen is the most dramatic of the set, a full-bleed neon-lit portrait cropped inside a thin white circle, with stats and a bio dropped straight over the image.
Steve’s card flips to a lighter, cooler palette with a clean white sidebar of stats next to a moodier photo, showing how the same structure can carry a completely different tone.
Because Aphrodite is built as an Adobe XD UI kit, every one of these profile screens is made of the same recurring pieces: a large photo area, a name treatment in bold serif or sans type, a short bio paragraph, a follow or message action, and a row of stats for posts, followers, and following.
That repetition is what makes the kit genuinely useful rather than decorative. Once you understand how one profile screen is built, you can rebuild the other three from the same logic, or invent a fifth variant using the same components.
Where This Kit Fits
This is built for anyone designing a social profile screen, a creator or influencer app, a photography portfolio app, or a dating or community platform where a person’s face and a short bio need to carry the page.
It works especially well for mobile app mockups, pitch decks for social products, and portfolio pieces where you want to show off profile UI design without starting the layout from scratch.
The mix of moody photography, gradient buttons, and circular crop framing also makes it a solid reference for anyone studying how to balance a strong photo with legible overlaid text.
Because the kit is native to Adobe XD, adapting these profile screens is straightforward.
Start by swapping the portrait images for your own subject photography, keeping in mind that the layouts rely on high-contrast, well-lit faces to keep the overlaid text readable.
From there, update the name, bio copy, and stat numbers directly in the text layers, and recolor the buttons and gradient panels to match your brand’s palette rather than the pink, purple, and orange tones shown here.
If you’re building an actual product, treat each card as a symbol or reusable component so that follow buttons, avatar frames, and stat rows stay consistent as you design additional screens like feeds, messages, or settings.
Pair these profile screens with matching feed, grid, or messaging screens to round out a full prototype, and consider adding your own icon set if you need more actions than the send, follow, and add icons already shown.
Typography-wise, the kit leans on a confident serif for names against a plainer sans for supporting text, a contrast worth keeping if you swap in your own type since it’s a big part of why these cards feel editorial rather than generic.
