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)
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)
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.
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.
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.
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.
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
5 Questions With…Katherine Creek
Katherine Creek, vice president of human resources for Shepherd Center, talks with us about the current labor shortage, what’s driving it, and what both employers and employees can do to help.
5 Questions With…Tom Lyons
Tom Lyons, vice president, national sales, education for Sysco Corporation, talks with us about the supply chain disruptions, why they’re happening, what we can do to alleviate the pain, and how long we can expect to experience disruptions.
5 Questions With…Rob Portwood
Rob Portwood, vice president of support services for UCHealth, talks with us about UCHealth’s vision, “From health care to health,” and how implementing a mobile ordering program has enhanced the customer experience and increased mobile orders by 70% in two months.
The Future of Healthcare Retail with CBORD & Amazon Just Walk Out
Join CBORD and Amazon to learn about a new shopping experience in healthcare. Just Walk Out technology by Amazon enables consumers to enter a store, grab what they want, and get going without waiting at a checkout line or stopping for a cashier.
2023 Excellence Award Nominees
Excellence Award nominees exemplify the most engaged and innovative members of our CBORD user community. It’s our pleasure to announce the nominees for our UGC 2023 Excellence Awards.
The Journey to Successful Room Service
Watch our webinar to find out how room service was successfully implemented at The Wesley and The Prince Charles Hospital in Australia. Panelists share their insights and expertise.
Reducing the Pressures of Labor Shortages and Supply Chain Issues with NetMenu
Labor shortages and supply chain difficulties are still top concerns for campus dining programs. Having a foodservice solution that integrates with your main vendors helps address these issues – in addition to reducing costs, improving production efficiency, and boosting revenue.
In this informative webinar, we’ll explore the core features of NetMenu, including how it integrates with your main distributor to help you save time on invoice matching, ordering, substitutions, and price updates. There will also be an opportunity for questions for our experts.
Go Green with CBORD and OZZI
Eliminate your single-use disposable takeout containers with OZZI and CBORD.
Make the Move to Mobile: First Steps to a Contactless Campus
Watch our on-demand webinar to learn how to get your campus ready to go mobile. We’ll outline the essential steps and requirements for transitioning to mobile credentials.
CBORD Celebrates Successful Launch of University of Kentucky’s WildCard Mobile ID
University of Kentucky (UK) launches its groundbreaking WildCard Mobile ID, in collaboration with industry leaders CBORD and HID.
Study: Higher Education Leaders See Security as Top Priority in Effort to Create a Connected Campus
A new study commissioned by CBORD found that top institutional leaders are increasingly focused on improving both physical and network security, reflecting…
Study: Higher Education Leaders Exploring New Dining Revenue Streams in Preparation for a Coming Demographic Cliff
Read about how CBORD is helping colleges and universities implement technologies that streamline foodservice operations and create new revenue sources.
Yo-Kai Express
Yo-Kai Express is revolutionary high tech company who develop future autonomous restaurants to serve people gourmet food 24/7. Inspired by the urban legend ‘Yo-Kai’ a Japanese and Chinese word for ‘spirit, a mythical creature of whom can pop up anywhere at anytime…
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