Brand kit
Everything you need to use Bumba Group and its four divisions correctly.
Bumba Group works with an endorsed brand model: products lead with their own names, and the Bumba Group signature sits below. The logos, colours and badges on this page can be copied freely.
Model
Three levels
- 1
Parent brand Bumba Group
This website, investor presentations, contracts, job postings and press releases.
- 2
Division Bumba Games · Suites · Life · Ventures
The layout of the portfolio, division pages, and the signature line on product websites.
- 3
Product Soylus, Airspace Control, Apex…
The product's own website, app store listing, ads and social media. The product name always comes first.
Logo
Wordmark and bumba
The logo is the name itself and its meaning: the word "bumba" set in lowercase, with bumba beneath it. The parent brand is entirely in ink colour; each division colours only its own name.
What is a bumba?
On a sailing boat, the horizontal spar that holds the foot of the mainsail. It is attached with a hinge called a gooseneck and turns through 180°; it tensions the foot of the sail to give it shape, and the sheet sets the sail's angle to the wind.
The logo
The word itself, in heavy, geometric lowercase. The line beneath it is the bumba; the circle at its left end is the gooseneck where the bumba attaches to the mast.
The letters
The u and the m join in a single stroke. The tops of the two b's are cut at an angle and mirror each other: two sail heads. The bowls are perfect circles, and the curves match the stems in weight.
What it means for the brand
Every product sails with its own sail, and the same bumba stands beneath all of them. That is why the wordmark and the line are always in ink; on division logos only the division name takes the division colour.
Stacked lockup — default
Horizontal lockup — for narrow headings
Mark and app icons
The mark is the first b of the logo and the short bumba beneath it: isaret.svg, isaret-beyaz.svg. Wordmark without division name: bumba.svg, bumba-beyaz.svg. Below 32 px the line of the mark drops away and only the b remains. Leave clear space around the logo equal to at least one x-height. Do not rotate, skew or add shadows to the logo; do not change the ratio of wordmark to line. A division colour is used only for the division name and the icon background; the wordmark and line always stay in ink.
Colours
One colour for each division
The fill colour is used on icon backgrounds, bands and large colour fields. For text and links we always use the text colour; both are at least 4.5:1 against their own background, and this ratio is held by a test. Ready-made CSS tokens: bumba-tokens.css.
- Bumba Games
- Fill
- #E4492B
- Text
- #B8321A
- On dark
- #FF8A6E
- Bumba Suites
- Fill
- #2B59D9
- Text
- #2448B8
- On dark
- #8FAEFF
- Bumba Life
- Fill
- #0E9F6E
- Text
- #0A7550
- On dark
- #5FD6A6
- Bumba Ventures
- Fill
- #7C4DDB
- Text
- #6537C4
- On dark
- #BCA2FF
- Background and ink
- Paper
- #F7F5F0
- Ink
- #16181D
- Dark background
- #111317
Typeface: Outfit (SIL Open Font License). The "bumba" in the logo is a custom drawing based on the heavy weight of Outfit; the division name is set in Outfit Light. Both are converted to paths in the files. This site is set in Outfit too.
Writing
How the names are written
"Bumba" and the division name are two separate words, each capitalised. Division names stay in English and are not translated; any Turkish equivalent appears only in descriptions. In the logo everything is lowercase, but not in running text.
Correct
- Bumba Group
- Bumba Games
- Bumba Suites
- Bumba Life
- Bumba Ventures
Incorrect
- BumbaGroup, Bumba group, BUMBA GROUP
- Bumba Grup (the word Group is not translated either)
- Bumba Oyun, Bumba Yaşam (division names are not translated)
- Soylus by Bumba (the signature is never written as "by Bumba")
- Bumba Soylus (Bumba is not put in front of a product name)
Product signature
The one line placed on product websites
It sits at the foot of every product website, beside or just above the copyright line. It is always smaller than the product's own logo and never goes in front of the product name. The signature is always a badge; plain-text signatures are not used.
Product name is a Bumba Games game.
Product name is a Bumba Suites product.
Product name is a Bumba Life product.
Product name is a Bumba Ventures venture.
<!-- Bumba Life imzası: ürün sitesinin alt bilgisine -->
<a href="https://bumbagroup.com/life" rel="noopener" title="Bumba Life, bir Bumba Group kolu">
<picture>
<source srcset="https://bumbagroup.com/rozet/life-koyu.svg" media="(prefers-color-scheme: dark)">
<img src="https://bumbagroup.com/rozet/life.svg" width="164" height="28"
alt="Bir Bumba Life ürünü" loading="lazy">
</picture>
</a><!-- Bumba Life imzası: ürün sitesinin alt bilgisine -->
<a href="https://bumbagroup.com/life" rel="noopener" title="Bumba Life, part of Bumba Group">
<picture>
<source srcset="https://bumbagroup.com/rozet/life-koyu.svg" media="(prefers-color-scheme: dark)">
<img src="https://bumbagroup.com/rozet/life.svg" width="164" height="28"
alt="A Bumba Life product" loading="lazy">
</picture>
</a>The example uses Bumba Life. For another division, replace life in the address and file name with games, suites or ventures. The alt text is "A Bumba Games game", "A Bumba Suites product", "A Bumba Life product" or "A Bumba Ventures venture" on English pages, and "Bir Bumba Games oyunu", "Bir Bumba Ventures girişimi" in Turkish. If the site has its own theme switch, put two img elements in (light and -koyu) and hide one according to the site's theme choice, so the badge follows the site's theme rather than the system's.
New product
Which division does it belong to?
The questions are asked in order; the first yes decides the division.
- Is it a game? Bumba Games
- Is it an unvalidated venture? (no paying first customer yet, seeking investment) Bumba Ventures
- Does an organisation pay for it? Bumba Suites
- Does a person spend money or time on it? Bumba Life