MALQSTARTER
Editable Vite + Three.js project with a procedural object, responsive sections, pointer and scroll response, reduced-motion behavior and fallbacks.
MALQ LEARN / FIELD GUIDE 02 · WEB SYSTEMS
MAKE THE WEB
FEEL BUILT.
A working 3D website starter and the process to shape it: plan the system, build a first version, inspect it and iterate with purpose.
GET THE BLUEPRINT
STARTER PREVIEW / DESKTOPFIG. 01 — INTERFACE + SCENE01 / THE PRODUCTBUILT TO BE EDITED
NOT A PROMPT.
A STARTING SYSTEM.
The value is in the combination: a running project you can open, a workflow for making decisions, and focused references for the parts that usually take trial and error.
Start with the supplied content and procedural scene. Then replace the words, palette, sections and object to fit your own brand and audience.
SEE EVERYTHING INCLUDED02 / THE STARTERONE PROJECT · MULTIPLE VIEWPORTS
Content remains HTML. The scene enhances the page; it does not hold the message hostage.
03 / WHAT YOU GETDOWNLOAD PACKAGE · 12 FILES
THE WHOLE
WORKING KIT.
BLUEPRINT
A 30-page visual field guide to the decisions behind a cinematic, usable, production-minded website.
PROMPT SYSTEM
A concise master build prompt and 13 focused iteration prompts for specific classes of work.
PRACTICAL GUIDES
Setup, 3D motion, CMS/data, performance and deployment guidance, plus license and third-party notices.
MALQ CASE STUDY
A real development account of brief → first build → inspect → targeted change → verify.
Also included: performance checklist, deployment checklist, README, licenses and third-party notices.
POINTER RESPONSE / AUTHENTIC TEST FRAME04 / MOTION WITH A JOB
THE SCENE
RESPONDS.
THE PAGE STAYS IN CHARGE.
The starter uses restrained pointer and scroll response. Motion is bounded, the page keeps native scrolling, rendering pauses when appropriate, and reduced-motion users get a usable static presentation.
- Procedural object, no proprietary model needed
- Pointer interaction eases back to neutral
- Scroll response has a limited range
- Static fallback keeps essential content available
05 / THE WORKFLOWBRIEF → VERIFY
SEVEN STAGES.
ONE CLEAR LOOP.
IDEA
Define purpose, audience, feeling and what should stay still.
SYSTEM
Set type, spacing, color, hierarchy and responsive rules.
BUILD
Create the first usable page, then connect content and 3D.
MOTION
Add bounded scroll and pointer response with a reason.
ITERATE
Inspect a specific issue, ask for a targeted change, verify it.
OPTIMIZE
Check loading, mobile, fallbacks, reduced motion and rendering.
DEPLOY
Build, configure the environment and run release checks.
BRIEF→FIRST BUILD→INSPECT→TARGETED CHANGE→VERIFY
06 / AI-ASSISTED ITERATION
ASK FOR
ONE CHANGE.
CHECK THE RESULT.
The prompt pack separates initial structure from specific improvement passes: typography, motion, 3D, mobile, performance, CMS, SEO, accessibility and final QA.
ITERATION PROMPT / EXCERPT
“Inspect the mobile layout at 360px. Identify the single largest usability issue, explain the affected component, then make the smallest targeted correction. Preserve content and desktop behavior. Verify overflow and navigation after the change.”
ONE TASK / CLEAR CONSTRAINTS / VERIFY07 / MALQ DEVELOPMENT CASEREAL PROJECT · REAL ITERATION
A PROCESS, NOT A MAGIC PROMPT
THE SITE
WAS ITERATED.
The Blueprint documents how the Face Vault experience moved from brief to working direction: build a first version, inspect the real page and device behavior, target the next change, then verify again.
- Clarify the experience and audience
- Build the first usable composition
- Inspect hierarchy, motion and mobile behavior
- Refine the 3D and performance decisions
- Verify the production build and release checks
08 / FITKNOW WHAT YOU'RE BUYING
GOOD FIT
FOR BUILDERS
WHO WANT A
REAL BASE.
- Designers and makers who want a working starting project
- AI-assisted builders who want a repeatable iteration process
- Teams learning how 3D, content and performance fit together
NOT A FIT
NOT A
ONE-CLICK
WEBSITE.
- Not a done-for-you brand site or hosting plan
- Not a guaranteed result or one-prompt generator
- Not an exact MALQ site clone or turnkey CMS
09 / QUESTIONSBEFORE YOU START
STRAIGHT
ANSWERS.
What do I receive?
The editable starter ZIP, a 30-page PDF Blueprint, the master and iteration prompt files, setup / motion / CMS guides, performance and deployment checklists, and license notices.
Do I need to know Three.js?
The starter gives you a working scene and clear places to edit. The guide explains the scene concepts and tradeoffs; it does not assume a single prompt will write or maintain the whole site for you.
Will it recreate the MALQ site exactly?
No. It is a reusable starting point and a process for making your own decisions. The case study explains how the MALQ experience evolved; it is not a clone template.
Does the starter include a CMS or hosting account?
No paid accounts or private services are bundled. The CMS guide explains the data/template seam, and the deployment guide covers the steps you complete with your chosen provider.
When can I get the Blueprint?
The purchase status is shown above. Use “Get the Blueprint” when checkout is open; if the page says “Coming soon”, sales are not open yet. The listed price is €49.
MALQ LEARN / FIELD GUIDE 02
BUILD. INSPECT.
MAKE IT YOURS.
Get the editable starter and the workflow behind it. Work at your pace; test each decision in your own project.
€49GET THE BLUEPRINT BACK TO MALQ LEARN