PHOS — φῶς

Public website for PHOS, a regenerative wellness sanctuary and intentional community rooted in Greece.

Pure static site — no build step, no dependencies. Live at https://loukas-oik.github.io/phos-website/ (GitHub Pages, deploys on push to main).

• index.html — single-page site (hero, manifesto, vision, sanctuary, values, place, impact, path, circle, people, invitation)
• styles.css — all styling; design tokens at the top of the file
• main.js — scroll reveals, nav state, sun scroll-progress dot

Run locally

python -m http.server 4173

then open http://localhost:4173.

Design notes

Brand system taken from the PHOS investor deck (2026 edition):

• Colors — cream #f2efe8, ink-umber #2a2419, umber #4a4133 (hero wordmark + dark Place section), olive-sage #999770 (values section, matching the deck's values slide), rust-terracotta #b85d4a as the single accent.
• Type — Caudex (Greek-heritage serif, on Google Fonts) for display, matching the deck. The deck's sans is MADE Evolve Sans (commercial, not freely hostable); Jost is used as the closest free geometric stand-in — if the MADE Evolve Sans license is obtained, self-host it and swap --sans in styles.css.
• The light motif remains: φῶς means light — dawn gradients, the wireframe sun, the scroll sun-dot. Section markers use Greek numerals (Ι, ΙΙ, ΙΙΙ…).

Content mirrors the 2026 deck: six elements (Retreat Campus, Aesthetic Cabins, Community Homes, Regenerative Farm, Urban Sanctuary Athens, Global Seeker Network / WeSeek), seven values, impact commitments (People / Planet / Place), the Explorers–Supporters–Stewards circle, and the closing poem.

Imagery & motion

• Photos are hotlinked from Unsplash's CDN (images.unsplash.com) as placeholders — swap in real PHOS photography before launch by replacing the src URLs in index.html.
• Motion layer: a rotating 3D wireframe "sun" and drifting light motes in the hero (canvas, paused when off-screen), scroll parallax on all large images, vision keywords that underline-and-glow when read, values that illuminate one by one past mid-viewport, faint sepia photos that surface behind sanctuary rows on hover, and a film-grain overlay. Everything respects prefers-reduced-motion.

The contact address hello@phos.earth is a placeholder — update it in index.html when the real one exists.