Menu

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.

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

Forms

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 Actions
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