Style 59 · General · Pharmacy/Drug Store

Tactile Digital / Deformable UI

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.

Live product surface

NOVA Pharmacy/Drug OS

Modern mobile apps, playful brands, entertainment, gaming UI, consumer products, interactive demos

82%

style fit score

Effects

Press deformation (scale + squish), bounce-back (cubic-bezier), material response, haptic-like feedback, spring physics

A full-page mock website in this style

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.

Component language

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)

Best-fit market

Modern mobile apps, playful brands, entertainment, gaming UI, consumer products, interactive demos

Palette used

Pharmacy green + trust blue

Typography pairing

Modern Professional
Poppins / Open Sans

Geometric Poppins for headings, humanist Open Sans for readability.

Implementation checklist

  • ☐ Press effect visible
  • ☐ Bounce-back smooth
  • ☐ Material feels tactile
  • ☐ Spring physics tuned
  • ☐ Mobile touch responsive

Chart module: Line with Confidence Band

Line with Confidence Band

Historical data + model predictions; communicating uncertainty range to non-technical stakeholders

Interaction spec

Accessibility: ⚠ Motion sensitive · AA

Performance: ⚠ Good

Mobile: ✓ High

Avoid: Enterprise software, data dashboards, accessibility-critical, professional tools

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