Creative portfolio · Portfolio template

Orbit

Name: Orbit portfolio website template
Brand: Templates.party
Availability: InStock

A bold, dark portfolio for designers, illustrators and small studios, with a work grid, a project index, services, contact and a full case study page.

Pay what you wantsuggested €19

Name your price Live demo

You choose the amount at checkout on Gumroad. Every order gets the same ZIP and its own license key.

By Templates.party

Illustrated preview of the Orbit portfolio website template

Live demo

Platform: HTML + Tailwind
Pages: Home + case study
Language: English
JavaScript: Vanilla, no framework

What’s inside

A home page and a case study

Big type, lime and lilac on near-black, and room for the work to breathe. The home page takes visitors from selected work to services and contact, and the case study page tells the story of one project from challenge to result.

Selected work

Hero with big type, a work grid and a project index with hover previews.

Open in the demo

Services & process

What you offer and how a project runs, step by step.

Open in the demo

About & contact

Your story, a live local clock, a copy-email button and a contact form.

Open in the demo

Case study

Challenge, approach, palette, typography, an image gallery and a link to the next project.

Open in the demo

Sections on the home page

Navigation + mobile menu
Hero
Marquee
Selected work
Project index
Services
Process
About
Contact
Footer

Built in

Project index with hover previews; every project is a plain link that works with keyboard and touch
Live local clock for your time zone and a copy-email button
Contact form with validation; it sends nothing until you connect it (Formspree, Basin, Netlify Forms…)
Scroll reveals, marquee and floating shapes that switch off with “reduce motion”
Skip link, visible focus rings and semantic landmarks
Self-hosted fonts and compiled Tailwind: no CDN, no framework

Palette & type

Night#0B0B10
Coal#1C1B24
Mist#E7E6EE
Lime#D4FF3A
Lilac#B9A6FF

Syne + Manrope (self-hosted, OFL)

Colors and fonts live in tailwind.config.cjs. Change them, run npm run css, done.

In the ZIP

Built HTML pages and assets/ (CSS, JS, fonts, illustrations, social image, favicons)
src/ and tailwind.config.cjs to rebuild the CSS (package.json scripts included)
README with step-by-step editing and publishing notes
LICENSE: commercial use, unlimited projects, client work

Sample content

Theo Vale, the clients, projects and quotes are fictional. All images, including the portrait, are AI-generated and don’t show real people or real brands. Replace them with your own work and words.

License

Pay what you want, once: no subscription. Use it for your own business or for client work, on unlimited projects. You can’t resell or redistribute it as a template. Full terms.

MCP access included

Every order comes with a license key, whatever amount you choose. The key unlocks MCP access, so AI assistants like Claude, ChatGPT or Cursor can read, customize and download the templates you own.

Keep exploring