SIVALICLOUD TECHNOLOGYDesign System
Komponen · Motion

Bumper

Logo bumper, intro and outro

Buka previewREADME.mdSemua komponen

The Sivali Corp logo animation from the website hero, cut as a video bumper: the orbit dots fly in and settle, the mark fills and glows, then slides left as SIVALI CORP reveals. No tagline and no eyebrow: the lockup stands alone.

Rendered files (H.264 MP4, 30 fps) live in assets/Motion/:

File Use
sivali-bumper-intro-16x9.mp4 (1920x1080, 4s) YouTube, webinar recordings, event screens
sivali-bumper-intro-9x16.mp4 (1080x1920, 4s) Reels, Stories, TikTok, Shorts
sivali-bumper-intro-1x1.mp4 (1080x1080, 4s) Feed video, LinkedIn
sivali-bumper-outro-*.mp4 (5s, all three ratios) End of any video: lockup and sivali.co, fades to black
sivali-bumper-intro-16x9-indigo.mp4, -light.mp4 Indigo and light grounds for decks and bright edits

Timeline (intro, 4s): 0 to 1.3s dots assemble and spin down · 0.6 to 1.4s mark fills with a primary-100 halo · 1.35 to 2.1s mark slides left, wordmark reveals · hold · 3.55 to 4s fade to ground. The outro adds the URL at 2.6s and fades to #121212.

Render more from code: SivaliMark.bumper(ctx, W, H, t, { mode, theme, word, url }) is a pure function of time, so any size can be rendered frame by frame (themes dark, indigo, light, or a theme object { bg, ink, glow, accent, end, halo } for co-branded reels in a partner's colours). Never add a tagline or eyebrow line under the lockup. Keep the bumper unedited: no speed ramps, no recolouring, no music hits that cut the fade.