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
AI Color System Generator From Image → to Code.
I built an agentic workflow that analyzes any uploaded image, extracts key colors, and uses AI to mathematically generate a balanced 7-color design palette. It then automatically maps these colors to UI components (Backgrounds, Headers, Buttons) for both Light & Dark modes, delivering a ready-to-use JSON theme configuration.
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
I joined Contra just a week ago and have mostly shared the client branding work I do through Mariya Design.
But I haven't properly introduced the other branch of my practice yet:
Color Systems by Mariya.
It started from something I kept running into in brand and packaging work: a color palette can look beautiful and still be surprisingly difficult to use.
So I began building systems around color instead of collecting combinations.
Today that includes:
/49 Luxury Color Systems
Role-led color systems for branding and packaging.
/365 Cultural Color Palettes
A growing archive of color directions inspired by places, objects, materials and visual culture around the world.
/Color Systems Workbook
A free tool for turning color inspiration into a usable system.
/Color System Sales Kit
A practical tool for designers presenting and selling color direction to clients.
I'll share some of the systems, visual references and thinking behind them here over the next few weeks.
If you're a designer, brand strategist or just slightly obsessed with color, this side of my work is probably for you.
Color Systems by Mariya
mariya.design/color-systems
For Sienna Rhodes, I designed the homepage around one idea: the portfolio should come first.
Photography clients usually want to know one thing before they read about your process, your packages, or even who you are: Do I connect with your work?
So instead of opening with a traditional introduction, the homepage leads directly into the portfolio and lets the imagery make the first impression. The supporting copy and details come later, once the work has already created that initial connection.
I’m curious where other designers and photographers land on this. Do you prefer a portfolio-first homepage, or do you think the photographer’s story should come first?
Portfolio first, every time for photography. Nobody hires off a process paragraph, they hire because one image stopped them scrolling. The story matters, but it lands harder after the work has already made the case. That start here slider does the pitch by itself.
AI Assistant Using Your Business Knowledge Base — RAG on Your Documents
THE PROBLEM
Q&A bots break down when knowledge lives in documents: a 100-page manual has no "questions" to match, it can't fit into a prompt, and generic chatbots hallucinate instead of admitting what they don't know.
THE SOLUTION
A RAG (Retrieval-Augmented Generation) knowledge base: documents are split into meaningful chunks, embedded into a vector index, and the assistant answers from the right sections — by meaning, not keywords.
Any format as-is: PDF, DOCX, TXT, Markdown — 100+ pages is fine
Answers grounded in YOUR documents — it says "I don't have that information" rather than inventing
Source references — every answer shows which document and section it came from
Runs on your infrastructure — documents never leave your control
One command to re-index after updating documents — documented, no programmer needed
LIVE DEMO
Ask it about my products, pricing, deployment and support — it answers from 6 real documents with sources:
https://kb-assistant-demo.dvc-ai.workers.dev
The 'I don't have that information' line is the part most RAG builds skip, and it's the one that matters. How do you set the cutoff? On mine, a fixed similarity threshold broke once I filtered results by user role. Scores shifted and it refused questions it could answer.