Mantra Yoga Tomsk are bringing DHIRA to Tomsk — a vocalist and mantra singer who runs his own mantra school, Mantra Wave, in Moscow. The concert takes place on October 23 at the Fakel entertainment center, in the Etude hall. The organizers needed a single page: open the link and instantly see what the evening is, when and where it happens, how much a ticket costs, and how to buy one.
The main reader of a page like this has never been to a mantra concert. So right after the first screen comes a “What happens in the hall” block with three answers for a newcomer: the music is live, the mantras are simple and singing along is optional, and you don't have to be a yogi or a singer. Next comes the performer: a deck of photos and four facts from his bio, from “has sung mantras since age 10” to six months at the kirtan academy in Mayapur. Then two clips from past concerts on Rutube and photos from the hall.
There is no online payment on the site: the organizers sell tickets themselves, over chat and by phone. So the whole page leads to one action — write or call. The Tickets block is laid out as a real admission ticket with a perforation and a stub; the stub holds the prices and four buttons: MAX, Telegram, WhatsApp, and phone. On a smartphone the contacts are always at hand: after the first screen a round button appears in the corner and fans out, and a bar with the date, price, and a “Buy a ticket” button rides along at the bottom. The bar hides when the visitor is already looking at the ticket. At the end there is a map with the hall on the second floor and a route button for Yandex Maps.
Visually the page is built like a stage poster. Dark screens alternate with paper ones, film grain lies on top, and sections are tagged with numbered monospace labels. On the first screen DHIRA's portrait is cut out and placed over a huge wordmark, so some of the letters disappear behind him. The palette is ink black, paper, orange, and magenta. Headings are set in Unbounded, body text in Onest, labels in JetBrains Mono. The tilted “Sing”, “Breathe”, “Listen” plaques carry Sanskrit captions in Devanagari and Latin transliteration. Every font is subset to the characters actually used on the page and self-hosted.
Under the hood it is plain HTML, CSS, and JavaScript with no build step; the libraries live in the repository, not on a CDN. Motion comes from GSAP with ScrollTrigger: headings reveal line by line, the first screen has three parallax layers, and on desktop the ticket straightens out as you scroll toward it. Lenis handles smooth scrolling, Embla runs the photo strip, and the performer's deck can be swiped. If the system asks for reduced motion, parallax and auto-scroll switch off. Rutube videos load only after you press play. The early-bird ticket costs 1,000 ₽ until October 10, and on the 11th every price on the page switches to 1,500 ₽ on its own, on Tomsk time, so nobody has to edit the site by hand. Search engines get MusicEvent markup with the venue, the performer, and both prices. Playwright tests check the layout and the page's behavior.
Technologies: HTML5, CSS, Vanilla JS, GSAP + ScrollTrigger, Lenis, Embla Carousel, JSON-LD, Playwright, GitHub Pages