ANIM-003 · Soft Pulse Marker | Zemew AI Design Library

ANIM-003

Soft Pulse Marker

Soft pulse for attention without aggression.

More Animations

Pulse

Details

ID: ANIM-003
Category: Animations
Style: soft
Complexity: simple
Animation: soft-pulse
Stable URL: https://zemew.com/guides/ai/library/animations/ANIM-003

pulse attention

Recommended uses

Live indicators
Unread badges

Responsive behavior

Scales cleanly from desktop to mobile preview widths.

Accessibility

Respects prefers-reduced-motion by reducing or disabling motion.

Code examples

Adapt these to your project. Do not paste unrelated branding or colors blindly.

HTML

<!-- Example scaffold for ANIM-003. Adapt to your project. -->
<section id="ANIM-003" class="ai-design-example" data-zemew-component="animations" data-style="soft" data-version="1">
  <!-- Implement using the live preview as the visual reference -->
</section>

CSS

/* Scope demo styles so they cannot affect the rest of the site */
#ANIM-003.ai-design-example {
  /* mirror the preview treatment for ANIM-003 */
}

Machine-readable metadata

The live preview exposes semantic attributes an AI or developer can read from the page source:

id="ANIM-003" data-zemew-component="animations" data-style="soft" data-variant="pulse" data-animation="soft-pulse" data-version="1"