echo·11

Decoding the Algorithm of Human Resilience

Bridging consumer psychology and generative AI to build future-proof brands.

---

About

echo·11 is a digital laboratory exploring the intersection of consumer psychology and generative AI — a curated space for "Quiet Branding" and strategic foresight, created by Shira Sarid.

"In an age of artificial intelligence, our most powerful tool remains the human mind."

What's on the Site

Page	Description
index.html	Homepage — vision, insights, and the core thesis
about.html	About echo·11 and Shira Sarid
book.html	Behind the Scenes — the digital book, available for purchase
book-thankyou.html	Post-purchase delivery page
frequency.html	Interactive 10Hz binaural-beat reset tool (Web Audio API)
privacy.html / accessibility.html	Policy pages

Project Structure

.
├── index.html, about.html, book.html, ...   # Pages (static HTML/CSS/JS)
├── assets/
│   ├── images/                               # Photos, illustrations (PNG + WebP)
│   ├── video/                                # Background/loop video
│   └── docs/                                 # Purchasable PDF
├── robots.txt, sitemap.xml, llms.txt         # Crawler & LLM discovery config
└── site-content.md                           # Plain-text content reference

Tech Stack

• Frontend — HTML5, CSS3, vanilla JavaScript (no build step, no framework)
• Audio — Web Audio API for the binaural-beat frequency tool
• Hosting — Vercel, auto-deployed from main
• Analytics — Google Analytics 4 (GA4) event tracking
• Typography — Outfit + IBM Plex Mono

Key Features

• 🎧 10Hz binaural-beat session tool with a live progress ring and headphone check
• 📖 End-to-end digital book purchase flow (PayPal / card → delivery page → PDF)
• ♿ Accessibility-first: skip links, aria-hidden/inert side menu, WCAG-conscious contrast
• 🤖 SEO + LLM-crawlability: structured data (JSON-LD), llms.txt, semantic markup
• 🖼️ WebP-first images with PNG fallback via <picture>
• 📱 Fully responsive, scroll-reveal animations

Local Development

This is a static site — no build step required.

git clone https://github.com/sarid-cell/ECHO.11-site.git
cd ECHO.11-site
python3 -m http.server 8000   # or any static file server

Then open http://localhost:8000.

Deployment

Pushes to main deploy automatically to production via Vercel. Feature work happens on branches and is merged into main once verified.

Connect

---

Psychology First, Pixels Second.