Toast Slide In
Show feedback without interrupting the main task.
Create a Toast Slide In pattern for an AI-generated interface. It should help with show feedback without interrupting the main task. Use a restrained black, white, and gray visual style, strong hierarchy, and product-grade spacing. The interaction should feel lightweight, practical, and easy to scan.
Do not make the toast slide in flashy, noisy, over-animated, or decorative for its own sake. Avoid random glow, heavy gradients, excessive borders, oversized type, unclear hierarchy, and generic SaaS filler.
{
"id": "toast-slide-in",
"category": "motion",
"trigger": "show notification",
"target": "toast slide in",
"duration": "160ms",
"easing": "cubic-bezier(0.22, 1, 0.36, 1)",
"feeling": [
"lightweight",
"practical",
"precise"
],
"palette": [
"black",
"white",
"gray"
]
}
Usage notes
Short guidance for humans and AI tools before copying the pattern.
Use Toast Slide In when you need show feedback without interrupting the main task. It works best when the interface needs clarity before spectacle.
Do not make the toast slide in flashy, noisy, over-animated, or decorative for its own sake. Avoid random glow, heavy gradients, excessive borders, oversized type, unclear hierarchy, and generic SaaS filler.
Create a Toast Slide In pattern for an AI-generated interface. It should help with show feedback without interrupting the main task. Use a restrained black, white, and gray visual style, strong hierarchy, and product-grade spacing. The interaction should feel lightweight, practical, and easy to scan.