Form
Introduce silhouette and proportion before detail.
SiteForge turns a business brief into an art-directed, versioned and publishable website — with interactive templates, AI refinement, custom domains and production controls in one workspace.
A Trexiva product · Built for agencies, operators and ambitious small teams.
Real-time 3D, restrained typography and spatial interaction for launches, studios and product stories.
A real-time scene anchors the page while type and interface remain deliberately restrained.
Introduce silhouette and proportion before detail.
Bring surface, reflection and finish into focus.
Connect the object to the larger product or brand idea.
The scene establishes scale and atmosphere.
Motion reveals details without stealing control.
The story resolves into a clear action.
targeted motion budget
primary WebGL scene
autoplay video required
Replace the placeholder form with your object, image or product direction in Studio.
SiteForge combines design systems, AI generation, version history, publishing, domain management and plan controls instead of scattering the workflow across separate tools.
Generate from a real business brief, then refine with natural-language instructions while preserving useful facts and structure.
Preview template and generated websites on desktop, tablet and mobile before committing to a direction.
Every generation becomes an immutable revision so teams can compare, return and publish intentionally.
Publish to a SiteForge URL first, then connect customer domains and production DNS when ready.
Workspaces, memberships, billing, usage and domains are organization-scoped with a separate platform admin layer.
Generation is directed by visual, motion, accessibility, engineering and 3D guidance instead of one generic prompt.
Choose the behavior that matches the brand: spatial 3D, parallax, scrollytelling, glass, tactile controls, commerce, continuous browse, ambient motion, hover systems or kinetic type.
Real-time 3D, restrained typography and spatial interaction for launches, studios and product stories.
A real-time scene anchors the page while type and interface remain deliberately restrained.
Introduce silhouette and proportion before detail.
Bring surface, reflection and finish into focus.
Connect the object to the larger product or brand idea.
The scene establishes scale and atmosphere.
Motion reveals details without stealing control.
The story resolves into a clear action.
targeted motion budget
primary WebGL scene
autoplay video required
Replace the placeholder form with your object, image or product direction in Studio.
Real-time 3D, restrained typography and spatial interaction for launches, studios and product stories.
A layered editorial system for travel, hospitality, culture and long-form brand storytelling.
A slow-moving image plane holds the atmosphere.
Editorial copy advances faster to create depth.
Foreground detail arrives last and sharpest.
The page uses depth cues sparingly so reading remains primary while the environment feels dimensional.
Large slow fields establish place.
Readable content keeps a normal rhythm.
Closer elements react a little faster.
maximum depth planes
normal reading speed
motion fallback
Best for hospitality, travel, editorial portfolios and place-led brands.
A layered editorial system for travel, hospitality, culture and long-form brand storytelling.
Sticky narrative scenes and paced content for reports, launches, case studies and mission-driven products.
A sticky narrative scene keeps the argument legible while the visual state changes around it.
problem framed
proof points revealed
clear conclusion
One idea per scene keeps the pace controlled.
Visual state changes mark narrative progress.
The final section converts understanding into action.
What does the visitor need to understand first?
What changes their interpretation?
What should they do once convinced?
A strong scrollytelling page should feel complete before the call to action appears.
Sticky narrative scenes and paced content for reports, launches, case studies and mission-driven products.
A depth-led portfolio where panels, shadows and spatial transitions create a tactile sense of place.
Foreground panels, midground content and a slow environmental layer create architectural depth.
Warm stone and shadow.
A sequence of framed views.
Light as the final material.
One dominant content plane.
Secondary cards step in physical-feeling layers.
A distant field supports rather than competes.
z-levels
shadow language
parallax response
Use for architecture, interiors, luxury and portfolio work where composition carries value.
A depth-led portfolio where panels, shadows and spatial transitions create a tactile sense of place.
Translucent layers, luminous borders and calm data surfaces for software and AI products.
Layer live status without turning the screen into a dashboard wall.
Keep primary operations clearly above translucent context.
Use depth to show relationship between system layers.
system state
permissions
context
Primary action plane.
Supporting information layer.
Ambient system state.
Text and controls stay on opaque-enough surfaces.
Background movement remains slow and nonessential.
Blur and layer count reduce on smaller devices.
Use the glass system selectively around real product hierarchy.
Translucent layers, luminous borders and calm data surfaces for software and AI products.
Soft relief, material surfaces and physical affordances for craft, audio, lifestyle and boutique products.
Buttons have clear resting and active states.
Controls can imply dials, sliders and stepped values.
Panels feel embedded in a material surface.
A tactile audio control.
A soft-routed utility switch.
A recessed content drawer.
Soft shadows and pressed states create feedback without turning every interaction into motion.
State is never communicated by shadow alone.
Targets stay large and obvious.
Most effects are CSS rather than heavy media.
Strong for audio, craft, lifestyle tools and focused product experiences.
Soft relief, material surfaces and physical affordances for craft, audio, lifestyle and boutique products.
The platform routes each request through product truth, visual taste, interaction style, motion, accessibility and engineering constraints before generating a strict site specification.
Primary generation uses GPT‑6 Astra with structured output.
Model availability failures can fall back to Sol and Terra.
3D, glass, depth, kinetic type and scroll behavior are capabilities — not locked themes.
AI produces a validated site spec rather than arbitrary code executed inside the multi-tenant app.
Plans control site count, monthly AI credits, custom domains and export. SiteForge administrators can also approve or adjust plans manually from the Control Center.
1 site, 80 AI credits and 1 custom domain.
5 sites, 350 AI credits and 5 custom domains.
30 sites, 1200 AI credits and 30 custom domains.
Yes. The v2 library includes live full-screen previews with desktop, tablet and mobile modes.
Yes. A starting template is a direction, not a prison. The generation system can compose interaction capabilities as the site evolves.
Yes. SiteForge supports managed subdomain publishing and custom-domain workflows, with Cloudflare for SaaS integration planned for full production rollout.
SiteForge is a Trexiva product.