The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
š ššš¶š¹š š¦š¶š¹š²š»š ššæš¶š±š“š² š³š¼šæ ššµš² #šš¼š»š³š¶š“š š®šøš²š®ššµš¼š»
What started as a simple idea became an experiment in accessibility and human-centered design.
š§šµš² š£šæš¼šÆš¹š²šŗ:
Millions of people communicate through gestures every day, but most technology is built for voices, keyboards, and touchscreens.
I wanted to explore a different question:
"What if technology could learn how people already communicate?"
That's how Silent Bridge was born.
š šš¶šš² šš²šŗš¼:
https://brim-time-58435449.figma.site/
š š£šæš¼š·š²š°š šš¶š“šŗš®:
https://www.figma.com/make/iM1qFLT9aCnsIMZ1O3yGs2/Create-Prompt-Implementation?t=Z8cGLiYettIQWytm-1
š š šŖš¼šæšøš³š¹š¼š
1ļøā£ š¦šš®šæšš²š± š¶š» šš¶š“šŗš® š š®šøš²
I designed and generated the entire experience directly in Figma Make, focusing on accessibility, simplicity, and a premium user experience.
2ļøā£ ššš¶š¹š š® šš®šŗš²šæš®-šš®šš²š± šš
š½š²šæš¶š²š»š°š²
Instead of traditional inputs, I wanted users to communicate through gestures using real-time camera tracking.
3ļøā£ šš»šš²š“šæš®šš²š± š š²š±š¶š®š£š¶š½š² šš®š»š±š
MediaPipe tracks hand landmarks and understands gesture positions and movement patterns.
4ļøā£ ššššš¼šŗ š¦š¶š“š» š§š²š®š°šµš¶š»š“
Users can:
ā¢ Record a gesture
ā¢ Assign a meaning
ā¢ Save it
The system learns and recognizes custom gestures.
5ļøā£ šš»šš²š“šæš®šš²š± š¦šš½š®šÆš®šš²
Supabase stores:
ā¢ Gesture recordings
ā¢ Saved phrases
ā¢ Recognition history
6ļøā£ šš¼šŗšŗšš»š¶šš š¦š¶š“š» šš¶šÆšæš®šæš
Users can build and share their own visual language instead of relying only on predefined gestures.
ššŗš½š¼šæšš®š»š š§š²ššš¶š»š“ š”š¼šš²
Before testing, clear existing custom gestures from the Teach page.
For best results:
ā¢ Open Teach Sign
ā¢ Remove all test gestures
ā¢ Record gesture
ā¢ Assign phrase
ā¢ Test recognition
ššš¶š¹š šŖš¶ššµ
ā¢ Figma Make - [ ššš²š» š š²š±š¶š®š£š¶š½š² š®š»š± š¦šš½š®šÆš®šš² šµš®šš² šÆš²š²š» š°š¼š»š»š²š°šš²š± ššš¶š»š“ šš¶š“šŗš® š š®šøš² ]
ā¢ MediaPipe Hands
ā¢ Supabase
This project is not about AI.
It's about accessibility.
It's about allowing technology to adapt to people instead of forcing people to adapt to technology.
Because every gesture has meaning.
š¦š¶š¹š²š»š ššæš¶š±š“š² ā šš¼šŗšŗšš»š¶š°š®šš² šš²šš¼š»š± šŖš¼šæš±š.
#šš¼š»š³š¶š“š š®šøš²š®ššµš¼š» #šš¶š“šŗš®š š®šøš² #šš°š°š²ššš¶šÆš¶š¹š¶šš #š š²š±š¶š®š£š¶š½š² #š¦šš½š®šÆš®šš² #ššš¶š¹š±šš»š£ššÆš¹š¶š° #šš²šš¶š“š»šš¼šæšš¼š¼š± #šš»š»š¼šš®šš¶š¼š»
ā¢ 7h
This is cool
Thank you brother ā¤ļø
Thank you š
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
UFAB numericals + motion system for logo and numericals,
via Ebb Scandinavia.
The new logotype symbolized their mastery in CNC manufacturing.
Based on client feedback on early numeral explorations, I redesigned the set to feel coherent with the final logotype.
The numerals are now used on factory signage.
But the brand needed more ways to express smart connected manufacturing.
I built a motion system inspired by their CNCĀ &Ā measurement machines, where the same movement could carry across both letters and numbers.
This made the identity easier to extend without losing coherence.
Logotype:Ā Ebb Scandinavia
Numericals: 1Ā AD, 1 designer (me)
Motion:Ā me
Superb
Designed a complete company profile for VVIBE, focusing on a clean visual identity, brand storytelling, and a professional presentation that reflects the brand's modern and premium positioning.
Wow, i so much love this
Redesigned the website for Imagine Dragons' charitable foundation - restructuring the information architecture, crafting donation-focused CTAs, and weaving the band's visual identity throughout so visitors feel the mission.
Every page was built to guide visitors from awareness to action
ā¢ Jun 4
beautiful design
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid.Ā Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?
