Heroki Design
Heroki Design provides atomic CSS libraries, icon systems, and brand guidelines for building and styling Heroku products and marketing properties.
Score
70
User Rating
3.0
Free/Trial Support
Not Supported
Starting Price
--
Last Updated
Apr 24, 2026
Overview
What is Heroki Design?
Heroki Design is a design system for Heroku, offering atomic CSS libraries (Purple3 for products, Shibori3 for marketing), the Malibu icon system, and brand/interface guidelines to ensure consistent design across customer experiences.
What is Heroki Design used for?
User Groups
Top Features
- Atomic CSS libraries (Purple3, Shibori3)
- Malibu icon system
- Brand and interface guidelines
- Private GitHub repositories for employees
How to use Heroki Design?
Use Purple3 CSS library for product interfaces, Shibori3 for marketing sites, and Malibu icons for both. Access brand guidelines for marketing resources and interface guidelines for front-end best practices, with GitHub repositories available to Heroku employees.
Alternative Tools
No alternative tools found
Pros & Cons
Pros
- Consistent design across products and marketing
- Tailored libraries for different use cases
- Comprehensive icon sets
Cons
- Limited access (private to Heroku employees)
- No public pricing or free tier
Use Cases
- Building Heroku product interfaces
- Designing Heroku marketing websites
- Maintaining brand consistency in customer experiences
User Reviews
3.0
out of 5
3.0
No reviews yet
Be the first to review this tool!