01Free · 7-day publishView live demo →
Engineering
Cinematic Engineer
Your code, told like a film.
An immersive, dark, atmospheric story of how you build — masked headline reveals, chaptered case studies and a living starfield.
Portfolio templates
One career. 22 different portfolio websites.
Every template is a complete website with its own layout, typography and motion — not a recoloured theme. Open any live demo, switch devices, try the palettes, then make it yours with your Rolefora profile. Not sure where to start? Read how the portfolio website builder works.
22 templates
- 02PremiumView live demo →
Design
Editorial Designer
A magazine issue about your work.
A premium magazine issue about your work — monumental serif headlines, asymmetric spreads, pull quotes and image-led stories.
- 03PremiumView live demo →
Engineering
Developer Terminal
$ whoami — answered properly.
A sophisticated terminal session — typed commands, a ⌘K command palette and projects listed like a well-kept repository.
- 04PremiumView live demo →
Any profession
Swiss Minimal
Grid. Type. Nothing else.
International Typographic Style: a strict 12-column grid, hairline rules, oversized numerals and nothing extraneous.
- 05PremiumView live demo →
Creative
Creative Studio
Loud ideas, beautifully made.
An experimental agency site — colour-blocked chapters, marquees, a cursor-following spotlight and full-bleed project transitions.
- 06PremiumView live demo →
Engineering
Futuristic Spatial
A portfolio that floats in depth.
A high-end spatial interface — glass panels floating in depth, HUD navigation and light that follows your pointer.
- 07PremiumView live demo →
Any profession
Paper Resume
Typeset like it matters.
A beautifully typeset document on a desk — margin annotations in a hand-written voice, a structured timeline and print-ready pages.
- 08PremiumView live demo →
Engineering
Product Engineer
Shipped. Measured. Explained.
A product-focused portfolio — shipped products as launch cards, impact metrics with sparklines, architecture breakdowns and stack badges.
- 09PremiumView live demo →
Creative
Bold Brutalist
NO SOFT EDGES.
Expressive and unapologetic — raw borders, giant rotated type, hard shadows and a bottom navigation bar of oversized buttons.
- 10PremiumView live demo →
Creative
3D Experience
Step inside your work.
An interactive spatial portfolio — a WebGL scene that morphs as you scroll, with projects orbiting in depth and graceful fallbacks.
- 11PremiumView live demo →
Media & Photography
Photographic Showcase
Let the work take the whole wall.
Media first — full-bleed imagery, a masonry archive, an immersive keyboard-friendly lightbox and quiet typography that steps aside.
- 12PremiumView live demo →
Business
Executive Presence
Quiet authority.
Quiet authority for leaders — credibility bar, leadership timeline, board roles, measured testimonials and a clear invitation to talk.
- 13PremiumView live demo →
Creative
Aurora Interactive
Light that follows you.
Atmospheric gradient light that follows the pointer, floating glass panels and large soft typography for a calm, futuristic first impression.
- 14PremiumView live demo →
Any profession
Bento Maker
Everything, in tidy little windows.
A modular bento grid where every card is a small interactive window into your work, skills, story and contact details.
- 15PremiumView live demo →
Design
Digital Architect
Built like a building.
Blueprint-grade grids, hairline construction lines and generous imagery. Structured like a building, read like a monograph.
- 16PremiumView live demo →
Engineering
Data Storyteller
Your numbers, told straight.
Your numbers, plotted honestly. Charts are drawn only from the skills, dates and metrics you supplied, never from invented data.
- 17PremiumView live demo →
Design
UX Casebook
Show how you think.
Case studies told in process: problem, approach, outcome. Built for designers and researchers who show how they think.
- 18PremiumView live demo →
Creative
Motion Director
Type in motion.
Kinetic typography, a scrolling reel strip and cinematic title cards for motion designers, animators and video creators.
- 19PremiumView live demo →
Any profession
Monochrome Atelier
Less. Considered.
Luxury minimalism in black, white and one whisper of accent. Fine serif type, vast margins and almost no motion.
- 20PremiumView live demo →
Any profession
Research Lab
A notebook for your findings.
For researchers and scientists: publications, experiments, affiliations and talks laid out like a clean lab notebook.
- 21PremiumView live demo →
Business
Founder Narrative
The story behind the ventures.
Ventures, milestones and the story behind them. A confident long-form narrative for founders, operators and investors.
- 22PremiumView live demo →
Any profession
Timeline Journey
Your career, as a path.
Your career as a scrollable path: roles, projects and learning plotted along one animated line.