Hindustan Utsav
AI-powered Indian festival and cultural encyclopedia with a National Gazette aesthetic.
screenshot pending
Supply real screenshots before Phase 8
The Problem
Traditional digital archives of Indian culture are either dry, text-only academic pages or chaotic, ad-ridden tourist sites. There was a lack of a modern, clean, and culturally respectful search engine that matches the visual beauty of classic print encyclopedia designs with fast, responsive, and intelligent querying.
The Solution
Reimagined the encyclopedia as a responsive web app utilizing Next.js. Developed a custom typography system based on Fraunces variable type and warm dark sepia tones. Integrated semantic client-side search mapping to allow users to query cultural entries based on state, category, or seasonal month.
Key Features
- Gazette Design LanguageEditorial layout matching printed archives, utilizing customized variable typography and custom grid grids.
- Dynamic State TaggingIndex mapping that automatically groups and queries Indian festivals based on state origin or season.
- Offline CompatibilityPWA caching configurations enabling offline lookup of cached cultural entries.
Technical Architecture
- SSG Static RenderingNext.js static site generation to prerender all 95 entries into search-engine indexable, light HTML pages.
- Client-Side Embedding CachesLocal JSON cache indices allowing lightning-fast lookup and tag searches.
Key Engineering Challenges
The editorial design relies on custom variable Fraunces serifs. Slow connections led to font-loading swap flashes that caused structural layout shifts. Solved by aligning fallback font metrics using CSS descriptors and wrapping text in predefined height bounding-boxes.
Official historical references of local state celebrations are scattered in archaic PDFs. Solved by compiling and parsing the text into a single structured, validation-typed JSON schema database mapping regions, timelines, and origins.
Key Metrics
Lessons Learned
Variable type design requires strict loading optimization. Creating a print layout system taught us how negative space and precise font fallbacks carry visual presence far better than standard box cards.