Homepage layouts and scenes

Choose how the homepage presents the same introduction, projects, client work, notes, photos and contact sections. Layout preferences stay in your browser.

Choose how the homepage presents the same introduction, projects, client work, notes, photos and contact sections. Layout preferences stay in your browser.

Choose a layout

Open Homepage layout from the centered bottom dock, use Cmd/Ctrl+Shift+L on desktop, or search for Homepage layout in Cmd/Ctrl+K.

  • Two columns is the default when no preference is saved. The introduction stays on the left, the remaining sections appear on the right, and the scene fills the background between them.
  • Hero puts the introduction inside a centered scene card and stacks the other sections below it.

Arrow keys move focus between choices. Press Enter to apply the focused layout, or click a choice to apply it immediately. Selecting either choice closes the panel, including the currently selected option. Escape closes the panel without changing your preference.

The command palette also offers Layout: Hero and Layout: Two columns. On smaller screens, both layouts use a stacked arrangement. The navigation pill and dock stay centered.

Adjust the scene

Open Scene settings in the dock or press Cmd/Ctrl+Shift+S on desktop. Choose a scene, shuffle it, pause it, or adjust its character and rendering settings. Light and dark themes use suitable artwork and background fades.

The desktop glyph trail follows pointer movement and takes its colors from the active scene. It is disabled on touch devices and when reduced motion is enabled. The scene settings let you turn the trail off separately.

Motion and accessibility

Columns fade and move into place together when changing layouts. The scene fades into the background without remounting its canvas. The navigation enters from above, the dock from below, and panels fade toward the dock when dismissed.

Reduced-motion preferences disable entrance movement and smooth scrolling. Keyboard focus returns to the layout button after selection or Escape, without leaving a tooltip over the content.