Digital Marketing Projects | Client Portfolio — Maneesh
{
"@context": "https://schema.org",
"@type": "CollectionPage",
"name": "Digital Marketing Projects — Client Portfolio",
"description": "A curated portfolio of digital marketing projects across industries including IT solutions, art studios, festivals, jewelry, and beauty brands.",
"author": { "@type": "Person", "name": "Maneesh" },
"hasPart": [
{ "@type": "Organization", "name": "Sidharth IT Solution", "url": "https://aroundtally.com/" },
{ "@type": "Organization", "name": "Saaram", "url": "https://saaram.in/" },
{ "@type": "Organization", "name": "Fest of Thrissur", "url": "https://www.instagram.com/festofthrissur" },
{ "@type": "Organization", "name": "Beautiva", "url": "https://www.instagram.com/beautivamakeover" }
]
}
:root{
--white:#ffffff;
--red:#e11d2e;
--red-dark:#a8111f;
--red-soft:#fff1f1;
--ink:#171417;
--muted:#8a7b7c;
--line:#f2dcdc;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{height:100%;}
body{
background:var(--white);
color:var(--ink);
font-family:'Inter',sans-serif;
overflow-x:hidden;
}
/* ---------- Fixed background layer (stays put while content scrolls) ---------- */
.bg-fixed{
position:fixed;
inset:0;
z-index:0;
background:var(--white);
overflow:hidden;
pointer-events:none;
}
.bg-fixed .grid{
position:absolute;
inset:-2px;
background-image:
linear-gradient(var(--line) 1px, transparent 1px),
linear-gradient(90deg, var(--line) 1px, transparent 1px);
background-size:56px 56px;
opacity:.6;
mask-image:radial-gradient(circle at 50% 45%, black 0%, transparent 75%);
}
.bg-fixed .glow{
position:absolute;
width:70vw;
height:70vw;
max-width:900px;
max-height:900px;
left:50%;
top:50%;
background:radial-gradient(circle, rgba(225,29,46,.16) 0%, rgba(225,29,46,0) 65%);
transform:translate(-50%,-50%);
}
.bg-fixed .corner-mark{
position:absolute;
font-family:'JetBrains Mono',monospace;
font-size:12px;
letter-spacing:.25em;
color:var(--red);
opacity:.55;
}
.corner-mark.tl{ top:max(20px, env(safe-area-inset-top)); left:max(20px, env(safe-area-inset-left)); }
.corner-mark.br{ bottom:max(20px, env(safe-area-inset-bottom)); right:max(20px, env(safe-area-inset-right)); }
main{ position:relative; z-index:1; }
/* ---------- Intro ---------- */
.intro{
min-height:100vh;
min-height:100svh;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:0 20px;
}
.intro .eyebrow{
font-family:'JetBrains Mono',monospace;
font-size:12px;
letter-spacing:.28em;
text-transform:uppercase;
color:var(--red);
margin-bottom:20px;
}
.intro h1{
font-family:'Space Grotesk',sans-serif;
font-weight:700;
font-size:clamp(38px,7vw,84px);
line-height:1.02;
letter-spacing:-.02em;
color:var(--ink);
}
.intro h1 em{
font-style:normal;
color:var(--red);
}
.intro p{
margin-top:22px;
max-width:480px;
color:var(--muted);
font-size:16px;
line-height:1.6;
}
.intro p a{
color:var(--red);
text-decoration:none;
border-bottom:1px solid var(--red);
}
.intro p a:hover{ color:var(--red-dark); border-color:var(--red-dark); }
.scroll-cue{
margin-top:56px;
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
color:var(--muted);
font-family:'JetBrains Mono',monospace;
font-size:11px;
letter-spacing:.18em;
text-transform:uppercase;
}
.scroll-cue .line{
width:1px;
height:36px;
background:linear-gradient(var(--red), transparent);
}
/* ---------- Side rail (jump links) ---------- */
.rail{
position:fixed;
right:34px;
top:50%;
transform:translateY(-50%);
display:flex;
flex-direction:column;
gap:20px;
z-index:50;
}
.rail .dot{
width:9px;
height:9px;
border-radius:50%;
background:var(--line);
position:relative;
cursor:pointer;
}
.rail .dot::after{
content:attr(data-label);
position:absolute;
right:22px;
top:50%;
transform:translateY(-50%);
font-family:'JetBrains Mono',monospace;
font-size:11px;
color:var(--muted);
white-space:nowrap;
opacity:0;
pointer-events:none;
}
.rail .dot:hover::after{opacity:1;}
.rail .dot:hover{ background:var(--red); }
@media (max-width:820px){ .rail{display:none;} }
/* ---------- Client sections (plain static blocks) ---------- */
.project{
min-height:100vh;
min-height:100svh;
display:flex;
align-items:center;
padding:100px 8vw;
border-top:1px solid var(--line);
}
.card{
max-width:760px;
width:100%;
text-align:left;
display:grid;
grid-template-columns:auto 1fr;
gap:44px;
align-items:start;
}
.logo{
width:84px;
height:84px;
border-radius:18px;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
background:var(--red-soft);
border:1px solid var(--line);
font-family:'Space Grotesk',sans-serif;
font-weight:700;
font-size:26px;
color:var(--red);
}
.index{
font-family:'JetBrains Mono',monospace;
font-size:13px;
color:var(--red);
letter-spacing:.1em;
}
.card h2{
font-family:'Space Grotesk',sans-serif;
font-size:clamp(30px,4.4vw,50px);
font-weight:700;
margin-top:6px;
letter-spacing:-.01em;
color:var(--ink);
}
.role{
font-family:'JetBrains Mono',monospace;
font-size:13px;
margin-top:10px;
letter-spacing:.03em;
color:var(--muted);
}
.note{
margin-top:20px;
color:var(--ink);
opacity:.82;
font-size:16.5px;
line-height:1.75;
max-width:52ch;
}
.tags{
margin-top:24px;
display:flex;
flex-wrap:wrap;
gap:10px;
}
.tags span{
font-family:'JetBrains Mono',monospace;
font-size:11.5px;
color:var(--red-dark);
border:1px solid var(--line);
background:var(--red-soft);
padding:6px 12px;
border-radius:999px;
letter-spacing:.03em;
}
.links{
margin-top:26px;
display:flex;
gap:20px;
}
.links a{
color:var(--ink);
text-decoration:none;
font-size:13.5px;
font-family:'JetBrains Mono',monospace;
border-bottom:1px solid var(--line);
padding-bottom:3px;
}
.links a:hover{ color:var(--red); border-color:var(--red); }
/* ---------- Outro ---------- */
.outro{
min-height:70vh;
min-height:70svh;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:80px 24px;
padding-bottom:max(80px, env(safe-area-inset-bottom));
}
.outro h3{
font-family:'Space Grotesk',sans-serif;
font-size:clamp(26px,4vw,42px);
font-weight:700;
color:var(--ink);
}
.outro p{ color:var(--muted); margin-top:14px; }
.outro a{
margin-top:28px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#fff;
background:var(--red);
padding:15px 32px;
min-height:46px;
border-radius:999px;
text-decoration:none;
font-family:'JetBrains Mono',monospace;
font-size:13px;
letter-spacing:.05em;
border:none;
cursor:pointer;
}
.outro a:hover{ background:var(--red-dark); }
@media (max-width:640px){
.project{ padding:70px 6vw; }
.card{
grid-template-columns:1fr;
gap:20px;
text-align:center;
justify-items:center;
}
.card > div{ width:100%; }
.logo{ width:60px; height:60px; font-size:19px; border-radius:15px; margin:0 auto; }
.index{ text-align:center; }
.card h2{ font-size:clamp(26px,8vw,38px); }
.note{ max-width:38ch; margin-left:auto; margin-right:auto; font-size:15.5px; }
.tags{ justify-content:center; }
.links{ justify-content:center; }
.intro p{ max-width:36ch; }
.corner-mark{ font-size:10px; letter-spacing:.18em; }
}
@media (max-width:400px){
.intro h1{ font-size:clamp(32px,10vw,44px); }
.card h2{ font-size:clamp(24px,9vw,32px); }
.note{ font-size:14.5px; line-height:1.65; }
.tags span{ font-size:10.5px; padding:5px 10px; }
}
Digital Marketing Projects — 2026
Brands I'vepartnered with.
A running record of digital marketing projects and businesses I've worked with.
SI
01 / 05
Sidharth IT Solution
Tally Solution Partner in Kerala
AroundTally is a Tally Certified 5-Star Partner providing end-to-end Tally solutions for businesses across Kerala. We specialize in TallyPrime implementation, customization, cloud solutions, AI integration, WhatsApp automation, and reliable technical support — helping businesses simplify accounting, automate workflows, and grow smarter.
TallyPrime Cloud Solutions AI Integration WhatsApp Automation
SA
02 / 05
Saaram
Artistic Studio
Saaram is a creative art studio specializing in bespoke murals, sculptures, paintings, and site-specific artworks that transform spaces into meaningful experiences. Blending artistic excellence with thoughtful design, Saaram creates unique pieces for homes, commercial spaces, hospitality projects, and public environments.
Murals Sculpture Interior Art Custom Design
FT
03 / 05
Fest of Thrissur
Festival Coordinator
Fest of Thrissur is a creative social media management team dedicated to showcasing the vibrant culture, festivals, businesses, and stories of Thrissur. We help brands, events, and local communities build a strong digital presence through engaging content, strategic campaigns, and audience-focused marketing.
Social Media Content Strategy Event Marketing
KA
04 / 05
Kalika
Women's Ornaments Collection
Kalika is an online destination for elegant women's ornaments, offering a curated collection of fashion jewelry and timeless accessories for every occasion. From everyday elegance to festive glamour, we bring together quality craftsmanship, stylish designs, and affordable luxury.
Fashion Jewelry Online Store Curated Collections
BE
05 / 05
Beautiva
Women's Beauty Salon
Beautiva is a dedicated women's beauty salon offering professional beauty, skincare, haircare, and bridal makeover services in a warm and relaxing environment. Our experienced beauty experts are committed to enhancing your natural beauty with personalized care, premium products, and the latest techniques.
Skincare Haircare Bridal Makeover
That's everyone — for now.
Every case study above reflects real digital marketing projects delivered for real businesses. More coming soon — reach out if you'd like to work together.
Get in touch
// Side rail: click a dot to jump straight to that client's section (no smooth-scroll animation)
const rail = document.getElementById('rail');
const projects = document.querySelectorAll('.project');
projects.forEach((sec) => {
const dot = document.createElement('div');
dot.className = 'dot';
dot.dataset.label = sec.dataset.title;
dot.addEventListener('click', () => sec.scrollIntoView());
rail.appendChild(dot);
});
