Connect — Digital Nurse Card Landing Page Template

Quick summary

Scrub is a single-page bento grid landing page template for nurses who need a portable, professional digital identity. It presents credentials, certifications, a photo, and a direct scheduling link inside a shareable digital card. The design uses a void black and surgical violet palette that feels like an atelier studio built inside a hospital, precise, moody, and unexpectedly beautiful.

Who this template is for

This template is designed for nursing professionals who share their contact details constantly and need something more durable than a paper card. It fits anyone building a portable professional reputation in healthcare.

• Travel nurses (Registered Nurse and Certified Nursing Assistant) who move between hospital systems and need consistent, credible contact details wherever they go
• Nurse Practitioners launching private practices who want patients and referral partners to find and book them easily
• Charge nurses who hand out contact information dozens of times a week and want a faster, cleaner alternative to printed cards

What problem this template solves

Paper business cards vanish into scrub pockets and never resurface. Nurses in fast-moving hospital environments need a shareable identity that survives a shift change, travels across hospital systems, and works at 3 a.m. in a hallway.

• There is no single place to display nursing credentials, specialty certifications, a professional photo, and a booking link together in a format that shares in one tap
• Travel nurses rebuilding their reputation at every new assignment cannot rely on printed cards that get lost, run out, or look inconsistent
• Nurse Practitioners and charge nurses spend real time every week just exchanging basic contact information in ways that leave no lasting impression

What you get with this template

You get a fully structured bento grid landing page ready to present a nurse digital business card with strong visual storytelling, interactive demo moments, and a clear path to conversion. Every section is built and sequenced for you.

• A hero section with an animated nurse illustration, a floating isometric card preview, and a primary call-to-action button labeled "Build Your Card Free"
• A card showcase bento with an asymmetric grid showing the card editor interface, cycling specialty templates for areas like Emergency Room, Neonatal Intensive Care Unit, and oncology, plus a credentials display tile
• A tap-to-share demo section, a social proof bento with nurse testimonials and specialty tags, a full-width final call-to-action section, and a minimal single-row footer

Feature list

This template delivers a focused set of capabilities built specifically around the nurse digital business card use case.

Animated Hero Illustration

The header opens with a hand-drawn nurse figure rendered in thin violet linework on a void black background. The figure taps a phone screen that blooms into a fully designed digital card. The card spins slowly in isometric space, revealing both the credential front and the QR code back.

Bento Grid Layout with Cinematic Tiles

The page uses an asymmetric bento grid where tiles vary in size and visual weight. Large cinematic tiles tell the visual story while tight informational tiles deliver key details. The rhythm feels like a curated portfolio rather than a product walkthrough.

Specialty Template Cycling

One bento tile cycles through nursing specialty card templates, including Emergency Room, Neonatal Intensive Care Unit, oncology, and home health variations. Visitors can see how the card adapts to different practice areas without leaving the page.

Interactive Demo Card

A secondary call-to-action labeled "See a Live Example" opens a fullscreen interactive demo card. Visitors can tap, flip, and save the card to understand the product before creating an account. The product proves itself before asking for any commitment.

Floating Persistent Call-to-Action

The primary "Build Your Card Free" button appears inside the hero tile and returns as a floating violet button after the third scroll section. There is no form on this page. Every click lands directly on the card builder.

Social Proof Bento with Specialty Tags

The testimonial section uses a bento layout with photo avatars, nurse specialty labels, and hospital system attribution. Metric stats showing nurses using the platform and cards shared are included to reinforce trust at the decision moment.

Page sections overview

Design & branding system

The visual identity follows an Atelier Studio direction that pairs medical precision with an unexpectedly beautiful, moody aesthetic. Black dominates the background, violet commands attention, lavender softens the reading experience, and white breathes inside the card previews.

• Color system uses absolute void black (#0B0B0F) as the dominant background, deep surgical violet (#6C3FC5) for interactive bento tiles and hover states, soft lavender mist (#D8CCF1) for typography, and sterile white (#F7F5FA) for card surfaces
• Typography pairs Plus Jakarta Sans as the primary sans-serif for body and interface text with Fraunces as the serif display typeface for headlines, creating contrast between clinical clarity and editorial warmth
• Hover states on interactive tiles glow in accent violet, referencing the feeling of a ultraviolet sterilization light activating in a dark room, keeping the medical context present without being clinical

Mobile & speed optimization

This template is built mobile-first because nurses share their cards from phones in hospital hallways, not from desktops. Every layout decision prioritizes the small screen without sacrificing the visual richness of the full bento grid.

• Animations are driven by CSS transforms to maintain smooth, consistent motion without heavy rendering overhead
• Static sections are built as Server Components, keeping initial load fast even with the high-animation header and interactive demo card
• The bento grid adapts gracefully from mobile to desktop, ensuring the asymmetric tile rhythm reads clearly on any screen size

How this template helps you convert

This page is designed around a single conversion principle: let nurses see their future card before asking them to create an account. Every layout and interaction choice builds toward that moment.

1. The animated hero illustration immediately communicates the product concept in a visual and emotional way, so visitors understand the value before reading a single word of body copy
2. The interactive demo card, accessed through the "See a Live Example" path, lets visitors tap, flip, and save a live card, removing all uncertainty about how the product actually works
3. The floating "Build Your Card Free" call-to-action button appears after the third scroll section, catching visitors at the moment they have seen the product showcase, the tap-to-share demo, and social proof, making the click feel like a natural next step rather than a sales push

Other information about this template

This template sits inside the Personal and Resume category with a Nurse Profile subcategory focus. It is purpose-built for the nurse digital business card niche and reflects real workflow needs of healthcare professionals in the United States context.

• The page uses English copy, United States date formatting (MM/DD/YYYY), and USD pricing context throughout
• Animation is built with GSAP ScrollTrigger for scroll-driven tile entrance sequences and SVG linework animation in the hero
• The isometric card spin in the header reveals both faces of the digital card, front with photo and credentials and back with QR code and booking link
• The footer follows a GitHub Developer Minimal single-row pattern, keeping the bottom of the page clean and uncluttered
• This template is categorized under the Atelier Studio theme with an Immersive Visual creative direction and a Click-Through landing page direction

Show more