# Component research for the editorial rebuild

Reviewed September 7, 2026. These sources inform custom implementations. Competitor
images and stock component styling are not included in the storefront.

## Requested reference sources

- Restoration Hardware: https://rh.com/us/en/ — architectural/sourcebook hierarchy.
  The automated homepage was restricted; its official Sourcebooks Library image
  was inspected. Folio retains photographic plates, gutters, and a physical cover.
- CB2: https://www.cb2.com/ — bold collector/designer framing and direct shopping.
  Volume uses a tall condensed masthead and offset printed panels.
- Rove Concepts: https://www.roveconcepts.com/ — sculptural product and material
  presentation. Sculpture uses pearl/petrol planes and a spatial editorial rail.
- Godly currently redirects to recent.design. Specific inspected reference:
  https://recent.design/i/5epnuhf-numerorum-monochromatic-booklet — uneven type
  alignment and layered printed composition.
- Pinterest: https://uk.pinterest.com/pin/bold-graphic-like-the-v-deviding-the-imagetext--539165386615518797/
  — the oversized letter organizes the image/text spread structurally.

Palettes are original art-direction choices, not claimed extracted brand tokens.

## 21st.dev / Magic

The 21st connector is callable. Search and metadata were verified; two actual code
bundles were retrieved within the account's two free daily retrievals. No paid
retrieval or generation was submitted. No separate Magic-named tool was exposed.

- Voice Powered Orb, Isaiah Bjork, demo7494:
  https://21st.dev/@isaiahbjork/components/voice-powered-orb
  Reviewed its noise/light shaders, voice-level mapping, and cleanup. Its React/OGL
  implementation requests a microphone from effects, uses continuous rendering and
  uncapped DPR. Those behaviors and its default purple palette are unsuitable here.
  The Snooty orb is separately implemented in Three.js with enamel, procedural
  studio light, capped resolution, visibility pause, and a designed CSS fallback.
- 3D Flip Card, Ayush, demo1436:
  https://21st.dev/@ayushmxxn/components/3d-flip-card
  Reviewed active-plane depth, transform origin, selection, and stack spacing.
  Reimplement the mechanics through native buttons/CSS transforms, with original
  magazine geometry. Do not carry over rounded cards, blur, nonsemantic clickable
  divs, React, Next/Image, or Framer Motion.
- 3D Cards Slider, metadata reference:
  https://21st.dev/@dhileepkumargm/components/3d-cards-slider
  Useful spatial desktop/mobile stacking comparison; source was not retrieved.
- ElevenLabs orb component:
  https://ui.elevenlabs.io/docs/components/orb
  Useful state/audio-reaction reference; its React Three Fiber implementation is
  not required for this lightweight static UI.

## Workspace mechanics

- `sites/tbt-letters/app/globals.css` and `app/components/Envelope.tsx`: hinged paper,
  backface handling, crease shading. Folio adapts this into a magazine gatefold.
- MacArthur Digital `sites/fable-25/adams-tires-wheels/index.html`: responsive camera
  framing, consistent light rig, reduced/offscreen rendering.
- MacArthur Digital `sites/fable-25/miami-luxe-auto-salon/index.html`: procedural
  studio environment and PMREM. The orb adapts this lighting approach.
- `sites/macarthur-casefiles/js/main.js` and `css/main.css`: measured plate travel,
  contents navigation, responsive fallback.
- `sites/lamborghini-scrollytelling/public/index.html`: normalized choreographic
  timeline. Long pinned scrolling, frame payloads, and Lenis are not carried over.

## Implementation tools

Compiled Tailwind4.3.3, CSS, semantic HTML and native JavaScript. Three.js0.169.0 is
loaded for the custom orb. No React runtime or stock component kit is installed.
Tailwind CLI: https://tailwindcss.com/docs/installation/tailwind-cli

Reuse the existing `snootyfox_qa.cjs`, `site_qa.py`, `autoresearch_design.py`, and
`snootyfox_package.py` for evidence and packaging. Rejected first-round results stay
in the record. A numerical score never substitutes for the user's visual verdict.