Web Page Color Coding

Different Colors for Different Domains and Sizes

My advanced design, for newer browsers, on newer (wider) devices, has a different color combination, for each domain. All of them have a background, that slowly fades from a bright color, to black, on the other side, of the web page, called gradients, made popular, in presentation programs, like Powerpoint. All of them also have white branches, between the page content, and the background gradient. Simply Ben is mainly hot pink and bright orange, End of the Beginning is bright blue and tan, Ben Academic Fast Track is bright green and white with some bright yellow-orange, and Ben Labs is light grey and tan.

The designs, for (advanced) small devices, all have a white rounded corner page border, yellow glow for link backgrounds, and rounded corner light grey gradient backgrounds, behind lists of links. The main difference, between the domains, for the small size devices, is in the background color, of the headings. Simply Ben is hot pink, End of the Beginning is bright blue, Ben Academic Fast Track is bright green, and Ben Labs is medium grey.

The designs, for (advanced) large computer screens and HDTVs, are dark grey and white, with the full size version, of my logo, on the top far left. Simply Ben has hot pink/purple highlights and glow, End of the Beginning has blue highlights and glow, Ben Academic Fast Track has green highlights and glow, and Ben Labs has brown/tan highlights and glow.

Colors and Designs for Specialty Pages

The site, for less capable mobile devices (mobile site), is in bright red and grey, with rounded corners for lists, list items, and most pictures. The error page, that you will see, if the web page is either moved or deleted (or you type in an address wrong) looks similar, to the mobile page, except that it is mostly dark purple and light pink. The collected series downloads, that come in a zip file, each have a file named open-this.html. You then open this file and navigate, to the book pages. You will know you are offline, as this page has bright orange list items and medium blue headings.

Colors and Design for Book Pages

The online book pages have headings, with white text, on a black background, light yellow background for links, red outlines and red backgrounds for important sections, and alternating light grey and white backgrounds, for text (indented for each paragraph). There are no graphics. Every corner is square, so as to decrease the memory requirements, since it has Javascripts for searching, navigating to chapter, by hovering menu, in the upper right corner of the screen, and for adjusting the size of the text. As you make it wider, it goes from 1-3 columns, for the text and the margins increase in size, and making the fonts larger, makes all the fonts larger, so that everything enlarges and shrinks, proportionally, to every other element.