Hero architecture
Design with interactive cursor effects. Use: custom cursor, cursor morphing on hover, magnetic cursor pull, cursor trails, blend mode cursors, click feedback animations, cursor as interaction tool, pointer transformation.
Style 61 · General · Veterinary Clinic
Interactive Cursor Design
Custom cursor, cursor as tool, hover effects, cursor feedback, pointer transformation, cursor trail, magnetic cursor. This mock website translates the UI/UX Pro Max style notes into a client-ready landing/dashboard hybrid with its own palette, typography, chart module, and component system.
Live product surface
NOVA Veterinary OS
Creative portfolios, interactive experiences, agency sites, product showcases, gaming, entertainment
84%
style fit score
Effects
Cursor scale on hover, magnetic pull to elements, cursor morphing, trail effects, blend mode cursors, click feedback
A full-page mock website in this style
Component language
cursor: none (custom), position: fixed for cursor element, mix-blend-mode: difference, transform on hover targets, magnetic effect (JS position lerp), trail with opacity fade, scale on click
Best-fit market
Creative portfolios, interactive experiences, agency sites, product showcases, gaming, entertainment
Palette used
Caring teal + warm orange [Accent adjusted from #F97316 for WCAG 3:1]
Typography pairing
Editorial Classic
Cormorant Garamond / Libre Baskerville
All-serif pairing for traditional editorial feel.
Implementation checklist
- ☐ Custom cursor works
- ☐ Hover morph smooth
- ☐ Magnetic pull subtle
- ☐ Trail performance ok
- ☐ Click feedback visible
Chart module: Treemap
Showing size relationships within a hierarchy; overview of proportional structure (e.g., budget breakdown)
Interaction spec
Accessibility: ⚠ Not for touch/SR · C
Performance: ⚡ Good
Mobile: ✗ No cursor
Avoid: Mobile-first (no cursor), accessibility-critical, data-heavy dashboards, forms
Visual system samples
Gallery rhythm
Conversion section
One primary action, one secondary proof path, clear visual hierarchy, focus states, 44px+ hit targets, and token-driven colors.
Primary CTA