Production Blueprint // Copy & Paste
Complete Multi-View index.space Studio Template
Copy this complete template into SpaceIDE or save as index.space to test 12-column grids, tab switching, lossless audio decks, split-compare restoration galleries, reactive forms, webring portals, and modal dialogs:
space "Space-SML Official Showcase" (version: "0.9.0", author: "Michael Saxon") {
@theme {
mode: dark
background: #090b10
surface: rgba(18, 22, 32, 0.88)
accent: #d4af37
border: rgba(212, 175, 55, 0.28)
font_heading: "helvetica"
font_body: "system-ui"
font_mono: "consolas / menlo"
font_display: "impact"
}
@state {
tab: "home"
listener_name: "Studio Visitor"
favorite_mix: "studio"
credits_open: "false"
}
@ambient {
src: "audio/room_tone_110hz.flac"
volume: 0.12
}
grid (columns: 12, gap: 16px) {
panel "Space-SML.com Ecosystem Hub" (span: 12, align: center) {
headline: "SpaceBrowser, SpaceIDE & Linux Space-Mint OS"
row (gap: 10px, align: center) {
button "Home Stage" (set: "tab=home")
button "Visual Gallery" (set: "tab=gallery")
button "Listener Register" (set: "tab=feedback")
button "System Credits" (set: "credits_open=true")
}
}
panel "The Architect's Desk" (span: 4, visible_if: tab == "home") {
avatar: "art/portrait.jpg"
headline: "Declarative Spatial Web"
status: "Engineered in Rust v0.9"
p (font: "georgia", size: 15px) {
"Crafted natively in Space Markup Language with lossless audio, fault-tolerant editing, and GPU-cached plates."
}
link "Download SML Coding Guide (.pdf)" (href: "files/Space_Coding_Guide.pdf", variant: "button")
}
deck "Featured Studio Selections" (span: 8, visible_if: tab == "home") {
visualizer: waveform_glow
track "01. Overture at Dawn" (duration: "03:48", bpm: 96) {
src: "audio/01_overture.flac"
notes: "12-string acoustic guitar, oboe & string quartet"
}
track "02. Lanterns on the Dee" (duration: "05:20", bpm: 112) {
src: "audio/02_lanterns.flac"
notes: "Fretless bass, woodwinds & 4-part vocal harmonies"
}
}
gallery "Studio Plates & Restorations" (span: 12, columns: 2, visible_if: tab == "gallery") {
item "SpaceIDE & Live Spatial Preview" {
src: "art/space_ide_screenshot.jpg"
caption: "Fault-tolerant SML & legacy web editor with sub-millisecond AST recovery."
}
item "Archival Plate Restoration" (mode: split_compare) {
before: "art/sleeve_original.jpg"
after: "art/sleeve_restored.jpg"
caption: "Drag horizontal split slider to compare original scan vs. restored plate."
}
}
portals "Connected Spaces & Webring" (span: 12, columns: 3) {
portal "Anne's Lyric Study" {
target: "space://anne.local/index.space"
badge: "Poet & Lyricist"
}
portal "SML v0.9 Specification" {
target: "space://sml.docs/reference.space"
badge: "Built-In Manual"
}
portal "Space-Mint Linux Project" {
target: "space://spacemint.org/distro.space"
badge: "OS & Studio Browser"
}
}
dialog "About The Space-SML Ecosystem" (open_if: "credits_open == true") {
p (font: "georgia") {
"Space Markup Language (SML), SpaceBrowser, SpaceIDE, and Linux Space-Mint are engineered for a cleaner, faster, artist-first web."
}
button "Close Window" (set: "credits_open=false")
}
}
}