Unified Social Interface for Velaflow by Mavi ✨Unified Social Interface for Velaflow by Mavi ✨

Unified Social Interface for Velaflow

Mavi ✨

Mavi ✨

The Design Challenge

How do you merge the rapid-fire feed of X with the profile-centric community feel of Facebook without cluttering the interface? The goal was to create a "Unified Hub" that feels fast but organised.

Visual Architecture

The Three-Column Layout:

Left: Fixed profile card for instant user context and navigation.
Centre: A high-velocity feed with a clear distinction between "For You" and "Following."
Right: Trending topics and "Who to follow" to drive engagement without distracting from the main conversation.

Key UI Elements

Micro-Interactions: Compact "Post" box with integrated media triggers (Image, Emoji, GIF) for "Rapid Conversational Agility."
Content Cards: Nested thread previews (as seen in your "Haley Will" quote-post) to show deep interaction while maintaining a clean vertical scroll.
Trending Pills: Using rounded "pills" for trends instead of just text lists, making them touch-friendly and visually distinct.

Typography & Color

Colour Palette: A professional Electric Blue (#2F56FB) for primary actions, paired with neutral greys for secondary information. This ensures the "New Post" and "Post" buttons are the clear focal points.
Type Hierarchy: Bold weights for usernames and section headers, with high-legibility sans-serif for the feed content to ensure speed-reading is effortless.

Design Solution

The result is a hybrid social interface that feels familiar yet modernised. By stripping away the "legacy clutter" of Facebook and the "text-heaviness" of X, Velaflow provides a streamlined environment for modern digital discourse.
Like this project

Posted Apr 28, 2026

Created a unified social interface combining features of Facebook and X for Velaflow.