Conceptual Spatial Console showcase for the fictional HABITAT 9 adaptive building operator: a building operations console centered on a precise sectional model with live room states anchored to actual locations.
All styles

Design direction / restrained

Spatial Console

Organize complex objects and collaboration as a navigable space rather than a stack of windows.

Choose this style

01 / Overview

Feels technical, premium, immersive, with a deliberate rather than generic personality.

Signature move

A persistent object horizon shows what is near, active, related, and safely dismissible.

Intensity
restrained
Versatility
3 / 5
ID
spatial-console

02 / Example art

Spatial Console

Original artwork establishes the direction's visual language before it is translated into an interface.

Conceptual Spatial Console showcase for the fictional HABITAT 9 adaptive building operator: a building operations console centered on a precise sectional model with live room states anchored to actual locations.
Organize complex objects and collaboration as a navigable space rather than a stack of windows.

03 / Website example

Try the page as a working experience

Explore this responsive page directly inside the catalog. Its primary navigation, controls, and interactions are live; open it full screen to experience the original composition.

Examples are in production

The direction is available now. Its brand websites are being built as independent sites and will appear here during local production.

04 / Fit

Suitable for

Suitable for

design tools / collaboration / architecture / simulation / medical / education

Business goals

explore / manipulate / collaborate / understand

A strong choice when

Strong when design tools, collaboration, architecture, simulation need to explore, manipulate, collaborate through a memorable but repeatable visual system.

Avoid when

Avoid when the brief needs complete visual neutrality or when this direction would compete with essential information and actions.

05 / Design system

Design system

Rules that should remain coherent as content, devices, and business needs change.

01Composition
Depth bands, anchored tool zones, a stable horizon, and object-relative controls with clear occlusion rules.
02Hierarchy
Make the signature move the first organizing decision, then reveal supporting information through stable scale, alignment, and sequence.
03Typography
Compact neutral sans sized for distance and contrast, with labels attached to objects rather than floating freely.
04Color
Environment-aware neutrals, luminous focus accents, and depth conveyed redundantly beyond blur.
05Imagery
True object views, models, or spatial media presented at inspectable scale.
06Material
Light, depth, and translucency clarify layers; glass is structural, never wallpaper.
07Motion
Physics-consistent movement, stable anchors, and reduced-depth alternatives prevent disorientation.

Adaptation

Keep the signature move invariant. Adapt imagery, material, language, and interaction to the actual design tools, collaboration, architecture context rather than copying a finished reference.

Accessibility

Preserve a visible reading order and sufficient working space. Provide an equivalent reduced-motion state. Meet WCAG AA contrast, visible focus, 44px targets, and never encode meaning through color or style alone.

06 / Background

Background

These lineages are source-linked research doors, not permission to copy a particular work or brand.

  • 01visionos spatial
  • 02light and space
  • 03infinite canvas
  • 04exhibition modernism

Guardrail

Provide non-spatial and reduced-motion paths for essential tasks and content.

07 / Agent recipe

spatial-console

Use the stable ID and recipe to give design agents the same context. Always adapt the output to the real business.

Prompt recipe

Use case: stylized-concept
Asset type: Aesthetic Directions Encyclopedia showcase, 3:2 landscape master
Primary request: Create one polished freeform showcase for Spatial Console, applied to HABITAT 9, a clearly fictional adaptive building operator.
Scene/backdrop: a building operations console centered on a precise sectional model with live room states anchored to actual locations.
Style/medium: A coherent contemporary design world, not a collage of references. Organize complex objects and collaboration as a navigable space rather than a stack of windows.
Composition/framing: Depth bands, anchored tool zones, a stable horizon, and object-relative controls with clear occlusion rules. Keep all important content inside an 8 percent safe margin.
Typography: Compact neutral sans sized for distance and contrast, with labels attached to objects rather than floating freely.
Color palette: Environment-aware neutrals, luminous focus accents, and depth conveyed redundantly beyond blur.
Imagery: True object views, models, or spatial media presented at inspectable scale.
Materials/textures: Light, depth, and translucency clarify layers; glass is structural, never wallpaper.
Text (verbatim): "HABITAT 9". No other readable words.
Constraints: Original fictional concept; visibly applied to ui, environment, spatial; realistic production detail; no real company, client, result, claim, signature, or watermark; no imitation of a living artist or proprietary campaign.
Avoid: floating glass card collage, depth without hierarchy, motion that causes spatial uncertainty, real logos, watermarks, artist imitation, generic mood board, illegible filler text.
Pilot refinement: Make one dominant integrated real-world application readable at thumbnail scale. Secondary views may support it but must remain subordinate. Do not create an equal-weight tiled mood board or generic presentation collage unless sequencing is essential to the direction. Render the exact requested text correctly and do not invent other readable copy.

Working constraints

  • Use one coherent direction grammar, not a collage of style references.
  • Use only a fictional business and minimal exact text.
  • Do not imitate a living artist, real brand, client project, or proprietary campaign.
  • Preserve essential hierarchy, legibility, contrast, and reduced-motion equivalence.
  • Avoid: floating glass card collage.
  • Avoid: depth without hierarchy.
  • Avoid: motion that causes spatial uncertainty.

08 / Sources & rights

Sources & rights

Work ownerSol

Example licenseAll rights reserved

  1. 01

    Apple — Human Interface Guidelines: Designing for visionOS

    Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.

  2. 02

    The Art Story — Light and Space

    Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.

  3. 03

    Scott McCloud — The "Infinite Canvas" (一次資料・命名者本人のサイト)

    Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.

  4. 04

    Architectural Histories — Herbert Bayer's Section Allemande catalogue

    Role: lineage · Linked source retains its own rights; IndexStyle structured description is CC BY 4.0.

The choice will be carried into the Quick Brief and can still be removed before sending.

Choose this style