The Presence is a premium signature studio that crafts high-end, cinematic digital experiences for brands that demand excellence. Every pixel, interaction, and line of code is intentional.
This repository contains the source for our studio's holding page — a single-page, fully animated, immersive experience designed to reflect the quality and precision of our work, even while the full studio site is under development.
Most websites are seen. Very few are felt.
The Presence exists to build digital experiences that create emotional gravity. We believe precision creates emotion. Every movement, shadow, spacing, transition, texture, interaction, and silence contributes to how a brand is remembered.
We do not overload. We refine. We do not chase noise. We shape presence.
- Reactive gradient background — Canvas-rendered, real-time warm gradient that responds to cursor movement, simulating cinematic lighting shifts across the surface
- Torch cursor — Custom 4px glowing ember cursor with layered copper halos and a lagging ring for inertia
- Breathing logo — Synchronized pulse and halo animation at 7s cadence with subtle cursor parallax
- Premium card grid — Glassmorphic cards with per-card radial glow, lift on hover, and subtle cursor-reactive tilt (±5°)
- Contact modal — Beige/ivory branded modal with email, phone, and LinkedIn contact rows, plus studio brochure download
- Floating CTA button — Animated fill-from-left hover with sliding dual-text reveal
- GSAP cinematic reveal — Staggered sequential entrance animation on page load
- Full mobile responsiveness — Adapts gracefully from desktop two-column to single-column mobile layout
- SEO optimised — Full Open Graph, Twitter Card, JSON-LD structured data, sitemap, robots.txt, and web manifest
| Layer | Technology |
|---|---|
| Markup | HTML5 (Semantic) |
| Styles | CSS3 (Custom Properties, Grid, Backdrop Filter) |
| Interactions | Javascript |
| Animation | GSAP 3.12.5 |
| Canvas | HTML5 Canvas API (reactive gradient) |
| Fonts | Cormorant Garamond, Inter (Google Fonts) |
| Hosting | Netlify |
the-presence/
├── index.html # Main HTML — SEO-enhanced
├── styles.css # All visual styles
├── script.js # GSAP animations, canvas, interactions
├── ThePresence.png # Brand logo (transparent)
├── ThePresenceOG.png # Open Graph social share image (1200×630)
├── ThePresence_Brochure.pdf # Studio brochure (download)
├── robots.txt # Crawler directives
├── sitemap.xml # XML sitemap for search engines
├── site.webmanifest # PWA web app manifest
├── README.md # This file
└── LICENSE # Proprietary license
| Token | Value |
|---|---|
| Deep Oxidized Brown | #1A0D0A |
| Brand Primary | #4A2218 |
| Burnt Copper | #A4572A |
| Warm Bronze Glow | #D88A52 |
| Soft Beige | #F4EEE7 |
| Warm Ivory | #EAE2D8 |
Primary Typeface — Cormorant Garamond (Serif, 300–400 weight) Secondary Typeface — Inter (Sans-serif, 200–300 weight)
<title>,<meta name="description">,<meta name="keywords">- Canonical URL tag
- Open Graph tags (Facebook, LinkedIn, WhatsApp)
- Twitter/X Card tags
- JSON-LD structured data (
ProfessionalServiceschema) robots.txtwith sitemap referencesitemap.xmlwith lastmod and prioritysite.webmanifestfor PWA and mobile home screen<link rel="preload">for logo asset- DNS prefetch for external resources
The site is deployed and hosted on Netlify at:
https://www.thepresence.io
No build step required — purely static HTML, CSS, and JS.
| Channel | Details |
|---|---|
| info@thepresence.io | |
| ryan@thepresence.io | |
| Phone | +91 73974 96792 |
| linkedin.com/in/ryantusi |
This project and all its contents are proprietary and confidential. Unauthorized copying, distribution, modification, or use is strictly prohibited.
See LICENSE for full terms.
Precision. Atmosphere. Signature. Restraint. Experience.
© 2026 The Presence. All Rights Reserved.