A dark curtain with the logo and a 0-100% counter, then it wipes up and the headline rises in.
✕ Breaks rule: preloaders It covers a page that has already loaded, so every visitor waits 1-2 s before seeing the phone number; slow phones wait longer, and Google counts the delay against the page (LCP).
Best for: Fashion and portfolio sites where the intro is part of the brand. Never in front of a Call button. How: A fixed overlay shown only under html.fx-js and motion OK; a timeline counts up, wipes it away with clip-path, then lifts the headline. A CSS safety timer hides it after 5 s even if JS fails. Weight: 1.4 KB gzipped (our CSS + JS) + GSAP from jsDelivr: GSAP core 28.3 KB gzipped. Plugins: none (core only). Page-level effect: it takes over the whole page, so it runs inside the phone frame below (open it full screen to try it at full size).