CBORD Hero Text (H1)

CBORD.com Style Guide (H2)

Sections, Rows and Modules (Paragraph)

CBORD Hero Text (H1)

CBORD.com Style Guide (H2)

Sections, Rows and Modules (Paragraph)

01. Color Palette

Primary, Secondary, Tints, and Shades

In this part of the style guide, you can modify each color inside the Text Module’s background settings. Use that same color code inside the Text Module below it to have a written version of the color code too. Use these color codes inside your Divi Theme Builder default color palette afterward.

Primary Color Palette

 

#0077c8 Blue

 

#0097a9 Teal

 

#c8c9c7 Lt Gray

 

#888b8d Md Gray

 

#373a36 Dk Gray

Secondary Color Palette

 

#78be20 Green

 

#ffcd00 Gold

 

#e4002b Red

 

#6978d3 Purple

Secondary Color Palette – Shades and Tints

 

#007a33 Dk Green

 

#ffb81c Dk Gold

 

#a6192e Dk Red

 

#5c068c Dk Purple

 

#007680 Dk Teal

 

#004c97 Dk Blue

 

#c4d600 Lt Green

 

#78be20 Green .2

 

#f7d880 Lt Gold

 

#ffcd00 Gold .2

 

#f65275 Lt Red

 

#e4002b Red .2

 

#c5b4e3 Lt Purple

 

#6978d3 Purple .2

 

#88dbdf Lt Teal

 

#0097a9 Teal .2

 

#8dc8e8 Lt Blue

 

#0077c8 Blue .2

02. Typography

Standard Copy, Smaller Module Copy, and Hero Copy

Typography set by size and H1-H6 tags for different areas of the website. Best practice for search engines and accesibility is to make sure the hierarchy follows the H1, H2, H3, before utilizing another H1 tag.

Examples:

H1, Paragraph

H1, H2, Paragraph

H1, Paragraph,  H2, Paragraph, H3, Paragraph, H1

Structures to avoid:

H1, H3, Paragraph, H2, H6…

Standard Copy

Module Copy

Heading 1

Heading 2

Heading 3

 

Heading 1

Heading 2 with copy below

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 3 Lorem ipsum dolor sit amet sed do.

  • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
  • Dolor sit amet, consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.

Heading 1

Heading 2

Heading 3

 

Heading 1

Heading 2 with copy below

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 3 Lorem ipsum dolor sit amet sed do.

  • Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
  • Dolor sit amet, consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.

H1. Section Heading 

H2. Section Heading. An excellent way to call attention and break up a page!

Section Paragraph – The H1 and H2 Tags will improve search engine recognition. Use key search terms here. 

H1. 

H2. Section Heading Alternative.

 

Standard Heading H1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

02. Layout

Text and Image (Standard Copy)

FPO

Image Size and Resolution

Image is 600px x 300px, 72 DPI, and optimized for web with a file size of about 30KB – 50KB

Standard Copy Heading H2 with copy below

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Text and Image (Modular Copy)

600x300 FPO

Higher Education

The student experience is about more than their time in the classroom. It’s also about their experience everywhere else on and around campus, and this is where CBORD’s solutions for higher education will help set your school apart.

FPO

Healthcare

CBORD healthcare solutions help connect hospitals to their patients, employees, and guests by providing tools to improve safety, deploy cashless retail systems, and reduce the overall cost of managing food and nutrition services.

FPO

Senior Living

CBORD is the leading provider of menu systems, food production management and nutritional analysis tools, and cashless ID card solutions for resident dining services in senior living communities.

FPO

K-12 Education

At Horizon, we are passionate about our role in school nutrition and our goal is to make it easier for you to manage your busy operation successfully. Our complete system offers both on-site and cloud-based solutions and is designed to fit your needs.

H1 – Hero Text

H2 Hero – Retail and Point-of-Sale Solutions

Hero Paragrah Text – CBORD Solutions for every Industry

Blurb

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

600x300 FPO

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

03. Icons and Text

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore  magna aliqua.

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore  magna aliqua.

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore  magna aliqua.

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore  magna aliqua.

Blog

Avigilon

Avigilon

Avigilon Security Solutions are designed as easy-to-use software and hardware IP network products that include image capture, analysis, storage, transfer, and playback of high quality video surveillance footage with visually lossless compression, and electronic access control management.                                                 

read more
The Biometric Advantage

The Biometric Advantage

Join us Wednesday, April 28, at 2 p.m. ET, to hear how the University of Rhode Island, a CBORD Odyssey customer, is using IDEMIA Direct and MorphoWave Compacts for an all-you-can-eat campus dining venue.

read more
ID Works to Instant ID

ID Works to Instant ID

View our recording to hear from Dr. Jagdish Rebello, Entrust, Dave Beckwith, CBORD, and Chris Lockwood, CBORD, on plans to transition you from ID Works to Instant ID.

read more
USA Technologies

USA Technologies

USA Technologies Inc. is an American company known for its work with ePort cashless acceptance technology running on their patented ePort Connect service, a PCI compliant, comprehensive suite of services designed specifically for the self serve, unattended market. The company also produced other technology to address needs within the unattended industry.

read more
TwentyTables

TwentyTables

TwentyTables is an enterprise SAAS solution for the distribution and redemption of value within discrete, customizable micro-markets.  TwentyTables helps people access affordable food by creating local, on-demand, marketplaces that offer healthy meals for pickup. Our ticket system is used to securely distribute meals to beneficiaries, employees and consumers, and then redeem meals from participating partners.

read more
Vendnovation

Vendnovation

Vendnovation is a team of software and hardware professionals, plus a former vending operator or two, all committed to delivering the best cloud-based vending solutions in the industry. Vendnovation started nearly two decades ago, and now have the experience and capability to put them in the top tier of solution providers worldwide.

read more
Vengo Labs

Vengo Labs

Vengo is a software and media company that engages consumers and gets data. Vengo’s platform combines interactive digital media with point-of-purchase. Vengo creates retail in new locations through a direct, interactive sales and media channel and manages the network remotely.

read more
Sodexo Bite

Sodexo Bite

Bite for Universities is a 100% self-sustained system with proprietary BitePay by Visa and is not reliant on campus card systems but is compatible with CBORD and Transact (Blackboard). This system allows us to create an engaging loyalty program for the 56% of mobile food application users that return to order because of the rewards.

read more
Shelfx

Shelfx

ShelfX is a leading provider of unattended retail.The technology can be deployed in secured fixtures to allow consumers to purchase any item in any quantity right at the shelf. No cashiers, no lines, no product scanning, no RFID stickers. ShelfX was established in 2011 and is growing rapidly. ShelfX is a global company with hundreds of active fixtures in many countries.

read more
Servomation Micromarkets

Servomation Micromarkets

Servomation Refreshments Inc. is an entrepreneurial vending, office refreshment and innovative food concept company servicing clients and customers throughout Upstate New York since 2007. For three consecutive years, Servomation Refreshments, has been named to Inc. Magazine’s list of fastest-growing private companies in America.

read more

Buttons

Video Feature

GET Mobile

A Mobile App by CBORD

Go Contactless, Upload Photos, Make Purchases, Manage Accounts, Open Doors, Explore Dining Options, Order Food Online, Manage Campus Housing, Earn Rewards

 

CBORD Professional Services

Beyond the Technology!

BLOGS

CASE STUDIES

E-BOOKS

EVENTS

WEBINARS

VIDEOS