Tensor — Immersive Data Scientist Portfolio Landing Page Template

Quick summary

Tensor is a full-width immersive portfolio website designed for data scientists and machine learning engineers. It combines a particle point-cloud hero, scroll-triggered data visualizations, single-stat interstitials, and a glass-morphism contact form. The result is a data science portfolio that earns trust through executed work before it ever asks a visitor for their details.

Who this template is for

This portfolio website is built for technical professionals who need to communicate depth at a glance. Hiring managers move fast, and a forgettable page costs you the interview. Tensor is designed to stop that scroll.

• Data scientists and machine learning engineers targeting roles at top-tier technology companies
• Independent practitioners who want to attract startup CTOs looking for a technical co-founder who can also tell a story
• Research-oriented professionals who need to demonstrate systems thinking, not just clean code

What problem this template solves

Most data science portfolio websites look the same. A photo, a skills list, a few GitHub links, and a contact form. That format blends into the background when hiring managers are reviewing dozens of profiles before lunch.

• Tensor replaces static layouts with animated, scroll-driven data visualizations that communicate rigor without a single extra word
• It structures the visitor journey as a cinematic sequence, so each project section builds on the last and escalates in ambition
• The progressive contact form only appears after the visitor has seen real work, so the ask feels earned rather than premature

What you get with this template

Tensor delivers a complete, ready-to-customize portfolio website with every section pre-built and every interaction pre-wired. You can edit content, replace placeholder copy, and publish without writing a line of code from scratch.

• A full-screen particle point-cloud hero with a delayed monospaced type reveal, three animated project sections, single-stat interstitial panels, a bento-grid skills section, and a pinned glass-morphism contact form
• HTML, CSS, and JavaScript source files organized for straightforward customization, with clearly labeled elements throughout
• A desktop-first layout with a mobile fallback, so the portfolio website presents well on every device a visitor uses

Feature list

The following features are built directly into the Tensor template based on its defined scope and design direction.

Particle Point-Cloud Hero Section

The hero opens with a slow camera push through a three-dimensional point cloud. Thousands of data points drift like luminous dust and gradually resolve into a recognizable structure. No text appears for the first four seconds. Then a single monospaced line fades in, setting the tone before a name and descriptor follow. The effect is immediate and cinematic.

Scroll-Triggered Data Visualization Projects

Each of the three project sections opens with a full-bleed animated data visualization: a loss curve that draws itself, a SHAP waterfall that cascades left to right, and a t-SNE cluster that blooms from a single point. Below each visualization, a three-paragraph narrative covers the problem, the approach, and a specific quantified result. This rhythm, spectacle, then substance, trains the visitor to expect beauty backed by rigor.

Single-Stat Interstitial Panels

Between project sections, full-bleed black panels display a single data point in large type. Examples like "4.2M rows. 11 features. One weekend." create tension and pacing. These panels act as chapter breaks that escalate the stakes from supervised learning to generative models to production-scale systems.

Progressive Glass-Morphism Contact Form

The lead-capture form is pinned as a minimal glass-morphism bar at the bottom of the viewport after the second project section. The first field asks "What's the problem you're solving?" On focus, it expands to reveal company name, role offered, and an optional file upload. A secondary "Download CV" link captures an email address in exchange for a PDF. Both paths are built into the template's HTML and CSS.

Asymmetric Bento-Grid Skills Section

The skills and tools section uses an asymmetric bento grid to present technologies and capabilities. Each cell can hold a tool name, a proficiency indicator, or a brief description. The layout is easy to edit and scales naturally as you add or remove items without breaking the overall design.

Ink and Paper Color System with Signal-Blue Interactivity

The full color system is pre-applied across every section. Deep manuscript black dominates backgrounds. Warm parchment carries body text and card surfaces. Notation gray handles secondary labels and axis lines. Signal blue appears only when something is interactive, a hovered node, a clickable insight, a running animation state.

Page sections overview

Design & branding system

Tensor uses a Tech Glass visual identity built on the Ink and Paper color system. The aesthetic feels like a research paper printed on heavy stock and then backlit by a monitor at 2 AM, analog warmth held behind digital glass. Typography uses JetBrains Mono for hero labels and code-style elements, and DM Sans for body copy.

• Colors: deep manuscript black (#0B0E11) for backgrounds, warm parchment (#F0EDE5) for text and card surfaces, notation gray (#6B6E73) for secondary labels, and signal blue (#3B82F6) reserved exclusively for interactive states and data highlights
• All CSS custom properties are defined in a single location, so replacing the palette across the entire website requires editing only a few lines

Mobile & speed optimization

Tensor is designed desktop-first because hiring managers typically review portfolios on workstations. A mobile fallback ensures the portfolio website remains readable and functional on smaller screens. Canvas-based animations use a request-animation-frame loop, and scroll-triggered reveals rely on the Intersection Observer application programming interface.

• Heavy canvas animations gracefully reduce on lower-powered devices to preserve a usable experience without breaking the page
• Videos and large visual assets are structured so they load progressively, avoiding a visible layout error on slower connections

How this template helps you convert

Tensor is built around a specific lead-generation philosophy: prove competence first, then ask for contact. The page earns the click before displaying the form.

1. The cinematic scroll sequence, point cloud, animated projects, escalating interstitials, holds attention long enough for hiring managers to form a genuine opinion before any call to action appears
2. The pinned progressive form and the email-gated CV download create two distinct conversion paths, so visitors with different levels of intent can both take an action that matches where they are in their decision process

Other information about this template

Tensor is a strong starting point for any data scientist ready to move beyond a plain document or a generic profile page. Here is additional context that may help you decide if it is the right fit.

• You can publish this portfolio website on GitHub Pages for free, making it straightforward to get live quickly. Cloudflare Pages is a fast and secure alternative with built-in analytics. Both are compatible with a custom domain, so your website can reflect your personal brand from day one.
• The HTML files are clearly organized. With minimal HTML knowledge you can edit the index page, update your profile section and projects section content, replace placeholder images and videos, and connect your own GitHub repo links without touching the animation code.
• Each project card in the projects section supports links to a GitHub repository, an external article, a Tableau Public dashboard, or any other resource you want to share with visitors.
• The footer follows a GitHub developer minimal pattern and can include links to your GitHub profile, a Medium publication, or other platforms where you share data science projects and writing.
• The template supports embedding short videos or looping clips inside project sections to give hiring managers a richer view of past work, including data exploration walkthroughs or live model demos.
• If you work across data analytics, machine learning, and web development, the bento grid is flexible enough to organize all three capability areas without the layout becoming cluttered.
• You can attach a CSV file or a job description document through the optional file upload field in the contact form, which makes the intake process more useful for both sides.
• The concept behind Tensor is well-suited to professionals at every stage, from those beginning their first serious job search to experienced engineers looking to expand into new industry roles.

Show more