Bloom Brand Identity

A complete profile of Bloom's visual system — colors, typography, components, and personality — extracted from https://bloom.diy/. Built for designers, agents, and AI tools.

Quick Facts

Color Palette

• primary: #000000
• accent: #E0E1E4
• background: #ECEDEF
• textPrimary: #171717
• link: #000000

Typography

• primary: Inter — https://fonts.google.com/specimen/Inter
• heading: Inter — https://fonts.google.com/specimen/Inter

Visual Assets

• Logo:
• Favicon:

UI Components

• input: background=transparent, textColor=#171717, borderColor=null, borderRadius=0px, shadow=none
• buttonPrimary: background=#E0E1E4, textColor=#171717, borderRadius=999px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 12px 0px, rgba(0, 0, 0, 0.33) 0px 2px 6px -2px
• buttonSecondary: background=#171717, textColor=#FFFFFF, borderRadius=999px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.06) 0px 4px 24px 0px, rgba(0, 0, 0, 0.04) 0px 2px 12px 0px

Brand Personality

Tone: modern · Energy: medium · Audience: developers and tech-savvy individuals

Bloom Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• Bloom on Android — Early Access | Bloom
  • Image:
  • Source: https://bloom.diy/android
• Bloom - Create Mobile Apps in Seconds
  • Image:
  • Source: https://bloom.diy/
• Careers | Bloom | Bloom
  • Image:
  • Source: https://bloom.diy/careers
• Changelog - Bloom | Bloom
  • Image:
  • Source: https://bloom.diy/changelog
• Bloom on Android — Early Access | Bloom
  • Image:
  • Source: https://bloom.diy/android
• Pricing - Bloom | Bloom
  • Image:
  • Source: https://bloom.diy/pricing

Note on Working with Fonts

Not found on Google Fonts? You may need to follow specific instructions regarding font access and usage.