Section 2 of 13 · Features

Every composition for the workhorse section.

Features is the section that carries most marketing pages: services, benefits, capabilities. Below, one dental practice presents the same services through every display style and card style the section supports.

Grid · Cards

Care for every stage of your smile.

The classic card grid. Surface, border, radius, and icons, all driven by the global design system.

Preventive care

Preventive care

Cleanings, exams, and digital X-rays that keep small problems small.
Cosmetic dentistry

Cosmetic dentistry

Whitening, veneers, and bonding designed around your natural smile.
Advanced technology

Advanced technology

Digital scanning and 3D imaging with a fraction of the radiation.
Gentle checkups

Gentle checkups

Unhurried appointments built around your comfort, not our schedule.
Clear treatment plans

Clear treatment plans

Every option explained on screen, with written estimates before work begins.
Same-day restorations

Same-day restorations

Crowns scanned, milled, and placed in a single visit.
Grid · Cards · Image Below Content

Flip the image below the copy.

Every card defaults to image-on-top — but a single Image Position toggle moves the photo below the content instead: heading and copy first, then the image. Nothing else about the card changes (surface, radius, spacing, smart colors all stay put), so it still matches the grid above; only the image order flips. Compare it with the grid directly above.

Preventive care

Cleanings, exams, and digital X-rays that keep small problems small.
Preventive care

Cosmetic dentistry

Whitening, veneers, and bonding designed around your natural smile.
Cosmetic dentistry

Advanced technology

Digital scanning and 3D imaging with a fraction of the radiation.
Advanced technology

Gentle checkups

Unhurried appointments built around your comfort, not our schedule.
Gentle checkups

Clear treatment plans

Every option explained on screen, with written estimates before work begins.
Clear treatment plans

Same-day restorations

Crowns scanned, milled, and placed in a single visit.
Same-day restorations
Grid · Minimal · Dark

The same services, without the chrome.

Minimal drops the card surfaces so the content sits directly on the section. Best when the page already has plenty of cards.

Preventive care

Preventive care

Cleanings, exams, and digital X-rays that keep small problems small.
Cosmetic dentistry

Cosmetic dentistry

Whitening, veneers, and bonding designed around your natural smile.
Advanced technology

Advanced technology

Digital scanning and 3D imaging with a fraction of the radiation.
Grid · Bordered

Why patients switch to Brightside.

The bordered treatment draws a connected rule between cards, a quieter alternative to full card surfaces.

On-time promise

We run on schedule. If we keep you waiting more than 15 minutes, your hygiene visit is free.

Transparent pricing

Written estimates before treatment, always. Insurance filed for you the same day.

Anxiety-friendly

Noise-canceling headphones, weighted blankets, and sedation options for nervous patients.

One location, every specialty

Orthodontics, oral surgery, and periodontics under one roof. No cross-town referrals.
Inline · Cards

Two reasons to book the first visit.

Inline consolidates one or two cards beside the section copy instead of below it. With the Cards style they render as true cards, honoring the global card treatment.

New patient special

Exam, full X-rays, and cleaning for $99. No insurance needed.

Free Invisalign consult

A 3D preview of your finished smile in one 30-minute visit.
Inline · Minimal · Dark

The essentials, at a glance.

The same inline composition with the Minimal card style: no surfaces, just aligned content beside the message.

Hours that fit work schedules

Open to 7pm Tuesdays and Thursdays, plus two Saturdays a month.

Most insurance accepted

In-network with the twelve largest carriers in the region.
Showcase

Signature treatments, front and center.

Showcase highlights two or three image-rich cards with extra emphasis and spacing, built for focal-point moments.

Signature treatments, front and center.
Offset · Layout Breakout

A calmer kind of dentistry.

The offset composition: copy and stacked items in a left column while the featured image bleeds to the right edge of the viewport. A deliberate editorial break in the page rhythm.

Listen first

Every visit starts with your questions, not our checklist.

Explain everything

You see what we see, on screen, before any decision.

Never rush

Appointments are scheduled long enough to do it right.
A calmer kind of dentistry.
Events Display Mode · Dark

Free patient info sessions.

The Events display mode adds date, time, and location fields to every card, turning the section into a schedule.

Invisalign open house

August 12
6:00 PM
Brightside main office
Live scanning demos and before-and-after cases from real patients.

Kids first-visit night

August 19
5:30 PM
Pediatric wing
A no-pressure practice visit for children under six. Chair rides included.

Sleep and snoring seminar

September 4
6:30 PM
Community room
How oral appliances treat mild sleep apnea without a CPAP.
Carousel · Cards · Auto

Every service, on one rail.

The carousel arrangement puts the same service cards on a horizontal scroll-snap rail. Auto sizing fits about three cards on desktop with a peek of the next; drag, arrows, dots, and the keyboard all navigate. Switching a grid to a carousel changes nothing about the cards themselves.

Carousel · 3-Up · Peek · Dark

Three at a time, with a peek.

A fixed three-up count with peek on: exactly three cards fill the width and a sliver of the fourth signals there is more to scroll. Dark theme, arrows and dots re-derive their contrast automatically.

Carousel · 4-Up · Flush · Minimal

Four across, flush.

Four cards per view with peek off, so exactly four fill the width with no sliver. The minimal card style drops the surfaces, and dots are hidden — arrows, swipe, and keyboard still navigate.

Carousel · 2-Up · Loop + Autoplay · Dark

Two up, moving on its own.

Two cards per view with autoplay and loop on: the rail advances every four seconds and wraps at the ends. A pause/play button appears; it pauses on hover, on keyboard focus, and when the tab is hidden, and never starts under reduced motion.

Carousel · Spotlight · 1-Up · Autoplay

One signature service at a time.

Slides-per-view of one is the spotlight treatment: each card with an image lays out as a large media-and-copy split you page through, the modern feature-tour format. Autoplay advances every six seconds; the same lossless cards, a bigger stage.

Keep going

Next: Checklist. Five ways to make a list scannable.