← Back to catalog📄 Implementation guide
Card / Layout

Hover Flip Card

Flips a card to reveal hidden content on the back.

Interactive, playful, familiar

Professional
Casual
Exotic
Visual impact
Difficulty
Performance cost

Best use: Team cards, service cards, quizzes

Northlight · Design Studio

Meet the makers.

A fourteen-person studio in Lisbon building brands, products and the occasional gloriously weird side-project. Hover a card — or tab to it — to say hello.

Portrait of Noor Haddad Available

Creative Director

Noor Haddad

Creative Director

Noor Haddad

@noor.designs

Leads brand and identity work. Ten years spent turning fuzzy briefs into systems a whole team can actually run with.

  • Brand
  • Typography
  • Art Direction
Get in touch
Portrait of Marco Salerno Available

Founder · Strategy

Marco Salerno

Founder · Strategy

Marco Salerno

@marco

Founded Northlight in 2016. Keeps one eye on the roadmap and the other on whether it’ll actually ship this quarter.

  • Strategy
  • Product
  • Research
Get in touch

We’re hiring · 3 roles

Join the studio

Open roles

Come build with us

  • Senior Product DesignerRemote · Full-time
  • Brand DesignerLisbon · Hybrid
  • Front-end EngineerRemote · Contract
View openings

Technique: transform: rotateY(180deg) on a transform-style: preserve-3d wrapper with backface-visibility: hidden faces, triggered by :hover / :focus-within