Free Creative Portfolio Template: Pliegue

What makes it special

Scroll animation
3D scenes

Soft reveal of headlines and blocks on scroll
Subtle transitions in navigation and buttons
Paper figure in the footer (optional, deferred 3D)
prefers-reduced-motion respected

What's included

Prompt to recreate and customize the design with AI.
Site code and files: images, fonts and licences.
Interactive demo and instructions.
Use on your own sites and final client projects.

Demo sections and screens (6)

Navigation
Hero
Manifesto
Team and process
Featured project
Footer with a paper figure

What you can customize

Studio name, copy and services
Near-black green / ivory palette (CSS variables)
Display and interface typefaces (with a web license)
Number of projects and manifesto blocks

How to start

Copy the prompt and download the files.
Take them to your AI tool and ask for the changes: brand, copy and images.
Review the result and publish it on your domain.

Copy the prompt and download the package: your AI tool works on the project in pliegue-studio/ (README with installation and where to customize). Replace the name, copy, colors and images with your own. It is an editorial landing page with no connected forms or backend.

The result depends on your AI tool and the changes you make. The demo shows the visual direction.

Technical details & requirements

Requirements

The images in the package are AI-generated examples: replace them with your own or licensed photographs.
GSAP is used under its Standard license (it is not MIT): review it before redistributing your project.
Node.js 20.19 or later to run the project (Vite).
Not included: AI tool (and its credits), domain and hosting.

Technologies

React
Vite
Three.js
React Three Fiber
GSAP
WebGL
3D

Implemented in the package you download.

React · Vite · GSAP (ScrollTrigger, SplitText) · Three.js · React Three Fiber · WebGL

Suggested AI tools

ClaudeCodexv0

Compatible with the design instructions; not a recorded test.

Tested compatibility: No recorded test yet.

Palette and typography

#f1ede4#0f1411#1a211c#e8e3d8#8a8f87

Sans variable de gran tamaño (display)
Sans de interfaz 13–15 px

Layout: Artboard 1440 · full-screen hero · editorial grid with generous margins · full-width dark sections

Licence & versions

Use it on your own sites and in final client projects, including commercial use. Do not resell or redistribute the prompt, the files or the site as a template. Read the licence

Provenance: Package v1.1.0: code for the landing page (React, Vite, GSAP and three), AI-generated sample images, Inter Tight and Archivo typefaces (OFL) and the footer’s origami figure (OrigamiSimulator pattern, MIT). Notices in LICENCIAS-Y-AVISOS.md.

Version: v1.1.0 · Published Oct 28, 2026
Versions: v1.1.0 · 2026-11-02 — Code and assets package: runnable project, images, typefaces and licenses (62 files). Prompt aligned with the package.
v1.0.0 · 2026-10-29 — Release: video preview of the pilot, short prompt and package with reference implementation v4.4.
v0.1.0 · 2026-10-29 — Draft: video preview of the pilot and proposed prompt. Package pending rights clearance.