space cat
space cat
home work about say hello →
Web3 Decentralized Social 8 Apps Design System

AKASHA World

AKASHA Foundation · Lead Product Designer
Company
AKASHA Foundation
My Role
Lead Product Designer
Scope
8 apps · Design system · 2021–2026
what is it

AKASHA World is an open-source decentralized social platform where users fully own and control their content. The platform is built around a composable architecture: each feature is a standalone app (a micro-frontend) that users can install, remove, or rearrange. These apps are independent but designed to work together. Any combination of them can form a "World," a fully customized social environment that a community or individual assembles to fit their needs. I was Lead Product Designer across all of them, from day-to-day interaction design to the shared design system that held everything together.

ANTENNA APP - BEAM EDITOR
the 8 apps I designed

Every app in AKASHA World is a self-contained product that can be installed independently. A community might use just Antenna and Profile for a simple social feed, or combine all eight into a full-featured platform. Each app was designed by me: the flows, the information architecture, the interaction patterns, and the edge cases. Because they are composable, any app can become part of any World a user creates.

📡 Antenna

The home feed. Displays a chronological stream of Beams and Reflections from across a World. I designed the feed layout, beam composer, image/text block system, topic-based filtering, and the NSFW content toggle - balancing discoverability with user-controlled safety.

✍️ Beam Editor

The publishing interface. Users create Beams (posts) using a block-based editor (text via Slate, images, DApps). I designed the block creation flow, the publishing process, and the content block extension API that allows third-party blocks to be added.

💬 Reflections

The response layer. Reflections are threaded replies to Beams; Reflects are replies to Reflections. I designed the threading model, the nested view, and the interaction patterns that distinguish Reflecting (considered response) from reacting.

👤 Profile

Identity and presence. User profiles with their published Beams, following/followers, and decentralised identity indicators. I designed the profile pages, the follow system, and the Mini Profile widget that surfaces contextually throughout the platform.

🧩 Extensions

The app marketplace. Users browse, install, activate, and deactivate apps and widgets - built by AKASHA or by the community. I designed the discovery experience, the extension card system, and the install/manage flows.

🛡️ Vibes

Community moderation. Users can flag content; moderators review flagged items and maintain a public Transparency Log. I designed the reporting flow, the moderator review interface, and the full Vibes Console - where users apply to become moderators and admins manage applications.

🔍 Search

Cross-app search. I designed the search experience across Beams, Profiles, and Tags - with results that respect the decentralised data model and surface content from across a user's installed World.

⚙️ Settings

User control centre. Theme (light/dark), NSFW preferences, connected accounts, and notification controls. I designed Settings as a low-friction, predictable space - the place where power users feel in control without overwhelming casual ones.

EXTENSIONS APP - DISCOVERY
the hard design problems
Consistency without a central dictator
8 composable apps needed to feel like one product, even when assembled in different combinations across different Worlds. But each app team had autonomy. The design system was the solution: shared tokens and patterns that enforced coherence without requiring every decision to be centralized.
Making decentralisation legible
Content ownership in Web3 is a backend concept. Users needed to understand where their data lives and what "you own this" actually means in practice - without a lecture. Every trust signal was a design decision.
Cross-app flows that feel seamless
A user might click a profile in Antenna, install an extension from Extensions, then report content via Vibes, without knowing they have changed "apps." Because each app is composable and can exist in any World configuration, interaction patterns had to be consistent enough that the seams were invisible regardless of which combination of apps a World included.
Moderation in a decentralised system
Vibes had to solve a genuinely novel problem: how do you moderate a platform that can't remove content at the infrastructure level? The answer was community-driven moderation with a fully public Transparency Log - accountability by design.
VIBES - MODERATION INTERFACE
design system: built on Shadcn

To prevent the ecosystem from fragmenting as apps evolved independently, I built the AKASHA World Design System on top of Shadcn UI: composable, unopinionated components that developers already trusted. Because the entire project is open source and apps can be assembled into any World configuration, the system had to work across unpredictable combinations. It covered tokens (color, spacing, typography, motion), shared component patterns, and interaction specs. It is what allowed 8 different composable apps to look and feel like one product, no matter how a community chose to assemble them. More detail on the system itself is in the AKASHA UI case study →

process: embedded in engineering
01
Ecosystem-level UX mapping
Mapped every cross-app user journey to identify where patterns needed to align and where apps could legitimately diverge. This was the foundation for the design system's scope.
02
Design alongside implementation
No big-bang handoffs. Designs were iterated alongside engineering sprints - UX decisions validated against decentralised data model constraints in real time.
03
Weekly design reviews
Ran cross-team design reviews to catch inconsistencies early and maintain shared understanding of the UX principles across app teams.
04
Live Figma component library
Maintained a shared Figma workspace used by all teams - kept in sync with the code implementation so design and engineering stayed aligned.
outcomes
8 apps shipped end-to-end
Antenna, Beam Composer, Reflections, Profile, Extensions, Vibes, Vibes Console, Search, Settings, and Auth - all designed by me from first sketch to production.
Coherent composable ecosystem
8 independent, composable apps that feel like one product. Users move between them without noticing the architectural seams, regardless of which apps their World includes.
Novel moderation model
Vibes introduced community-driven moderation with a public Transparency Log - a new approach to content governance that doesn't require centralised infrastructure control.
Open-source design foundation
The entire platform and design system are open source. The system enabled new apps to be added to any World without renegotiating base patterns: a foundation built to outlast any single app.
↗ View staging environment (some features deprecated)
← back to work Strands Labs →