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
- 01
Gold cursor reveal
Fine-pointer mask follows the cursor to reveal the gold portrait over the clean plate.
- 02
Archive typography
stories in light + motion with faruq® / visual archive / long exposure chrome.
- 03
Night-work copy
Tagline and vol.01 meta for a photographer visual archive after dark.
- 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


