Obsidian Portfolio

A digital portfolio that makes your first impression unforgettable.

✨ What Is This?

Obsidian is a premium portfolio website template — a ready-made online home designed for designers, creative directors, and anyone who presents their work professionally online.

Think of it as a beautifully crafted blank canvas. Your projects, your story, your identity — just drop in your content and you have a world-class personal website that rivals anything built by a high-end studio.

It's not a simple page with a list of links. Obsidian is a full experience — every scroll, every hover, every transition feels considered and intentional.

🌟 What Makes It Stand Out

A cursor that feels alive. Your mouse becomes part of the design. As you move around the page, the custom cursor morphs shape and inverts the colors beneath it — creating a lens-like effect that makes the site feel interactive in a way most portfolios never attempt.

Animations that react to you. The geometric art on the homepage responds to motion. Scrolling faster or slower changes how the page feels. The site breathes.

A horizontal work archive. Instead of the usual vertical list of projects, the Work section scrolls sideways — like flipping through a physical portfolio. Each card tilts and reacts as you move your cursor over it.

A texture you can almost feel. A subtle animated noise filter sits over the whole page, shifting with your scroll speed. It's a small detail, but it gives the site an organic, almost tactile quality.

🎯 Who Is This For?

• Designers who want their portfolio site to match the quality of their actual work.
• Creative directors and studios who need an immersive first impression for prospective clients.
• Anyone building a personal brand who wants to look polished, premium, and distinct.

📄 Pages Included

🎨 Design Choices

Obsidian is built around a deliberate visual identity:

• Electric Lime on Deep Black — a high-contrast color system that feels simultaneously premium and edgy.
• Syne for headlines — geometric and bold; made for making statements.
• Manrope for body text — clean and legible at any size.
• Every interactive element has a micro-interaction — nothing feels static.

✅ What's Built In

• Full SEO setup — search engines can find and correctly understand every page.
• Accessibility compliance — keyboard navigation, reduced-motion support, and skip-to-content links are all built in out of the box.
• Mobile-ready — the cursor hides on touch devices, and the layout adapts gracefully to any screen.
• Deployment-ready — one click deploy to Netlify or Vercel.