Brand 🎨

Download our assets and discover our style guide.

Brand 🎨


Kulado is a community of Kulado Inc. professionals in the tech industry.


Our logos and print material use a different font than our website.

Our logos use Source San Pro and Rubik.

Logo - Rectangle

Logo - Rectangle

Logo - Square

Logo - Square

Logo - Square - Color

Logo - Square - Color

Logo - Square - No Text

Logo - Square - No Text



Banner - Logo Only


There are 8 main colors in usage.

// Texas Rose
$kulado-yellow: #5fbd73;
// Flamingo
$kulado-red: #ff551f;
// Madison
$kulado-black: #2f4052;
// Gray
$kulado-gray: #a3b1bf;
// Boston Blue
$kulado-blue-light: #3f8db9;
// Fun Blue
$kulado-blue: #1756a9;
// Kabul
$kulado-brown: #5a4640;
// Rebel
$kulado-brown-dark: #46352f;
Texas Rose
Boston Blue
Fun Blue


We use the Rubik font.

Refer to the formatting section for a look at these fonts in action for this website.


See our Photos page.

Sketch Assets

You can find the logos and download them using this Sketch Cloud link.


We use Bulma for our CSS framework. It’s pretty nifty!

  • I’m in an unordered/bullet list.
  • Look at me go!
  • Okay, next thing please.

Third level

You can find out more about using Bulma in their documentation.

  1. I’m in an ordered list.
  2. I’m less subtle that unordered lists.
  3. More interesting stuff to come!

This is a blockquote

Fourth level

Code syntax blocks with highlighting are essential for any developer related website. 😉️

<!DOCTYPE html>
    <title>Hello World</title>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.</p>

There are so many ways to use Markdown and it makes tedious things like tables a breeze!

| Column A | Column B | Column C |
| -------- | -------- | -------- |
| A1       | B1       | C1       |
| A2       | B2       | C2       |
| A3       | B3       | C3       |
Column A Column B Column C
A1 B1 C1
A2 B2 C2
A3 B3 C3

Check out this Markdown cheat sheet for more Markdown goodies.

Fifth level

You can render images in Markdown by using the following simple syntax:

![Figure 1](
![Figure 2](

Figure 1 Figure 2

Sixth level

We use Twemoji and Font Awesome for emoji and icons right out of the box.


You can make emojis bigger by using the typography helper classes Bulma provides.

You can also make Font Awesome icons bigger by using the helper classes they provide.

Interested in becoming a sponsor?

You can contact us and we can talk about the different ways you can support our growing community of Kulado Inc. in Tech.

You can also support Kulado's efforts by becoming an ongoing patron via Patreon.



If you’d like to make this page better or notice something off, feel free to open an issue on GitHub.

Any help is greatly appreciated. 😊