Responsive Design Projects in PunjabResponsive Design Projects in PunjabThis project is a professional agency website designed and developed in Framer for Lamp Digital. The goal was to create a clean, modern, and responsive website that effectively showcases the agencyās identity, services, and expertise.
Using Framer, I crafted a visually balanced layout with strong section hierarchy, clear service descriptions, and engaging visual elements. The design emphasizes readability, brand presence, and smooth navigation to guide visitors toward key calls to action.
The site is fully responsive on desktop and mobile and includes clean typography, strategic spacing, and a modern aesthetic suitable for digital agencies and creative brands. I just shipped CourseOS, my entry for the Replit Ć Contra Buildathon.
CourseOS is a studioāgrade course dashboard template built on Replit. The goal was to create something that feels like a designerās learning space, not a generic LMS ā a place where one flagship course can really shine.
What it includes:
ā Premium, responsive course dashboard with a threeācolumn layout on desktop
ā Mobile navigation and a stacked lesson experience
ā Seeded āHow to design a websiteā course with six chapters and thoughtful microcopy
ā Clickable chapter navigation that updates the active lesson and lesson summary in real time
ā Course and lesson progress tracking with markāasācomplete controls + updated progress bars
ā Lessonāfocused routes: /dashboard and /learn/:courseId/:lessonId, with friendly slugs for course and lesson URLs
ā AI Mentor chat with delayed demo replies to simulate a helpful assistant without needing a full backend
ā Light/dark mode toggle, responsive hover states, transitions, and a clean TypeScript data model
Under the hood, everything is wired through a simple course.ts data file and a course-shell.tsx layout component, so anyone can:
ā Swap in their own course and lessons by editing a single config file.
ā Apply their brand system by tweaking theme tokens and studio copy.
ā Extend the AI Mentor with a real API or LLM integration.
I built this on the free Replit Starter plan using Replit Agent for scaffolding, then layered in my own design system, copy, and interactions.
If youāre a creator or educator who wants a course dashboard that looks and feels like a product studio, Iād love your feedback ā and feel free to remix it into your own CourseOS:
[visual-asset-manager--designzainab.replit.app (http://visual-asset-manager--designzainab.replit.app)]
Thanks to @Replit and @Contra for the Buildathon ā this was a great excuse to push a visually opinionated, AIāflavored course experience endātoāend. 
