Corporate training onboarding with portrait hero

Summary

Onboarding card for an internal learning platform, pairing a cropped portrait photograph with an overlay hero bar, course-listing UI, and branded secondary card.

Visual description

A large portrait photograph (cropped to show eyes and upper face, warm brown skin tones) fills the upper third, with a horizontal light blue-gray overlay bar reading "Introduction to our values" in white sans-serif. Below, a white secondary card holds a row of three elements: the "Unlink" wordmark with icon on the left, a faded gray button in the center, and a dark rounded "View course" CTA on the right. At the bottom, a vertical stack of course/meeting titles (Introduction to our values, Team retro, Weekly all-hands, Tech strategy day 2023) each with small circular avatar icons, in dark gray type. All corners are softly rounded; spacing is generous and centered.

Key takeaway

The portrait-as-hero pattern (cropped tight to face/eyes) paired with a thin overlay bar for context, humanizing a corporate training flow. The two-CTA approach (secondary ghost + primary dark) with clear visual hierarchy.

Reuse notes

Fits internal comms, HR onboarding, and corporate training. The warm portrait tones paired with cool blues ground the design in human connection. Cropping the photo to eyes maintains focus and prevents awkward full-body compositions. Works well on white backgrounds and mobile; stacking course lists below the card keeps the layout scrollable and organized for longer course catalogs.