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
Dynasty Texture - A Living Cultural Design Engine
What I built:
Dynasty Texture is an interactive pattern engine that puts 3,000 years of Chinese visual culture directly into a designer's hands. It spans 8 dynasties, from Shang-Zhou (c.1600 BC) through to Qing (1912 AD), each carrying its own texture library, color system, and cultural context.
How Figma Make made it possible
With just prompts and source images, Figma Make guided me through the setup of Supabase to store all 2000 texture patterns, and build all interactions, visual stylings, sticker generations, and more.
Live project: https://poem-spin-00643066.figma.site
Social post: https://x.com/hexie_design/status/2028623440077520998
#FigmaMakeathon
Why this shapes culture
Most Chinese-inspired design borrows surface aesthetics without historical grounding. Dynasty Texture gives designers access to the exact visual grammar of each era, so the motif that once lived on a 3,000-year-old ritual vessel can now live on something being designed today, for cultural continuity.
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
Challenges
View all
Related posts
Sometimes it’s hard to visualise data clearly without overwhelming users, but that’s what we aim for.
A snippet from daily design explorations using Magicpath and Figma.
The chart keeps the progress story legible without turning the dashboard into a wall of metrics. The bright gradient is a bold backdrop, while the centered white card gives the key numbers a clear focal point.
A pricing section shouldn’t overwhelm the landing page.
For this landing page, I designed the pricing section to guide visitors toward the plans that are most relevant to them.
Instead of showing every package at once, users can first choose:
Brand or Creator → One-Time Setup or Monthly Retainer
The pricing cards then adapt to that selection, keeping the section focused while still supporting multiple packages and pricing models.
The goal was simple: reduce the noise, make the options easier to scan, and help visitors understand the value without overloading the page.
Good landing page design isn’t just about making sections look polished.
It’s about making important decisions feel simple and natural.
#ProductDesign #UIDesign #UXDesign #LandingPageDesign #WebDesign #PricingUX #Figma
Letting people pick Brand vs Creator before the cards render is the smart move here. Progressive disclosure on pricing almost always beats a wall of tiers. Did you test the segmented toggle against a standard three-column layout?
Who said you need AI to create stunning visuals? I am opening my archive to share my City built from "H" letters. 13-years-ago.
Where have you been in 2013?
Do you want to know how I made it?
Building a whole city from one repeated letterform is the kind of self-imposed constraint that forces real craft, and it holds up 13 years later because a human made every placement call. Yes, I would genuinely love to hear how you handled the depth and lighting back then.