Brushstroke Education Testimonials
An elegant testimonials block with an artistic watercolor aesthetic for education sites.
Features
- Watercolor aesthetic — Warm paper background with paint-splatter circular shapes
- Google Fonts: Playfair Display + Source Sans 3 — Serif quotes, sans-serif body
- Staggered layout — 3 cards with organic rotation and masonry-like offset
- Color-coded avatars — Rose, amber, violet initials per student
- Light/dark mode — Warm #faf8f5 light, mocha #1a1714 dark
- Accessible contrast — Large legible quote text with 4.5:1+ contrast
Dependencies
@/components/vue-ui/avatar — Shadcn-Vue Avatar, AvatarFallback@/components/vue-ui/card — Shadcn-Vue Card, CardContent, CardFooter@/components/vue-ui/separator — Shadcn-Vue Separatorlucide-vue-next — Quote icon
Customization
- Testimonials: Replace quotes, names, courses with your student data
- Colors: Adjust rose/amber/violet accent palette
- Rotation: Modify card rotation values for more or less organic feel
