Brand 🎨

Download our assets and discover our style guide.

Overview

Techqueria is a community of Latinx professionals in the tech industry.

Logos

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

Banners

Banner

Banner - Logo Only

Colors

There are 8 main colors in usage.

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

Typography

We use the Rubik font.

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

Photography

See our Photos page.

Sketch Assets

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


Formatting

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>
<html>
  <head>
    <title>Hello World</title>
  </head>
  <body>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.</p>
  </body>
</html>

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](https://bulma.io/images/placeholders/256x256.png)
![Figure 2](https://bulma.io/images/placeholders/256x256.png)

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 Latinx in Tech.

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

Patreon

Contribute

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

Any help is greatly appreciated. 😊