Web & SaaSaurelith-omega.vercel.app · Live Platform100% Complete

Lyswan

A quiet home for carefully written fiction.

BUILT WITHReactFictionMinimalist UITypographyEditorial
EDITORIAL & PRODUCT
Lyswan
THE ARCHITECTURE

Lyswan is a fiction-focused web experience built around calm typography and a minimal interface that keeps attention on the writing.

A minimal reading experience for stories, intimate voices, and timeless moments designed to be read without distraction.

Key Engineering Highlights

01

Distraction-free reading experience crafted with elegant typography.

02

Minimalist editorial layout emphasizing intimate prose and story rhythm.

03

Optimized contrast, comfortable line heights, and refined reading themes.

PRODUCTION IMPLEMENTATION

Under the hood.

An illustrative snippet demonstrating the core architecture, data pipelines, and engine logic.

typescript
// Lyswan Reader Layout Component
export const StoryReader = ({ title, prose }) => (
  <article className="max-w-2xl mx-auto px-6 py-20 font-serif leading-relaxed text-lg">
    <h1 className="text-4xl font-normal mb-8 tracking-tight">{title}</h1>
    <div className="space-y-6 text-[#222222] selection:bg-[#F36A21]/20">{prose}</div>
  </article>
);
LEAD ARCHITECT & DESIGNERShivam Kumar (@shivvx)

Designed and built with sub-second execution speeds, WCAG AA standards, and responsive layout scaling.

COMPLETION STATUS100% Complete

Available for live exploration, repository review, or client deployment.

PRIMARY TECH STACKReact, Fiction, Minimalist UI

EDITORIAL & PRODUCT engineering pipeline.

NEXT PROJECT

Modern CV / Resume