[ SERVICE ] · Cinematic web design
A cinematic web design studio that builds brand experiences from scratch
Architype is a web & brand studio that designs and codes cinematic websites for brands. A cinematic website moves like a film: scroll-driven scenes, WebGL/3D layers and heavy-easing typography, running at 60fps, with no template or page builder underneath. Since 2022, Turkish and English, remote, worldwide.
- No templates
- 60fps
- GSAP · ScrollTrigger · WebGL
- Mobile-first
- SEO included
- 3-7 day typical project
A cinematic website guides the visitor scene by scene: scroll-synced animation, full-screen visual layers, letterbox transitions, heavy-easing typography and an optional sound layer. Architype builds these sites without themes or site builders, from design through code, and ships them as fast static files.
[ SHORT ANSWER ] · Quotable
The difference: on a template site every section flows at the same speed, in the same order, with the same layout. On a cinematic site tempo is designed; which scene opens when, what pins and what passes, is an editing decision.
See it in Architype Roofs: a 381-frame canvas sequence synced to scroll, a horizontal pinned layer walkthrough and clip-path portal reveals; one static file, no build step.
WHAT'S
INCLUDED
[ SCOPE ] · What's included
Editing & scene design
The site is planned as a sequence: opening, manifesto, work, process, finale. Every scene has a job and a tempo.
Motion & transitions
GSAP + ScrollTrigger scroll-synced animation, pinned scenes, masked type reveals, fade/flash/letterbox transitions.
WebGL / canvas layer
When it earns its place: a shader-based hero, a canvas frame sequence or a 3D scene. Devices that can't run it get a CSS fallback and never download it.
Performance & SEO
60fps target, DPR caps, off-screen render pause, lazy loading, WebP; titles/meta/JSON-LD and sitemap. Reduced-motion respected.
WHY
ARCHITYPE
[ DIFFERENCE ] · Why not a template
We don't ship templates
No theme, page builder or stock section. Design is finished in code, not in Figma; every interaction is written for that brand. The result is a site that doesn't look like anyone else's.
One team, end to end: strategy, design, code, launch. No agency chain; the person you talk to is the person who builds.
Cinematic and fast
Cinematic doesn't mean heavy. Three.js loads only when needed and only once visible; frame sequences load concurrency-capped and subsampled on mobile. The target is smooth 60fps on every device.
Small team (four people), short cycles: a typical project takes 3-7 days. The first call and the quote are free.
THREE
STEPS
[ PROCESS ] · How we work
Discovery
& strategy
We listen to your brand, audience and goal. Competitor analysis, positioning, a clear roadmap.
Design
& concept
Concept, visual language, prototype. Transparent feedback at every step; shared calls, no surprises.
Build
& launch
Build, test, launch. 60fps performance, SEO and post-launch support included. Typical project: 3-7 days.
SEE THE
WORK
[ PROOF ] · Selected work
Architype Roofs
A cinematic, scroll-driven brand experience for a roofing contractor: 381-frame canvas sequence, brutalist system, GSAP ScrollTrigger.
(02)Architype Architecture
An editorial, cream, type-driven concept site for an architecture studio. The opposite of Roofs; proof we don't run a house template.
(03)All work & case studies
Case studies in Problem → Solution → Result format, with live site links.
Q
& A
[ FAQ ] · Frequently asked
What is a cinematic website?
A website that guides the visitor scene by scene using scroll-synced animation, full-screen visual layers and film-grade typography. The goal isn't spectacle; it's telling the brand as a memorable experience.
Won't a cinematic site be slow?
Not when it's built right. Architype targets 60fps: WebGL is lazy-loaded only when needed, DPR is capped, off-screen scenes stop rendering, images are WebP and lazy. The reduced-motion preference is respected.
Do you use templates or themes?
No. Every project is designed and coded from scratch (HTML/CSS/JS, GSAP, Three.js where needed). No WordPress theme, Webflow template or site builder.
How are timeline and budget set?
Flexible packages by scope. A typical project takes 3-7 days. The first call and the quote are free; a WhatsApp message or an email is enough.
Which industries is this for?
Anywhere visuals and brand matter: architecture and construction, fashion, hospitality, agencies and studios, product launches, personal brands. We build corporate, landing, e-commerce and portfolio sites.
Is this the UK architecture practice called Architype?
No. Architype at architype.works is a Turkish-founded, bilingual web & brand design studio (since 2022). It is not affiliated with Architype Ltd, the UK architecture practice, or with any other company that uses the Architype name.
[ CONTACT ] · First call and quote are free
GETARCHITYPED
Email: [email protected] · WhatsApp: +90 546 403 26 58 · Instagram/X: @getarchityped. Remote, worldwide, Turkish and English.