Billseye.com
Design and
Brand Guidelines WE LOVE THAT BRAND.
CONTACT Address Billseye.Inc Company
675 Ponce DeLeon Ave. NE
Suite NE223,
Atlanta, GA 30318
Phone & Fax Free Toll: +1 (678) 596-7013
Phone: +1 (678) 596-7013
Fax: +1 (678) 596-7013
Online Email 1: alcide@billseye.com
Email 2: info@billseye.com
Website: www.billseye.com
Billseye.com
BILLSEYE Brand Collection
Table of Contents PAGE 04
PAGE 13
PAGE 18
PAGE 22
01
02
03
04
The Corporate Logo
The Corporate Typography
Typography & Text Hierarchy
Corporate Color Syste
PAGE 28
PAGE 34
PAGE 38
PAGE 48
05
06
07
08
Form Language & Illustrations
Corporate Product Structure
Design Options
Corporate Stationery
Billseye.com
The Company Introduction
THE DESIGN GUIDELINES
Say Hi ! Address
Social engagement has changed the world
advice and counsel they provide by leveraging
immeasurably. An important component of
software that automates the process of
Billseye.Inc Company
the future of work is the ability to get paid for
monetizing their phone calls.
675 Ponce DeLeon Ave. NE
Suite NE223,
direct engagements with people that are existing customers or complete strangers.
Billseye believes that everyone should be fairly
Billseye's mission is to empower our users to
compensated for the value they deliver their
fully monetize the value they are providing
clients. Whether their clients are huge
during phone calls and never miss another
multinational corporations, mom and pop shops
dime from unbilled calls with clients.
or individuals, we believe all service providers should all have the same opportunity to get paid
A vital component of the future of work for professionals that bill for client calls is the ability to accurately calculate, track and bill both new and existing customers easily and
fairly for their services.
Atlanta, GA 30318
Phone & Fax Free Toll: +1 (678) 596-7013
Phone:
+1 (678) 596-7013
Fax:
+1 (678) 596-7013
accurately. Billseye's mission is to empower its users to fully capture the the value of the Online Email 1: alcide@billseye.com
Email 2: info@billseye.com
Website: www.billseye.com
BILLSEYE Brand Collection
The Founders Introduction THE DESIGN GUIDELINES Billseye is the outgrowth of the founders’ combined decades of experience in client facing professional services in both the legal and software industries. Through numerous conversations about the pain and agony of trudging through weeks old call logs to bill for time, the concept for Billseye was born.
Founders Alcide & Armond are co founders of Billseye and brothers, just under two years apart Alcide has been a lawyer in private practice for the last 13 years Armond has been in software development for over twenty years.
Billseye
Armond Honore Co-Founder at Billseye
Billseye.com
The Corporate Logo Our logo is the key buiking block of our identity, the primary visual element that identifies us. The signature is a combination of the symbol itself and our company name — they have a fixed relationship that should never be changed in anyway.
The Logo Introduction
The Logo Application
The Logo Elements
Clearspace and Computation
Incorrect Logo Applications
BILLSEYE Brand Collection
Billseye.com
Logo Construction, Clearspace & Computation
They're also the most cost efficient and versatile. Printing anything—seriously, anything—in black and white is cheaper than printing in color. For a brand that's just starting out or looking to give its branding a total overhaul, going for a black and white logo is likely the most cost-effective option.
WHITE SYMBOL
BLACK LOGO
Billseye.com
Logo Construction, Clearspace & Computation It is important to keep corporate marks clear of any other graphic elements. To regulate this, an exclusion zone has been established around the corporate mark. This exclusion zone indicates the closest any other graphic elements or message can be posititend in relation to the mark of the the symbol itself and our company name - they have a fixed relationship that should never be changed in anyway.
ONLY LOGO SYMBOL
FULL LOGO
The Corporate Logo
BILLSEYE Brand Collection
THE FULL LOGOTYPE THE LOGO SYMBOL
The Billseye Inc. Company’s or Corporate Logos elements, the logo symbol and logo type. The logo symbol is a powerful graphic evoking the culture of design services - the connection between the strength of communication and the different points that influence.
Consists of a powerful elements evoking the culture of design servies and a app square background
It has a particular relationship with the Billseye name.
The logo Type has been carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of upper case letters. The typeface is Futura Bold and has also been chosen to compliment and balance perfectly with the logo symbol.
THE LOGO TITLE Carefully shosen for its modern and yet refined, Highly legible style, which has been further enhanced by the use of upper case letters in green tone of the chosen corporate color. The font that is used here is Futura Bold.
The corporate logo is presented through the use of color as well as shape and form. The three corporate colors are Yellow and Light Blue. It is a fresh and appealing blend of colors chosen for their strong sombination - modern - classic - timeless. The colors have been selected according to international standards as shown below and are easily implemented.
LOGO DARk VERSON
LOGO LIGHT VERSON
THE General LOGO The main logo is the logo used on white or colored background. For darker background you will find an afterwhile below.
Logo Version
1
BILLSEYE Brand Collection
Preferred logo
Horizontal version
Horizontal Domain
MINIMUM LOGO SIZES
Full Logo
Minimum Size: 20mm x 45mm
Logo Symbol
Minimum Size: 10mm x 10mm
2
Secondary Logo
Vertical version
Horizontal Domain
Application on a Background
MINIMUM LOGO SIZES Full Logo Minimum Size: 20mm x 45mm
Logo Symbol Minimum Size: 10mm x 10mm
BILLSEYE Brand Collection
Application on a Background
1
Do not squeeze the logo
BILLSEYE Brand Collection
2
Please keep the scale fixed
Do not use transparency visual effects on the logo if possible
3
Do not overlay elements as background
Here is Billseye
4
Do not use in conjunction with text
When use
5
will ...
Do not overlay multiple shadows
Application on Image Background
1
BILLSEYE Brand Collection
What We can Do
2
Identify black and white counter-color applications. On low lightness and avoiding complex backgrounds
Logo installation on specific materials, Avoid excessive similarity between the application scheme and the application scene
What We can’t Do
Co-Branding Guideline
Use the master brand co-branding logo in the portfolio of master brands and partners and customers.
Co-branding refers to two or more companies collaborating to create a new product offering or promotion. It shares many elements with co-marketing, the practice of two businesses trumpeting each other’s achievements. However, the important differentiator is that co-branding indicates that the companies share authorship (though not always equal).
BILLSEYE Brand Collection
Billseye.com
The Corporate Typography Typographic Hierarchy is another form of visual hierarchy. A sub-hierarchy per se in an over all design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most ippast si users can scan text for key information.
The Corporate Fonts
Primary Font
Secondary Font
Font Hierarchy
BILLSEYE Brand Collection
BILLSEYE Brand Collection
Every page should explode,
either because of its staggering
absurdity, the enthusiasm of its principles,or its typography.
Billseye.com
Typography & Font THE FONT Typographic Hierarchy is another form of visual hierarchy. A sub-hierarchy per se in an over all design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most ippast si users can scan text for key information.
Futura Bold
Aa
AaBbCcDdEe12345 LOGO TEXT
Futura Medium
Open Sans
Aa
AaBbCcDdEe12345
Aa
TITLE TEXT
BODY TEXT
AaBbCcDdEe12345
Typography & Font
BILLSEYE Brand Collection
THE FONT
Monotype re-digitized and released as Futura Now, which is based on Paul Renner's original design with additional 102 style. Futura was extensively marketed by Bauer and its American distribution arm by brochure as capturing the spirit of modernity, using the German slogan "die Schrift unserer Zeit" ("the typeface of our time") and in English "the typeface of today and tomorrow”. It has remained popular since then.
PRIMARY FONT
Futura
A B C D E F G H IJ K L M N O P Q R S T U V W X Y Z
Futura Bold
Bold
a b c d e f g h ij k l m n o p q r s t u x w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Medium
a b c d e f g h i j k l m n o p q r s t u x w x y z Figures
0 1 2 3 4 5 6 7 8 9 , . / ! ?
Typography & Font
BILLSEYE Brand Collection
THE FONT Open Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp. This version contains the complete 897 character set, which includes the standard ISO Latin 1, Latin CE, Greek and Cyrillic character sets. Open Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms.
Open Sans
PRIMARY FONT
Open Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u x w x y z
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q r s t u x w x y z
0123456789,./!?
Regular
Figures
Billseye.com
Typography & Text Hierarchy
Typographic Hierarchy is another form of visual hierarchy. A sub-hierarchy per se in an overall design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most impast so users can scan text for key information. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques for Rapp layouts.
Font Hierarchy
03
BILLSEYE Brand Collection
BILLSEYE Brand Collection Caption Text CONTEXT TEXT
Billseye Vip Open Sans - Capital Letters
8 pt Type / 8 pt Leading
AND INNER HEADLINES Copy Text
Billseye Vip Open Sans - Capital Letters
10 pt Type / 10 pt Leading
HEADLINES &
Headlines
Copytext
Billseye Vip
Sublines
Sections
Billseye Vip
TYPOBREAKS
Open Sans - Capital Letters
16 pt Type / 16 pt Leading
Open Sans Bold - Capital Letters
24 pt Type / 16 pt Leading
Big Headlines
and Title
Sequencer and
Title for Marketing
BillsEYE Vip Futura Bold - Capital Letters
32 pt Type / 30 pt Leading
The Header Futura Bold - Capital Letters
48 pt Type / 48 pt Leading
Billseye.com
Brand Font Style Use a single, minimal sans-serif font for a modern, professional, corporate look. Use thin, stylized, sans-serif fonts for a high-end, elegant feel. Use thick, rounded sans-serif fonts for a youthful, friendly feel.
STYLE
TITLE
CONTEXT
Welcome to Billseye perfect for the busy, mobile professional! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Billseye.com
Brand Keywords
BILLSEYE Brand Collection
Branded Keywords are keywords that leads use as a shortcut to search for information close to the conversion and, therefore, require an efficient strategy. Knowing how to define your Branded Keywords, and create a good strategy around them, is fundamental to your Content Marketing strategy.
Busy
Professional
Intuitive
Simplicity
Billseye.com
Corporate Color Syste Color plays an important role in the Billseye corporate identity program. The colors below are recommendations for various media. A palette of primary colors has been developed, Which comprise the “ One Voice “ color scheme. Consistent use of these colors will contribute to the cohesive and harmonious look of the Billseye brand identity across all relevant media. Check with your designer or printer when using the corporate colors that they will be always be consistent.
The Corporate Colors
Primary Color System
Secondary Color System
BILLSEYE Brand Collection
BILLSEYE Brand Collection
Color helps to express light -not the physical phenomenon, but the only light that really exists, that in the artist’s brain.
Primary Color System 01
BILLSEYE Brand Collection
PRIMARY COLOR
BILLSEYE YELLOW
02
PRIMARY COLOR
LIGHT BLUE
COLOR CODES
COLOR CODES
HEX:# FBEE20
HEX:# 7BAFFD
RGB:250, 240, 30
RGB:125, 175, 255
THE GRADIENT
PRIMARY COLOR
Transparency
03
BLACK
COLOR CODES
HEX:#000000
COLOR TONES
RGB:0, 0, 0
In order to make the brand color more scientific and effective in the future communication, we set the brand standard color and auxiliary color use ratio for division management, so that it is more convenient and intuitive in application.
Secondary Color System EXPLANATION
The secondary colors are complementary to our official colors, but are not recognizable identifiers for our company. Secondary colors should be used sparingly (less than 10% of the palette in one piece).
BILLSEYE Brand Collection EXPLANATION
Use them to accent and support the primary color palette.
COLOR CODES
HEX:# 56B5A3
RGB:86, 181, 163
COLOR CODES
HEX:#C4E1DD
RGB:196, 225, 221
Brand Auxiliary Color Auxiliary colors are used as a foil for the theme color, which can make the web page instantly vibrant and give people a vivid feeling. The auxiliary color is the opposite of the theme color, and plays the role of highlighting the theme.
Billseye.com
BILLSEYE Brand Collection
Brand Feeling & Keywords Branded keywords are phrases directly associated with your brand, products and services. These types of keywords are discoverable through both social media and search engines.
BILLSEYE Brand Collection
Billseye Accurately Calculate Bills Paid Consulting Fragmented Time Utilization Automated Profit
Billseye.com
Form Language & Illustrations
A form language is a repertoire of forms and surface elements that can be combined to build any building, and so it represents more than just a superficial style.
BILLSEYE Brand Collection
Brand Form Language A form language is a repertoire of forms and surface elements that can be combined to build any building, and so it represents more than just a superficial style.
BILLSEYE Brand Collection
Brand Illustrations
A brand illustration system is a collection of images with a cohesive mood and style that clarifies a brand's promise, often with a nod to human experience (humor, hope, irony, etc.).
Brand Illustrations
Think about your Brand, Audience and Competitors. The first thing to consider when deciding upon a brand illustration style is whether it is suitable for the brand and it's audience.
Brand Illustrations
Illustrations are a visual way to portray or illustrate a written text. They might help explain an idea or tell a story or provide decoration. They come in many forms both traditional and digital. Drawings—in both black-and-white and color—are one of the most widely used styles of illustration.
The Corporate Logo
BILLSEYE Brand Collection
Branding illustrations can be used in a number of places, most commonly on the Landing Page of apps and web pages.
Landing pages lead customers to a specific product, service, or offer and encourage them to take action. This is your opportunity to create conversions and build your customer base.
Billseye.com
Corporate Product Structure Product organisational structure is a framework in which a business is organised in separate divisions, each focusing on a different product or service and functioning as an individual unit within the company.
BILLSEYE Brand Collection
Brand Feeling & Keywords
BILLSEYE Brand Collection
Product structure is a hierarchical decomposition of a product, typically known as the bill of materials (BOM). As business becomes more responsive to unique consumer tastes and derivative products grow to meet the unique configurations, BOM management can become unmanageable.
Market Place
& Website
Mobile Applications
Plugins
We
Android versio
Chrom
Desktop
IOS Version
Other Browsers
Brand Promotion PPT
BILLSEYE Brand Collection
Brand Promotion PPT
BILLSEYE Brand Collection
Billseye.com
BILLSEYE Brand Collection
07 Design
Options
BILLSEYE Brand Collection
The Billseye Customized Grid Systems SCREEN HORZONTAL
GRID SYSTEM EXAMPLES Explanation
This shows approved layouts with a typography design grid for Phone screen of Billseye. This will be used for company presentations in powerpoint or keynote.
PARAMETER Example
Android version
IOS Version
BILLSEYE Brand Collection
The Billseye Customized Grid Systems
BILLSEYE Brand Collection
Explanation
This shows approved layouts with a typography design grid for a 16:9 screen of Rapp. This will be used for company presentations in powerpoint or keynote.
The Billseye Customized Grid Systems SCREEN HORZONTAL
GRID SYSTEM EXAMPLES Explanation
This shows approved layouts with a typography design grid for a 16:9 screen of Billseye. This will be used for company presentations in powerpoint or keynote.
PARAMETER Example
8.5 x 11 In
DIN Letter
BILLSEYE Brand Collection
The Billseye Customized Grid Systems
BILLSEYE Brand Collection
SCREEN HORZONTAL
GRID SYSTEM EXAMPLES Billseye has a promotional video ad about the brand and a user process guide video that can be downloaded from the brand's official website.
The Billseye Customized Grid Systems SCREEN HORZONTAL
GRID SYSTEM EXAMPLES Explanation
This shows approved layouts with a typography design grid for a 16:9 screen of Billseye. This will be used for company presentations in powerpoint or keynote.
PARAMETER Example
8.5 x 11 In
DIN Letter
BILLSEYE Brand Collection
The Billseye Customized Grid Systems
BILLSEYE Brand Collection
SCREEN HORZONTAL
GRID SYSTEM EXAMPLES Explanation
The beta version of Billseye plugin is now available in Chrome and can be searched and downloaded.
The Billseye Customized Grid Systems SCREEN HORZONTAL
GRID SYSTEM EXAMPLES Explanation
This shows approved layouts with a typography design grid for a 16:9 screen of Billseye. This will be used for company presentations in powerpoint or keynote.
PARAMETER Example
8.5 x 11 In
DIN Letter
BILLSEYE Brand Collection
The Billseye Customized Grid Systems
BILLSEYE Brand Collection
SCREEN HORZONTAL
GRID SYSTEM EXAMPLES Explanation
The Billseye marketplace web beta is now live and searchable for use. The desktop client is in beta testing and will be available soon.
Billseye.com
Corporate Stationery Stationery is a primary means of communication and it is essential that every application be a consistent reflection of our corporate identity. There is only one approved design format for all corporate and busliness unit stationery, although there are slight variations in size and content for different regions of the world. This section illustrates approved layouts for standard business stationery in interational DIN sizes. It includes specifications for typography, color, printing method, paper stock and word processing.
The Corporate Letterhead
The Company Business Cards
The Envelope
Logo Placement
BILLSEYE Brand Collection
Ideas are elusive, slippery things. Best to keep a pad of paper and a pencil at your bedside, so you can stab them during the night before they get away.
The Billseye Customized Grid Systems
BILLSEYE Brand Collection
Office derivatives / Corporate promotional giveaways Toplication the Billseye LOGO in the correct way please use one of the approved styles that are shown on the lefy. To place the Billseye logo in other ways is not allowed.
The Billseye Brand Guide
BILLSEYE Brand Collection
Billseye.com
BILLSEYE Brand Collection
We love Billseye
Address
Phone & Fax
Online
Billseye.Inc Company
675 Ponce DeLeon Ave. NE
Suite NE223,
Atlanta, GA 30318
Free Toll: +1 (678) 596-7013
Phone: +1 (678) 596-7013
Email 1: alcide@billseye.com
Email 2: info@billseye.com
Fax:
Website: www.billseye.com
+1 (678) 596-7013
Thank
you Bye. Billseye.com
Thank You for Interest. For Further Question do not hesitate to Contact Us.
BILLSEYE Brand Collection