OmbuLabs Style Guide

At OmbuLabs.com, we believe successful products are built applying the Lean Startup methodology. We love our test-driven process, scrums, pair programming, continuous integration and sprints.

Logo

Logo with tagline
Logo with tagline / Black
Logo
Logo with background

Color

Primary colors

Black#000000
Magenta#f70a7c
Green#57CE81
Orange#ffcc00
Light Green#D9F1F1

Secondary colors

Dark Grey#272727
Light Grey#eff7f7

Typography

Font Family

Open Sans Light Weight: 300
Open Sans Regular Weight: 400
Open Sans Bold Weight: 700

Headings

This is a large heading

Weight 300, 60pt

This is a medium heading

Weight 300, 41pt

This is a small heading

Weight 700, 23pt

This is a small heading

Weight 700, 14pt

Paragraph

OmbuLabs helps small businesses and entrepreneurs easily setup and run their online shops. We spend our days helping businesses sell more and improving eCommerce in Latin America.

Weight 400, 17pt

Links & Buttons

Link Button

Forms

Your Name

Message

Code block

class UserController < ApplicationController
    def index
        render "index"
    end
end

Flash Messages

Error Message

Warning Message

Success Message

Information Message

Icons

.fa-star
.fa-clock-o
.fa-flask
.fa-comments-o
.fa-users
.fa-pencil
.fa-twitter
.fa-github
.fa-linkedin
.fa-dribbble
.fa-slideshare

Tables

Number	Title/Description	Status
001	Lorem ipsum dolor sit amet consectetur, adipiscing elit habitasse orci ut, dapibus nulla ante ultrices. Dignissim dictum ad habitasse curabitur quis praesent, facilisi magna curae lectus euismod primis volutpat, congue semper erat suscipit imperdiet	Accepted
099	Lorem ipsum dolor sit amet consectetur, adipiscing elit habitasse orci ut, dapibus nulla ante ultrices. Dignissim dictum ad habitasse curabitur quis praesent, facilisi magna curae lectus euismod primis volutpat, congue semper erat suscipit imperdiet	Pending
999	Lorem ipsum dolor sit amet consectetur, adipiscing elit habitasse orci ut, dapibus nulla ante ultrices. Dignissim dictum ad habitasse curabitur quis praesent, facilisi magna curae lectus euismod primis volutpat, congue semper erat suscipit imperdiet	Rejected

Labels

Accepted Pending Rejected