Preview image. Unlock full-res
Guideline page on the brand's glassmorphism effect, with a frosted blurred panel over a photo on a deep violet specimen.
Summary
A guideline page defining the brand's glassmorphism treatment: a blurred, semi-transparent panel that overlaps photography to show a layered, opaque relationship echoing the Nexus icon.
Visual description
White page, standard running header (page 55). The left column holds the "Glassmorphism" headline, a body paragraph and a precise "Considerations" list (30px background blur, 8% fill opacity, 15% white bevel stroke). The right two-thirds is a deep-violet specimen panel: a bright royal-blue rounded rectangle overlaps a photo of a smiling person at a laptop, and over the seam sits a frosted glass panel carrying the oversized white headline "Bringing Agreements to Life" with a one-line subhead. The glass panel blurs the photo and color behind it while staying legible.
Key takeaway
The exact recipe spelled out for a reusable frosted panel: low fill opacity plus a heavy background blur plus a faint top-left white bevel stroke. It is a copy-paste spec, not just an example.
Reuse notes
Reach for this when a headline must sit over busy photography while keeping a layered, premium feel. The effect needs a real background image with enough contrast to blur attractively, and works best on dark fields. Pair with the brand's rounded corner radius for consistency.
From this deck: Glassmorphism overlap guidance
View deck
