Digilini - Web App (Design System)
Zain Khan
Like this project
Posted Jul 15, 2025
Crafted a scalable design system for Digilini’s web app, enabling seamless memory sharing, interactive feeds, and future-ready family tree features.
Likes
0
Views
15
To support Digilini’s mission of preserving family memories, I designed a scalable design system from the ground up. Focused on emotional storytelling, accessibility, and clarity, the system brings consistency across the web app experience — from the interactive Activity Center to upcoming features like the Family Tree.
The system includes a flexible component library, responsive UI patterns, and clear design tokens to scale across devices and future product updates. It’s built to grow with Digilini as it evolves from an MVP to a full-fledged family network platform.
🔴 Atoms 👇
Colors
Colors / Design System
Typography
Typography / Design System
Icons
Icons / Design System
Spacing & Radius
Spacing & Radius / Design System
⚛️ Molecules 👇
Top Nav Bar
Top Nav Bar / Design System
Buttons
Buttons / Design System
Input field
Input field / Design System
Date picker dropdown
Date picker dropdown / Design System
Cards & Tags
Cards and Tags / Design System
Post types
