Thesis - Immersive Graduate Landing Page Template

Quick summary

Thesis is a single-page personal landing page built for recent CS graduates ready to make a strong first impression. It combines a collage-style header, a manifesto-driven scroll narrative, and two purposeful calls to action. The Tech Glass aesthetic uses deep obsidian tones, frosted glass panels, and molten gold accents to create a focused, after-dark atmosphere that feels nothing like a standard portfolio.

Who this template is for

This template is built for recent graduates who want their personal website to do more than list credentials. It speaks directly to job seekers targeting mid-stage startups where personality and craft matter as much as a Computer Science degree.

• Recent CS graduates building their first serious personal website
• Self-taught developers and bootcamp alumni with side projects to showcase
• Job seekers targeting startup engineering and product roles

What problem this template solves

Most entry-level portfolio sites look identical. Hiring managers scroll through dozens of them in a single afternoon, and generic layouts make it easy to skip. This template solves that attention problem by leading with a story, not a skills checklist.

• Breaks the pattern of cookie-cutter graduate portfolios that all look the same
• Replaces passive résumé sections with a narrative that builds genuine conviction
• Gives visitors a reason to reach out before they finish reading

What you get with this template

You get a complete, ready-to-customize single-page layout structured around storytelling and conversion. Every section has a deliberate purpose, from the opening collage to the closing call to action.

• A full-viewport collage header with off-grid name placement and a belief statement
• A manifesto scroll flow covering projects, contributions, and growth moments
• Two distinct calls to action: a floating nav pill and a full-width closing section

Feature list

This template is built around a set of specific design and structural decisions drawn directly from the brief.

Collage Scrapbook Header

The full-viewport header is a mosaic of personal fragments: terminal screenshots, whiteboard photos, hackathon badges, and code snippets. Items are placed at slight angles with torn-paper edges, drop shadows, and gold tape strip accents layered over the obsidian background.

Off-Grid Name and Belief Statement

The graduate's name appears in a large clean sans-serif, placed off-center like a signature rather than a centered headline. Directly beneath it sits a single belief statement, setting the tone before the scroll begins.

Manifesto Scroll Structure

Each scroll chapter presents evidence rather than assertion. A project proves craft. A contribution proves collaboration. A moment of failure proves growth. The narrative escalates from quiet confidence to undeniable forward momentum.

Floating Gold Call-to-Action Pill

A gold-outlined "Let's Talk" pill lives in the top navigation throughout the scroll. It stays visible without interrupting the reading experience, giving visitors a frictionless way to reach out at any point.

Frosted Glass Panel System

Glass-morphism cards with subtle backdrop blur sit above the obsidian canvas. They create visual depth and separate content zones without adding clutter or breaking the dark, focused atmosphere.

Full-Width Closing Call to Action

After the manifesto has built its case, a full-width "Let's Talk" section closes the page. A secondary "Read My Code" link sits beside the strongest project, directing motivated visitors straight to the work.

Page sections overview

Design & branding system

The visual identity follows a Tech Glass theme built on four specific colors that work together to create a focused, high-contrast atmosphere. Gold is used deliberately and sparingly so it always draws the eye to the right place.

• Deep obsidian black (#0B0B0F) as the primary page canvas, polished onyx (#1A1A2E) for card and section surfaces
• Molten gold (#D4A843) reserved for interactive highlights, key phrases, hover states, and call to action borders
• Frosted glass white (#E8E8EC) for body text, paired with glass-morphism panels that use backdrop blur for depth

Mobile & speed optimization

The full-width immersive layout is designed to translate across screen sizes without losing its atmospheric quality. The collage header and frosted glass panels are structured to remain visually coherent on smaller displays.

• Collage fragments and off-grid name placement adapt to narrower viewports while keeping the signature feel
• Glass-morphism panels maintain readability and depth on mobile without adding heavy visual noise
• The floating call to action pill remains accessible in the navigation across all screen sizes

How this template helps you convert

This landing page is structured around a single conversion goal: turning a curious visitor into a direct conversation. Every design and content decision supports that outcome.

1. The floating "Let's Talk" pill in the top nav keeps the primary call to action visible throughout the entire scroll without interrupting the narrative.
2. The manifesto structure builds trust progressively, so by the time the visitor reaches the closing section, they feel like they discovered someone before the rest of the market did.
3. The "Read My Code" secondary call to action beside the strongest project gives technically minded visitors a direct path to proof, reducing hesitation before reaching out.

Other information about this template

This template is part of the Full-Width Immersive style category on the platform. It sits within the Personal and Resume category, specifically targeting the Recent Graduate Career subcategory and the Recent Graduate Personal Website niche.

• The template is built for single-page deployment and does not require a multi-page site structure
• The Manifesto creative direction and Click-Through landing page direction are core to how the page is organized
• Customization involves replacing the placeholder collage fragments, belief statement, project details, and call-to-action links with your own content
• The color system and glass-morphism panel structure can be adjusted to reflect personal branding preferences while keeping the overall atmosphere intact

Show more