Crystal Prism · Medeata · Product & Brand Designer · 2024

Medeata —
AI Social Platform

Brand and mobile product for an AI-powered social platform — where an AI concierge drafts, finds and summarises, and one live design system drives every screen.

30–40%
faster design iteration
3
platforms — web · iOS · Android
2-person
team · founder-level ownership
AI Concierge
among first social AI tools

Medeata launched into a social landscape that had gone passive — a place you scroll, not a place you make. The dominant platforms reward consumption; their creation tools put too many obstacles between an idea and publishing it, and none had brought AI meaningfully into the act of creating.

Shift people from passive consumers to active creators — with AI as the co-pilot.

That reframed everything. The north star became a product that feels like a creative studio, not a feed — and so the design system came first.

Aa
Inter · interface
Buttons
PrimaryGhostPill
Medeata
Mea Culpa · brand script
Cyan brand & actions
Blue links & concierge
Navy logo & depth
Tint surfaces
✦ AI
Tokens
Radius 20 · 999 · 32
Spacing 4 · 8 · 12 · 18
Grid 8-pt · 300×640

The system above is the foundation: tokens for avatars, stories and chips, a type pairing of Inter for the interface and Mea Culpa for personality, and radii and spacing fixed early so four screens could move as one.

Three design intents
Frictionless
an interface so light nothing stands between the user and their idea
AI amplifies
post editing, image generation and illustration baked native into creation
Open by design
every screen signals openness — reinforcing free expression

Play with the real thing below — four connected screens, one live design system.

Make the AI feel like a co-pilot, not a gimmick.

The Concierge is the heart of it — tap the AI bubble and it offers to turn today's highlights into a post, draft copy, or summarise the feed. The interaction stays conversational, but every suggestion is a real, editable draft, never a black box.

Live prototype — tap the bottom nav (Home · Concierge · + · Explore · Profile) to move between screens.

Built as four connected, tappable screens over a live token library, the prototype let stakeholders feel the product before a line of production code — and gave engineering a system, not just mockups.

One design system, four screens, a brand with a pulse.