← Signals

Are you not entertained? · Video · 2 min

Are you not entertained, part 2

Awward taste

Part 2 asks for taste on purpose: “Halcyon”, a fictional deep-sea submersible expedition company, as an Awwwards-level landing page, with an open-source skill that knows what award-winning sites look like.

Down to the bottom of the world

A floating glass-pill nav, a hero, a bento grid, a pinned section and a giant call to action, with very large vertical spacing. A depth gauge counts metres as you scroll. A pinned horizontal scroll dives through five depth zones, sunlight, twilight, midnight, abyss and hadal, while the background shifts from teal to pure black, and a canvas of bioluminescent particles drifts away from the cursor.

All of it is one self-contained HTML file with GSAP and ScrollTrigger, written in a single shot.

← Sinais

Não estão entretidos? · Vídeo · 2 min

Não estão entretidos, parte 2

Gosto Awwwards

A parte 2 pede bom gosto de propósito: a “Halcyon”, uma empresa fictícia de expedições em submersível ao fundo do mar, como uma landing page ao nível dos Awwwards, com uma skill open source que sabe como são os sites premiados.

Até ao fundo do mundo

Uma navegação flutuante em pílula de vidro, um hero, uma grelha bento, uma secção fixa e uma enorme chamada à ação, com muito espaço vertical. Um medidor de profundidade conta os metros à medida que faz scroll. Um scroll horizontal fixo mergulha por cinco zonas de profundidade, luz solar, crepúsculo, meia-noite, abismo e hadal, enquanto o fundo passa de azul-petróleo a preto, e uma tela de partículas bioluminescentes afasta-se do cursor.

Tudo num único ficheiro HTML com GSAP e ScrollTrigger, escrito de uma só vez.