Design enhancements we don't have yet. Each one would add something new to our glass cards. Look at each idea and tell us: do we need it, would it be nice, or skip it?
These change what happens when you scroll down and a card first comes into view.
A diagonal stripe of light sweeps across the glass card surface — like sunlight catching a window pane. Happens once when the card enters view, then again subtly on tap/hover.
The card border glows softly when it enters view — a pulse of colour around the edges that fades after 2 seconds. Like the card is "waking up." Draws the eye to new content.
A frosted glass sheet covers the card. As you scroll to it, the glass slides away to reveal the content underneath — like a curtain rising on a stage. Cinematic and theatrical.
These change the visual quality of the glass surface itself.
Instead of white card edges, use ocean-blue or teal tinted borders that match our colour palette. More cohesive, more premium. The current white edges are standard — tinted edges feel bespoke.
A very subtle texture on the glass surface — like fine sandpaper or frosted bathroom glass. Makes the cards feel more physical and real, less "digital." Microsoft uses this on Windows.
A thin 3px Steel Blue line across the top edge of each card. Simple colour accent that immediately tells you "this is a card" and adds a premium magazine feel. Like a coloured tab on a folder.
These add feedback when you tap or interact with a card.
When you tap a card, it presses down slightly then springs back up with a bounce. Satisfying physical feedback — like pressing a real glass panel. We have a demo of this already (V4).
For property stats cards: numbers and specs cascade in line-by-line with a satisfying bounce. Each bullet appears after the previous one — like a list being typed. Makes dry data feel alive.
For facts/stats cards: numbers roll up from 0 to their final value like an odometer or slot machine. "590m²" counts from 0 to 590 when the card scrolls into view. We already have this — considering improvements.
These only work with a mouse. Phone/tablet users see the card without the effect — still looks fine, just no extra magic.
Card tilts slightly toward your mouse cursor — like you're holding a glass pane and tilting it. Adds depth and makes the glass feel real. Only on desktop — phone users see a flat card.
Card becomes MORE frosted when you hover over it — like breathing on cold glass. The glass "deepens" under your cursor. Subtle but premium.
Different parts of the card (heading, body, image) shift at different speeds when you move your mouse — creates depth, like looking through a window into a room. Very premium.
These change how the navigation bar or overall page elements use glass.
The active page in the navigation gets a frosted glass pill that slides smoothly from link to link. Like a spotlight moving across the nav bar. Makes navigation feel fluid and alive.
A thin coloured gradient slowly rotates around the card border — like a slow-motion light trail. Very subtle. Could be used on just one or two "feature" cards per page to draw attention.
Tap NEED (must have), NICE (would be lovely), or SKIP (not for us) for each idea. Then press the blue button to copy your choices.
| Idea | What it does | Your pick |
|---|---|---|
| 1. Light-Catch Shimmer | Diagonal light sweep across card surface |
|
| 2. Glowing Gradient Edge | Border glows briefly when card appears |
|
| 3. Glass Curtain Reveal | Frosted layer slides away to reveal content |
|
| 4. Ocean-Tinted Borders | Blue/teal card edges instead of white |
|
| 5. Sandpaper Grain Texture | Subtle physical texture on glass surface |
|
| 6. Accent Colour Top Bar | Thin Steel Blue line along card top edge |
|
| 7. Tactile Press & Spring | Card presses down on tap, springs back |
|
| 8. Cascading Spec Reveal | Stats appear line-by-line with bounce |
|
| 9. Counter Number Roll | Numbers count up from 0 on scroll |
|
| 10. 3D Tilt on Hover | Card tilts toward mouse (desktop only) |
|
| 11. Hover Blur Increase | Glass deepens on hover (desktop only) |
|
| 12. Depth Parallax Layers | Card layers shift at different speeds (desktop) |
|
| 13. Sliding Glass Nav Pill | Active nav link gets sliding glass highlight |
|
| 14. Animated Gradient Borders | Slow rotating colour border on feature cards |
|