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
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.
