Logo Conveyor
ロゴコンベア
Generation Prompt
【対象要素】 - 導入実績・提携先などのロゴ一覧の帯に適用する 【演出内容】 - ロゴが等間隔に並んだ帯が、ベルトコンベアのように一定速度で流れ続ける 【品質要件】 - ロゴ同士の間隔は均等にし、詰まって見えないよう余白を広めに取る - 速度は1周25秒前後のゆっくりめにして、各ロゴが認識できるようにする - ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる - prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する
[Target] - A logo strip of clients or partners [Motion] - Evenly spaced logos flow like a conveyor belt at constant speed [Quality] - Keep spacing generous and equal - Around 25s per cycle so each logo stays recognizable - Make the loop seamless: the end state must match the start state exactly - With prefers-reduced-motion, stop the animation and show a static finished state
Prompts and demo code are free to use in your own projects. See About.