<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Ink & Pixel Studio | Ink the Idea. Pixel the Vision.</title>
<meta name="description" content="Ink & Pixel Studio is a research-driven growth studio helping founders, students, and organizations turn ideas into investor-ready narratives, data-backed insights, and compelling digital assets.">
<link rel="stylesheet" href="styles.css"/>
</head>
<body>
<!-- NAV -->
<header class="nav">
<div class="container nav-flex">
<div class="logo">
<img src="assets/logo.png" alt="Ink & Pixel Studio Logo"/>
<span>Ink & Pixel Studio</span>
</div>
<nav>
<a href="#services">Services</a>
<a href="#process">Process</a>
<a href="#work">Why Us</a>
<a href="#contact" class="btn-nav">Contact</a>
</nav>
</div>
</header>
<!-- HERO -->
<section class="hero">
<div class="container hero-grid">
<div class="hero-text">
<h1>We turn ideas into <span>clarity, credibility, and capital.</span></h1>
<p>
Ink & Pixel Studio is a research-driven growth studio specializing in
pitch decks, data storytelling, academic & business writing, and
digital strategy for founders, students, and organizations.
</p>
<div class="hero-cta">
<a href="#contact" class="btn-primary">Work With Us</a>
<a href="#services" class="btn-secondary">Explore Services</a>
</div>
</div>
<div class="hero-visual">
<img src="assets/logo.png" alt="Ink & Pixel Studio Brand Mark"/>
</div>
</div>
</section>
<!-- TRUST -->
<section class="trust">
<div class="container">
<p>Trusted by students, startups, researchers, and impact-driven organizations.</p>
</div>
</section>
<!-- SERVICES -->
<section id="services" class="services">
<div class="container">
<h2>What We Do</h2>
<div class="services-grid">
<div class="service-card">
<h3>Pitch Decks & Investor Narratives</h3>
<p>
Research-backed pitch decks designed for investor psychology, not aesthetics.
Built to explain, persuade, and convert.
</p>
</div>
<div class="service-card">
<h3>Data Analysis & Dashboards</h3>
<p>
Excel, Python, and BI-powered dashboards that turn raw data into
actionable decisions.
</p>
</div>
<div class="service-card">
<h3>Academic & Business Writing</h3>
<p>
Essays, reports, proposals, and policy papers written with clarity,
structure, and proper citation.
</p>
</div>
<div class="service-card">
<h3>Brand & Content Strategy</h3>
<p>
Thought leadership, storytelling frameworks, and content systems
designed to build authority and visibility.
</p>
</div>
</div>
</div>
</section>
<!-- PROCESS -->
<section id="process" class="process">
<div class="container">
<h2>Our Approach</h2>
<div class="process-grid">
<div class="process-step">
<span>01</span>
<h4>Research First</h4>
<p>We study your problem, audience, market, and constraints deeply.</p>
</div>
<div class="process-step">
<span>02</span>
<h4>Structure & Strategy</h4>
<p>We design the narrative, logic, and data flow before visuals.</p>
</div>
<div class="process-step">
<span>03</span>
<h4>Execution</h4>
<p>We build clean, persuasive, and professional deliverables.</p>
</div>
<div class="process-step">
<span>04</span>
<h4>Refinement</h4>
<p>We iterate until the work communicates with precision and confidence.</p>
</div>
</div>
</div>
</section>
<!-- WHY US -->
<section id="work" class="why-us">
<div class="container">
<h2>Why Ink & Pixel Studio</h2>
<ul>
<li>Research-driven, not template-driven</li>
<li>Designed for decision-makers, not spectators</li>
<li>Strong blend of analytics, storytelling, and design</li>
<li>Global mindset with local insight</li>
</ul>
</div>
</section>
<!-- CONTACT -->
<section id="contact" class="contact">
<div class="container contact-box">
<h2>Let’s Build Something That Makes Sense</h2>
<p>
Ready to turn complexity into clarity?
Reach out and let’s discuss your project.
</p>
<a href="mailto:Info@inkandpixel.studio" class="btn-primary">
Info@inkandpixel.studio
</a>
</div>
</section>
<!-- FOOTER -->
<footer class="footer">
<div class="container footer-flex">
<p>© 2025 Ink & Pixel Studio. All rights reserved.</p>
<p>Ink the idea. Pixel the vision.</p>
</div>
</footer>
</body>
</html>