Warm-Folio

Most portfolio templates try to impress with dark drama. Warm Folio does the opposite. It feels like a hand-written letter on cream paper, with sticker doodles, soft rounded cards, and calm, springy motion that makes visitors smile instead of squint.

It's built for people who want a "hire me / follow me" presence that feels human: solo designers, indie hackers, illustrators, freelancers, and founders.

The part buyers love: every word on the site lives in ONE file, content/content.js, organized into 11 commented blocks. Open it in Notepad, change the text between quotes, save, refresh. No builders, no installs, no hosting lock-in, no code. Double-click index.html and your site is running.

What makes it feel alive:

• A page background that gently crossfades through pastel tints (cream, mint, sky, blush) as visitors scroll
• Springy entrances with a soft overshoot, hover tilt on project cards, magnetic buttons that lean toward the cursor
• A draggable polaroid that visitors can toss around and watch spring back home
• A slow tools marquee that pauses on hover, floating doodle stickers, and a giant "Let's talk" that wobbles on hover
• "Open to work" badge, location pin, and a live local-time widget (set your timezone with one word)

What's inside:

• Five sections: Hey, Work (6 project cards), About + Toolbox, Notes (3 posts), Say Hi
• Swappable avatar slot with a friendly built-in doodle until you add your photo
• Project tiles that show a neat dashed placeholder until you drop in a screenshot path
• One :root token block rethemes the entire site (colors, radii, shadows) in minutes
• Fully responsive, works offline with system font fallbacks, and automatically serves a calm animation-free version to reduced-motion users
• Plain HTML/CSS/JS, ~50 KB unzipped, no frameworks, no build step, no dependencies
• Beginner-proof README with a 2-minute quick start, copy-paste examples, and free publishing steps (Netlify drag and drop)

Perfect for: personal portfolios, freelancer landing pages, "link in bio" upgrades, student portfolios, indie product maker profiles.

Tags: portfolio, personal website, HTML template, one page, cute, pastel, designer portfolio, no-code, landing page, resume site