faruq®
Hero & InteractionNew

faruq®

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

Free

Quick facts

Pages
1
Version
v1.0.0
Last update
Nov 8, 2026
Who can download
Free (signed in)

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)

Details

Version
v1.0.0
Last update
Nov 8, 2026
Pages
1
Category
Hero & Interaction

You need

  • Modern browser (CSS mask / -webkit-mask)
  • No build step - open index.html or static-host the folder
  • Optional: Cloudflare Workers / Pages for hosting

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.