Studio Field ManualVersion 2.4

Architectural Studio Guide & Integration Manual

The definitive reference for high-fidelity 360° architectural capture standards, fluid portal embedding, real-time query parameter customization, CRM webhook automation, and spatial WebXR immersion.

Chapter 01

Architectural Capture & 360 Standards

Precision virtual walkthroughs begin with calibrated optical capture. Adhering to these camera elevations, aspect ratios, and exposure brackets ensures seamless spatial continuity across your property.

Turnkey Standalone

Ricoh Theta Z1

Dual 1.0-inch back-illuminated CMOS sensors. Essential for low-light interior penthouses. Capture in RAW DNG 9-bracket HDR mode for optimal dynamic range.

High Resolution

Insta360 X3 / X4

72MP native panoramic stills with 8K texture resolution. Excellent automated bracketed exposure with Active HDR. Fast room-to-room throughput.

Studio Master Class

DSLR Nodal Brackets

Full-frame mirrorless (Sony α7R V, Canon R5) paired with an 8mm circular fisheye on a Nodal Ninja bracket. Yields 16K gigapixel architectural archival clarity.

Studio Capture Benchmarks

Elevation Standard1.50m (5ft 0in) from finished floor level to camera optical centerline. Maintains authentic natural eye-level perception when transitioning between rooms.
Aspect RatioStrict 2:1 Equirectangular spherical projection (e.g. 4096×2048, 6144×3072, or 8192×4096 pixels).
Exposure & HDRCapture multi-bracketed exposures (-2 EV, 0 EV, +2 EV) to preserve both sun-drenched window glazing and shadowed joinery without clipping or blowout.
Nadir Tripod FootprintEnsure the tripod legs occupy less than 12% of the nadir (bottom pole). PenTwin automatically blends floor plan radar navigation over the downward nadir.
Lighting & StagingOpen all architectural interior doors along the walkpath to guarantee direct line-of-sight teleportation. Turn on accent architectural lighting and keep blinds consistently raised.
Chapter 02

Responsive Website & Portal Embedding

PenTwin 360° spatial walkthroughs are engineered for fluid zero-friction embedding across luxury architectural agency websites, high-conversion developer portals, and MLS registries.

Universal Responsive iFrame Snippet
<div style="position: relative; width: 100%; aspect-ratio: 16/9; overflow: hidden; border-radius: 12px; background: #2C332E;">
  <iframe
    src="https://twin.pen.homes/tours/demo/embed?autorotate=true&speed=0.3"
    title="PenTwin Architectural Virtual Walkthrough"
    allow="fullscreen; accelerometer; gyroscope; xr-spatial-tracking"
    loading="lazy"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
  ></iframe>
</div>

Critical Feature Policy Permissions

To ensure gyroscope motion steering, fullscreen expansiveness, and WebXR VR headset immersion operate across cross-origin iframes, the following permissions must be included in your allow attribute:

fullscreen

Enables edge-to-edge distraction-free immersion when clicking the expand HUD button.

accelerometer & gyroscope

Allows mobile visitors to physically look around rooms by rotating their phone in physical space.

xr-spatial-tracking

Essential for Apple Vision Pro, Meta Quest 3, and WebXR 6DoF stereo headset sessions.

loading="lazy"

Prevents initial homepage blocking until the client scrolls to the observatory container.

CMS & Real Estate Integration Recipes

Webflow

Add a Custom Code element to your section. Paste the snippet above and assign your container a relative wrapper with w-full and h-[80vh].

WordPress / Elementor

Use the Custom HTML Block in Gutenberg or the HTML Widget in Elementor. Paste the snippet directly.

Squarespace

Insert a Code Block (set Display to HTML). Disable the "Preview in Safe Mode" warning to view the interactive canvas.

MLS & Listing Portals

Paste the direct embed URL with ?brand=false into your MLS "Unbranded Virtual Tour URL" field to ensure strict MLS compliance.

Chapter 03

Embed URL Query Parameters Reference

Tailor every embedded tour experience in real time using URL search parameters. Instantly configure camera rotation velocity, gallery kiosk timeouts, atmospheric sunlight studies, and field of view.

Interactive Embed URL & Snippet Generator

Configure parameters to generate production-ready iFrames and customized embed URLs.

Test Live Embed
75°
Disabled
Live Embed URL
https://twin.pen.homes/tours/demo/embed
Responsive HTML iFrame Snippet
<div style="position: relative; width: 100%; aspect-ratio: 16/9; overflow: hidden; border-radius: 12px; background: #2C332E;">
  <iframe
    src="https://twin.pen.homes/tours/demo/embed"
    title="PenTwin Architectural Virtual Tour"
    allow="fullscreen; accelerometer; gyroscope; xr-spatial-tracking"
    loading="lazy"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
  ></iframe>
</div>

Query Parameters Reference Table

GET query string
ParameterTypeDefaultPermitted ValuesDescription
?scenestringscene-1scene UUIDDirectly initializes the tour inside a specific room or terrace.
?autorotatebooleanfalsetrue, falseActivates gentle 360° continuous camera yaw rotation on load.
?speednumber0.30.05 – 2.0Camera auto-rotation angular speed multiplier.
?kioskbooleanfalse1, truePhysical gallery display mode with idle timeout resets and secured HUD.
?solarstringmiddaydawn, midday, golden-hour, twilight, nightApplies real-time celestial sun angle, shadow casting, and sky tone.
?weatherstringclearclear, rain, coastal_fog, snow, stormSimulates atmospheric precipitation, mist, and matching acoustic audio.
?fovnumber7520 – 95Sets initial perspective camera field of view in degrees.
?hudboolean10, falseClean cinema mode: hides room selectors and badges for minimalist hero displays.
?minimapbooleantruefalseSuppresses the architectural floor plan radar widget.
?brandbooleantruefalseSuppresses bottom studio watermarks for MLS compliance.
?tonemappingstringacesaces, agx, neutral, reinhardSets WebGL filmic color tone curve and HDR compression profile.
Chapter 04

VIP Client Gate & CRM Webhooks

Protect confidential trophy residences with mandatory NDA agreements, private viewing requests, and real-time webhook dispatch directly into your agency CRM or Slack channel.

HTTP POST Delivery Specifications

Method

POST

Content-Type

application/json

User-Agent

PenTwin-Spatial-Observatory/1.0

Standard CRM Webhook JSON Payload
{
  "event": "tour.lead.created",
  "timestamp": "2026-09-24T16:00:00.000Z",
  "lead": {
    "id": "c9a41f3e-821b-4f9a-9e12-32a104f7b2c9",
    "name": "Alexander Wright",
    "email": "alexander.wright@private-acquisitions.com",
    "phone": "+1 (555) 234-8901",
    "company": "Wright & Associates Family Office",
    "ndaAccepted": true,
    "ndaAcceptedAt": "2026-09-24T15:58:32.000Z",
    "inquiryMessage": "Inquiring on behalf of a private buyer interested in the primary penthouse and bespoke timber joinery.",
    "preferredDate": "Tuesday at 2:00 PM EST",
    "source": "gate",
    "sceneName": "Living Pavilion",
    "metadata": {
      "referrer": "https://architecturaldigest.com"
    }
  },
  "tour": {
    "id": "e289bf44-67a1-432d-8b0d-1c3905e3f112",
    "name": "Villa Solaris Penthouse",
    "slug": "villa-solaris",
    "url": "https://twin.pen.homes/tours/villa-solaris",
    "studioUrl": "https://twin.pen.homes/dashboard/tours/e289bf44-67a1-432d-8b0d-1c3905e3f112"
  }
}

Zapier & Make (Integromat)

Create a new Catch Webhook trigger in Zapier or a Custom Webhook in Make. Copy the endpoint URL into your Tour Settings > VIP Gate > Webhook URL field. Click Test Webhook to verify instantly.

HubSpot & Salesforce

Automatically create High-Net-Worth Lead records, map private acquisition notes, and trigger automated personal correspondence from the listing broker.

Slack Incoming Webhooks Support

PenTwin includes native Slack BlockKit detection. If your webhook URL contains hooks.slack.com, PenTwin automatically formats an executive card with client contact info, room location, and a 1-click link to the Studio Dashboard.

Chapter 05

Spatial Navigation, Hotkeys & WebXR VR

PenTwin delivers tactile spatial control across desktop keyboards, precision trackpads, interactive floor plans, and immersive WebXR spatial computing headsets.

Universal Studio Keyboard Hotkeys

Standardized Controls
Arrow KeysPan camera yaw left/right and tilt pitch up/down in smooth 5° increments.
+-Optical zoom in and out (smoothly adjusts field of view from 20° to 95°).
SpacebarPlay or pause automated Cinematic Autopilot walkthrough stories.
[]Step to previous or next room and keyframe in story sequence.
CToggle Staging Comparison overlay (before/after renovation split slider).
GLaunch multilingual Audio Guide & acoustic narration drawer.
DToggle 3D Dollhouse cutaway view & multi-story architectural levels.
WOpen Atmospheric Weather & Solar Light HUD controller.
LActivate 3D Laser Pointer for presentations and live guided tours.
PActivate Spatial Pencil / 3D Markups for architectural notes and sketches.
FFollow Re-sync: instantly snaps viewer camera back to the host in live sessions.
EscDismiss active modal, close measurement tool, or collapse drawer HUD.
3D Laser Tape Measure

PenTwin features spherical raycast triangulation to calculate real-world dimensions between any two points in the room (ceiling heights, window spans, wall clearances).

  • Click the Tape Measure icon in the toolbar.
  • Click once to lock the origin datum.
  • Move cursor to view real-time distance readouts in metric or imperial.
  • Click a second time to save the measured span.
WebXR Spatial Computing & VR

Immerse prospective buyers in true 6DoF stereoscopic depth with native hardware integration:

  • Apple Vision Pro: Direct Safari WebXR spatial portal with eye and pinch gaze navigation.
  • Meta Quest 2 / 3 / Pro: Native immersive-vr with motion controllers and laser teleportation.
  • Mobile Cardboard: Stereoscopic split view with gyroscope rotation and dwell-gaze teleportation.