Inspiration
Designers and teams lose hours recreating brand styles for every new project. We wanted a tool that instantly extracts brand DNA (colors, fonts, logo) from any file or URL and applies it directly in Adobe Express—making professional branding fast, effortless, and accessible to everyone.
What it does
BrandstyleAI extracts brand colors, fonts, and logo from any image or website. With one click, users can instantly “brandify” any Adobe Express document—applying their unique brand style across presentations, flyers, and more.
How we built it
- Frontend: React (drag-and-drop upload, URL import, instant preview)
- Adobe Add-on: JavaScript, Adobe Express Document API (Document Sandbox)
- Brand Extraction: AI and custom logic for colors, fonts, and logo
- Live Integration: Secure messaging between iframe and Document API to style the open document
Challenges we ran into
- Integrating real-time document editing inside the Adobe Express add-on sandbox
- Handling missing or incomplete brand assets (e.g., missing logo or unrecognized fonts)
- Ensuring robust, intuitive UX for both designers and non-designers
Accomplishments that we're proud of
- Instant, accurate extraction of brand DNA from almost any source
- Seamless application of styles to real Adobe Express docs
- Simple, beautiful UX that hides the complexity from the user
What we learned
- How to leverage the Adobe Express Document API for advanced document automation
- Modern techniques for programmatically extracting design assets
- The value of user-first design in making complex tech feel “invisible” and easy
What's next for BrandstyleAI
- Broader brand asset extraction (shapes, icons, taglines)
- More document types (Word, PowerPoint, web templates) and Even video intros / outros branded
- Team brand libraries and smart suggestions
- Public release and user feedback loop
Built With
- fastapi
- gemeni
- genai
- javascript
- machine-learning
- ml
- python
- react
- webscrapping
Log in or sign up for Devpost to join the conversation.