Карти / Материал

Design a card-based material interface: white cards (#fff) on a light gray canvas (#f1f3f4), consistent 8dp spacing system, 12-16px radius, elevation expressed through 2-3 distinct shadow levels (resting, raised, dragged). Each card: media zone, title, supporting text, action row: identical anatomy everywhere. Primary blue (#1a73e8) for actions and the FAB. Ripple feedback on taps. Cards reflow predictably across breakpoints (4/8/12 columns). Type scale follows clear roles (display/headline/body/label). Avoid: cards inside cards, mixed corner radii, decorative shadows beyond the elevation system, borders combined with shadows. Build an original, complete composition around the actual business and its visitor task. Use the live demonstration as a visual reference, not a universal section template. Lead with specific objects, useful content and appropriate photography. Use supplied real project imagery; label fictional concepts and generated imagery honestly. Never invent clients, testimonials, awards, usage counts or results. Give every visible control a useful outcome and an accessible name. Use deliberate motion for spatial relationships and state changes; support keyboard, touch and prefers-reduced-motion. Verify desktop and mobile layouts, image loading, contrast and form states. Avoid generic AI slogans, rhetorical em dashes, arbitrary decorative badges and repetitive three-card sections.