Hero architecture
Design a tactile deformable interface. Use: jelly/squishy buttons, press deformation effect, bounce-back animations, chrome/clay materials, spring physics, haptic-like feedback, material response, 3D depth on interaction.
Jelly buttons, chrome, clay, squishy, deformable, bouncy, physical, tactile feedback, press response. 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.
Modern mobile apps, playful brands, entertainment, gaming UI, consumer products, interactive demos
style fit score
Press deformation (scale + squish), bounce-back (cubic-bezier), material response, haptic-like feedback, spring physics
Design a tactile deformable interface. Use: jelly/squishy buttons, press deformation effect, bounce-back animations, chrome/clay materials, spring physics, haptic-like feedback, material response, 3D depth on interaction.
transform: scale(0.95) on active, animation: bounce (cubic-bezier(0.34, 1.56, 0.64, 1)), box-shadow: inset for press, filter: brightness on press, spring physics (react-spring/framer-motion)
Modern mobile apps, playful brands, entertainment, gaming UI, consumer products, interactive demos
Pharmacy green + trust blue
Modern Professional
Poppins / Open Sans
Geometric Poppins for headings, humanist Open Sans for readability.
Historical data + model predictions; communicating uncertainty range to non-technical stakeholders
Accessibility: ⚠ Motion sensitive · AA
Performance: ⚠ Good
Mobile: ✓ High
Avoid: Enterprise software, data dashboards, accessibility-critical, professional tools
One primary action, one secondary proof path, clear visual hierarchy, focus states, 44px+ hit targets, and token-driven colors.
Primary CTA