Heroki Design
Heroki Design provides atomic CSS libraries, icon systems, and brand guidelines for building and styling Heroku products and marketing properties.
āĻ¸ā§āĻā§āĻ°
70
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§āĻ° āĻ°ā§āĻāĻŋāĻ
3.0
āĻŦāĻŋāĻ¨āĻžāĻŽā§āĻ˛ā§āĻ¯ā§/āĻā§āĻ°āĻžāĻ¯āĻŧāĻžāĻ˛ āĻ¸āĻšāĻžāĻ¯āĻŧāĻ¤āĻž
āĻ¸āĻŽāĻ°ā§āĻĨāĻŋāĻ¤ āĻ¨āĻ¯āĻŧ
āĻļā§āĻ°ā§āĻ° āĻŽā§āĻ˛ā§āĻ¯
--
āĻ¸āĻ°ā§āĻŦāĻļā§āĻˇ āĻāĻĒāĻĄā§āĻ
āĻā§āĻ¨ 10, 2026
āĻ¸āĻāĻā§āĻˇāĻŋāĻĒā§āĻ¤āĻ¸āĻžāĻ°
Heroki Design āĻā§?
Heroki Design āĻšāĻ˛ Heroku-āĻāĻ° āĻāĻ¨ā§āĻ¯ āĻāĻāĻāĻŋ āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻ¸āĻŋāĻ¸ā§āĻā§āĻŽ, āĻ¯āĻž āĻā§āĻ°āĻžāĻšāĻā§āĻ° āĻ āĻāĻŋāĻā§āĻāĻ¤āĻž āĻā§āĻĄāĻŧā§ āĻ¸āĻžāĻŽāĻā§āĻāĻ¸ā§āĻ¯āĻĒā§āĻ°ā§āĻŖ āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻ¨āĻŋāĻļā§āĻāĻŋāĻ¤ āĻāĻ°āĻ¤ā§ āĻĒāĻžāĻ°āĻŽāĻžāĻŖāĻŦāĻŋāĻ CSS āĻ˛āĻžāĻāĻŦā§āĻ°ā§āĻ°āĻŋ (āĻĒāĻŖā§āĻ¯ā§āĻ° āĻāĻ¨ā§āĻ¯ āĻŦā§āĻā§āĻ¨āĻŋ3, āĻŦāĻŋāĻĒāĻŖāĻ¨ā§āĻ° āĻāĻ¨ā§āĻ¯ Shibori3), āĻŽāĻžāĻ˛āĻŋāĻŦā§ āĻāĻāĻāĻ¨ āĻ¸āĻŋāĻ¸ā§āĻā§āĻŽ āĻāĻŦāĻ āĻŦā§āĻ°ā§āĻ¯āĻžāĻ¨ā§āĻĄ/āĻāĻ¨ā§āĻāĻžāĻ°āĻĢā§āĻ¸ āĻ¨āĻŋāĻ°ā§āĻĻā§āĻļāĻŋāĻāĻž āĻĒā§āĻ°āĻĻāĻžāĻ¨ āĻāĻ°ā§āĨ¤
Heroki Design āĻā§ āĻāĻžāĻā§ āĻŦā§āĻ¯āĻŦāĻšā§āĻ¤ āĻšāĻ¯āĻŧ?
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§ āĻā§āĻ°ā§āĻĒ
āĻļā§āĻ°ā§āĻˇ āĻŦā§āĻļāĻŋāĻˇā§āĻā§āĻ¯
- āĻĒāĻžāĻ°āĻŽāĻžāĻŖāĻŦāĻŋāĻ CSS āĻ˛āĻžāĻāĻŦā§āĻ°ā§āĻ°āĻŋ (Purple3, Shibori3)
- āĻŽāĻžāĻ˛āĻŋāĻŦā§ āĻāĻāĻāĻ¨ āĻ¸āĻŋāĻ¸ā§āĻā§āĻŽ
- āĻŦā§āĻ°ā§āĻ¯āĻžāĻ¨ā§āĻĄ āĻāĻŦāĻ āĻāĻ¨ā§āĻāĻžāĻ°āĻĢā§āĻ¸ āĻ¨āĻŋāĻ°ā§āĻĻā§āĻļāĻŋāĻāĻž
- āĻāĻ°ā§āĻŽā§āĻĻā§āĻ° āĻāĻ¨ā§āĻ¯ āĻŦā§āĻ¯āĻā§āĻ¤āĻŋāĻāĻ¤ GitHub āĻ¸āĻāĻā§āĻ°āĻšāĻ¸ā§āĻĨāĻ˛
Heroki Design āĻā§āĻāĻžāĻŦā§ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻŦā§āĻ¨?
āĻĒāĻŖā§āĻ¯ āĻāĻ¨ā§āĻāĻžāĻ°āĻĢā§āĻ¸ā§āĻ° āĻāĻ¨ā§āĻ¯ Purple3 CSS āĻ˛āĻžāĻāĻŦā§āĻ°ā§āĻ°āĻŋ, āĻŽāĻžāĻ°ā§āĻā§āĻāĻŋāĻ āĻ¸āĻžāĻāĻā§āĻ° āĻāĻ¨ā§āĻ¯ Shibori3 āĻāĻŦāĻ āĻāĻāĻ¯āĻŧā§āĻ° āĻāĻ¨ā§āĻ¯ Malibu āĻāĻāĻāĻ¨ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°ā§āĻ¨āĨ¤ Heroku āĻāĻ°ā§āĻŽā§āĻĻā§āĻ° āĻāĻ¨ā§āĻ¯ āĻāĻĒāĻ˛āĻŦā§āĻ§ GitHub āĻ¸āĻāĻā§āĻ°āĻšāĻ¸ā§āĻĨāĻ˛āĻā§āĻ˛āĻŋāĻ° āĻ¸āĻžāĻĨā§ āĻĢā§āĻ°āĻ¨ā§āĻ-āĻāĻ¨ā§āĻĄ āĻ¸ā§āĻ°āĻž āĻ āĻ¨ā§āĻļā§āĻ˛āĻ¨ā§āĻ° āĻāĻ¨ā§āĻ¯ āĻŦāĻŋāĻĒāĻŖāĻ¨ āĻ¸āĻāĻ¸ā§āĻĨāĻžāĻ¨āĻā§āĻ˛āĻŋāĻ° āĻāĻ¨ā§āĻ¯ āĻŦā§āĻ°ā§āĻ¯āĻžāĻ¨ā§āĻĄ āĻ¨āĻŋāĻ°ā§āĻĻā§āĻļāĻŋāĻāĻž āĻāĻŦāĻ āĻāĻ¨ā§āĻāĻžāĻ°āĻĢā§āĻ¸ āĻ¨āĻŋāĻ°ā§āĻĻā§āĻļāĻŋāĻāĻž āĻ ā§āĻ¯āĻžāĻā§āĻ¸ā§āĻ¸ āĻāĻ°ā§āĻ¨ā§ˇ
āĻŦāĻŋāĻāĻ˛ā§āĻĒ āĻā§āĻ˛
āĻā§āĻ¨ āĻŦāĻŋāĻāĻ˛ā§āĻĒ āĻā§āĻ˛ āĻĒāĻžāĻāĻ¯āĻŧāĻž āĻ¯āĻžāĻ¯āĻŧāĻ¨āĻŋ
āĻ¸ā§āĻŦāĻŋāĻ§āĻž & āĻ āĻ¸ā§āĻŦāĻŋāĻ§āĻž
āĻ¸ā§āĻŦāĻŋāĻ§āĻž
- āĻĒāĻŖā§āĻ¯ āĻāĻŦāĻ āĻŦāĻŋāĻĒāĻŖāĻ¨ āĻā§āĻĄāĻŧā§ āĻ¸āĻžāĻŽāĻā§āĻāĻ¸ā§āĻ¯āĻĒā§āĻ°ā§āĻŖ āĻ¨āĻāĻļāĻž
- āĻŦāĻŋāĻāĻŋāĻ¨ā§āĻ¨ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°ā§āĻ° āĻā§āĻˇā§āĻ¤ā§āĻ°ā§ āĻāĻĒāĻ¯ā§āĻā§ āĻ˛āĻžāĻāĻŦā§āĻ°ā§āĻ°āĻŋ
- āĻŦā§āĻ¯āĻžāĻĒāĻ āĻāĻāĻāĻ¨ āĻ¸ā§āĻ
āĻ āĻ¸ā§āĻŦāĻŋāĻ§āĻž
- āĻ¸ā§āĻŽāĻŋāĻ¤ āĻ ā§āĻ¯āĻžāĻā§āĻ¸ā§āĻ¸ (āĻšā§āĻ°ā§āĻā§ āĻāĻ°ā§āĻŽā§āĻĻā§āĻ° āĻāĻ¨ā§āĻ¯ āĻŦā§āĻ¯āĻā§āĻ¤āĻŋāĻāĻ¤)
- āĻā§āĻ¨ āĻĒāĻžāĻŦāĻ˛āĻŋāĻ āĻŽā§āĻ˛ā§āĻ¯ āĻŦāĻž āĻŦāĻŋāĻ¨āĻžāĻŽā§āĻ˛ā§āĻ¯ā§ āĻ¸ā§āĻ¤āĻ°
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°ā§āĻ° āĻā§āĻˇā§āĻ¤ā§āĻ°ā§
- Heroku āĻĒāĻŖā§āĻ¯ āĻāĻ¨ā§āĻāĻžāĻ°āĻĢā§āĻ¸ āĻ¨āĻŋāĻ°ā§āĻŽāĻžāĻŖ
- āĻšā§āĻ°ā§āĻā§ āĻŽāĻžāĻ°ā§āĻā§āĻāĻŋāĻ āĻāĻ¯āĻŧā§āĻŦāĻ¸āĻžāĻāĻ āĻĄāĻŋāĻāĻžāĻāĻ¨ āĻāĻ°āĻž
- āĻā§āĻ°āĻžāĻšāĻā§āĻ° āĻ āĻāĻŋāĻā§āĻāĻ¤āĻžāĻ¯āĻŧ āĻŦā§āĻ°ā§āĻ¯āĻžāĻ¨ā§āĻĄā§āĻ° āĻ§āĻžāĻ°āĻžāĻŦāĻžāĻšāĻŋāĻāĻ¤āĻž āĻŦāĻāĻžāĻ¯āĻŧ āĻ°āĻžāĻāĻž
āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ°āĻāĻžāĻ°ā§āĻ° āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻž
3.0
ā§Ģ āĻāĻ° āĻŽāĻ§ā§āĻ¯ā§
3.0
āĻāĻāĻ¨āĻ āĻā§āĻ¨ āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻž āĻ¨ā§āĻ
āĻāĻ āĻā§āĻ˛ā§āĻ° āĻĒā§āĻ°āĻĨāĻŽ āĻĒāĻ°ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻžāĻāĻžāĻ°ā§ āĻšāĻ¨!