Telecom Utilities And Consumer Design · 26 of 210

Catalog Cobalt

Cool white and deep cobalt with a marigold mark, laid out like a class schedule you can actually read. It fits a trade school or community college program that fills seats with working adults.

Built for Career Training. Sample business on the page, Grand River Career Institute, Lansing MI.

I Want A Site Like ThisOpen The Live Design
Catalog Cobalt website design on a desktop
The first screen, “Train in Weeks. Work in Lansing.”

Colors

#1d3fbf
#101828
#475467
#f5b82e
#d5dbea
#142c86

Fonts

  • Cairo
  • Source Sans 3

Sections In Order

  1. Train in Weeks. Work in Lansing.
  2. Which Program Fits Your Life?
  3. Four Programs, Four Real Labs
  4. Built Around Your Shift
  5. What It Costs, Before and After Aid
  6. What Students Say
  7. Questions Before You Enroll

Built In

  • exclusive accordion FAQ
  • popover tooltips with anchor positioning
  • invoker commands dialog with starting-style
  • sibling-index() staggers
  • Tool on the page, Program finder
  • FAQ accordion
  • Click-to-call phone links
  • Form
  • Sticky header/bar
  • Photo lightbox (dialog)
  • Range slider input

The Whole Page

Full page of the Catalog Cobalt design

On A Phone

Catalog Cobalt on a phone

More Telecom Utilities And Consumer Designs

Glacier Slate website design
Glacier SlateTravel / Cruise Booking
Guide Sign Green website design
Guide Sign GreenCDL Training
Clear Sky Plain Talk website design
Clear Sky Plain TalkCremation Service
Mill Brick Plum website design
Mill Brick PlumEducation / Degree Enrollment

Next Design, Claim Tracker All Designs

↑