faruq®
Hero & InteractionNew

faruq®

Free

Stories in light + motion - gold portrait reveal for a night visual archive.

Made with

  • HTML
  • CSS
  • JavaScript

Overview

faruq® is a full-viewport visual-archive hero by SonoJS. Built as a single HTML page with Archivo, local CSS/JS, and dual portrait plates (clean + gold). On fine pointers, a masked gold layer follows the cursor with lerp; mobile keeps the static stack. Headline stories in light + motion, night-work copy, and selected work — vol.01 chrome. Demo photographer archive UI only - no CMS. Open index.html or host the folder statically on Cloudflare Workers.

Highlights

  1. 01

    Gold cursor reveal

    Fine-pointer mask follows the cursor to reveal the gold portrait over the clean plate.

  2. 02

    Archive typography

    stories in light + motion with faruq® / visual archive / long exposure chrome.

  3. 03

    Night-work copy

    Tagline and vol.01 meta for a photographer visual archive after dark.

  4. 04

    Zero-build static

    index.html + styles.css + main.js with Archivo and dual portrait PNGs.

You get

  • index.html (complete faruq® visual archive hero)
  • styles.css and main.js (cursor mask reveal)
  • assets/images/portrait-clean.png and portrait-gold.png
  • assets/fonts (Archivo)

Related products

View all

Otis

Free

Grab his cartoon face and pull it like taffy: stretch, wobble, new expression, patience bar.

Juicy

Free

3D juice can carousel - scroll to spin, flavour themes, floating fruit, water ripple.

SkyElite

Free

Full-bleed private-jet video hero - Premium. Accessible. Book Now.