color guides
TRANSCRIPT
Web Color Key Edline Sanjeev Ahuja11.05.10
CASIE SIMPSON DESIGN STUDIO | WWW.CASIESIMPSON.COM
EDLINE WEB TEMPLATES | APPLYING COLOR i
WEB COLOR KEY
Table of Contents:
Instructions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
Term Key . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
Color Key . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
Site templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4
Text Visibility Key . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
EDLINE WEB TEMPLATES | APPLYING COLOR i
INSTRUCTIONS
To Create Your Site:
Select appropriate color(s) for the school you’re working on from page three and pair with a single neutral family. Apply levels to your site template as instructed by the corresponding page in this document.
EDLINE WEB TEMPLATES | APPLYING COLOR 2
ColorINDICATED BY LETTER
R = Red RV = Red-Violet V = VioletV3
RV3
R3
B1
B2
B3
B4
FamilyALL LEVELS OF A COLOR
This is the blue-green color family.
BLUE-GREEN
BG1
BG2
BG3
BG4
LevelINDICATED BY NUMBER
1 = Darkest shade 2 = Medium shade 3 = Color 4 = Lightest Tint
EDLINE NAVIGATION
NAVIGATION
FOOTER
MAIN CONTENT
HEADER BAR
OVERFLOW
TERM KEY
Site terms
EDLINE WEB TEMPLATES | APPLYING COLOR 3
OutlineLINE THAT ENCLOSES A SHAPE
In this example, there is a white outline around the header area and around the Mission (A)/Flash area (B).
Gradient A gradual change in color, shown in the header at the left (E). This example was created from White and Neutral Level 5.
KeylineLINE SEPARATING TEXT SECTIONS
There are keylines here dividing terms in the left column (C) and in the right column (D) beneath news and calendar
TERM KEY
A
b
C D
E
EDLINE WEB TEMPLATES | APPLYING COLOR 4
TERM KEY
OverlayTRANSPARENT COLOR COVERS THE PHOTO
As shown on the left (F), the color area is set to ‘multiply’ to create the overlay effect when placed over a photo.
Drop ShadowSHADING THAT LOOKS LIKE A SHADOW
In this example, there are drop shadows beneath the header and at the top of the Mission (G)/Flash (H) area.
F
H
G
5EDLINE WEB TEMPLATES | COLOR KEY
V1
V2
V3
V4
VIOLET
RV1
RV2
RV3
RV4
RED-VIOLETRED BLUE-VIOLET
BV1
BV2
BV3
BV4
BLUE
B1
B2
B3
B4
BLUE-GREEN
BG1
BG2
BG3
BG4
Y1
Y2
Y3
Y4
YELLOWYELLOW-GREEN
G2
G3
G4
GREEN YELLOW-ORANGE
YO1
YO2
YO3
YO4
ORANGE
O1
O2
O3
O4
RED-ORANGE
RO1
RO2
RO3
RO4
COOL NEUTRALS
C4
C5
C1
C2
C3
WHITE
WARM NEUTRALS
W4
W5
W1
W2
W3
WHITE
COLOR FAMILY KEYSelect one or two color families:
NEUTRAL FAMILY KEYSelect one neutral family:
#3A0032
#650360
#93278F
#F4E9F2
#41001E
#7D0045
#E50E63
#FCE7F0
R1
R2
R3
R4
#3A0200
#79021E
#EF4135
#FBE1DC
#16003F
#332A86
#716FB3
#F2EEF8
#191628
#10426F
#29ABE2
#E7F6FA
#003845
#006A7D
#00A0AF
#E4F4F3
#BD9806
#ECBC09
#FFD200
#FEF9DC
YG1
YG2
YG3
YG4
#707000
#9FA617
#D5E04D
#FBFFDA
G1 #004129
#29731C
#8CC63F
#F5F8E3
#AA710A
#E7A614
#FFC425
#FFF5D4
#42210B
#E76513
#F7931E
#FEEDDA
#5D1A00
#CB3F03
#F26531
#FDE9E5
#AAAAAA
#F0F0F0
#282828
#555555
#808080
#FFFFFF
#C2BBA9
#EFECE5
#1E1914
#50382A
#796651
#FFFFFF
EDLINE WEB TEMPLATES | APPLYING COLOR 6
JOHN Q. ADAMS One Color ApplicationCOLOR LEVEL I
Header Bar text, Footer background
COLOR LEVEL 2
Overflow and Our Mission backgrounds, News and Calendar headers, Photo overlay
NEUTRAL LEVEL 3
Navigation text, My Contents and Links header + text, News and Calendar keylines + text
NEUTRAL LEVEL 5
Combine with white for gradient backgrounds
WHITE
Edline Navigation, Our Mission and Footer text, gradient backgrounds.
RED + WARM NEUTRALS
R1
R2
W5
WHITE
W3
R + WARM
V1
V2
W5
WHITE
W3
YG1
YG2
C5
C3
WHITEWHITE
RV1
RV2
C5
C3
WHITEWHITE
V + WARM YG + COOL RV + COOL
EDLINE WEB TEMPLATES | APPLYING COLOR 7
C5
C3
WHITEWHITE
JOHN Q. ADAMS Two Color ApplicationCOLOR 1, LEVEL I
Header Bar text, Footer background
COLOR 1, LEVEL 2
Overflow and Our Mission backgrounds, Photo overlay
COLOR 2, LEVEL 1 OR 2*
Navigation text, News and Calendar headers
NEUTRAL LEVEL 3
My Contents and Links header + text, News and Calendar keylines + text
NEUTRAL LEVEL 5
Combine with white for gradient backgrounds
WHITE
Edline Navigation, Our Mission and Footer text, gradient backgrounds.
VIOLET AND YELLOW + COOL NEUTRALS
W5
WHITE
W3
V AND Y + COOL
B1
B2
O2
W5
WHITE
W3
B AND O + WARM R AND B + WARM
V1
V2
Y1
C5
C3
WHITEWHITE
G AND B + COOL
G1
G2
B2
R1
R2
B1
EDLINE WEB TEMPLATES | APPLYING COLOR 8
ALTAMONT One Color ApplicationCOLOR LEVEL 3
Header Bar and Navigation backgrounds, News, Calendar, and Links headers, Circle Decoration over photo
NEUTRAL LEVEL 1
Navigation text, Overflow, Footer, and Main Content backgrounds
NEUTRAL LEVEL 4
Edline Navigation, and Footer text, Keylines between columns
NEUTRAL LEVEL 5
Mission, News, Calendar, and Links text, Photo overlay
WHITE
Hello header
R + COOL
RV + COOL G + WARM O + WARM
R3
RV3 G3 O3
RED + COOL NEUTRALS
W5
WHITE
W4
W1
W5
WHITE
W4
W1
C5
WHITE
C4
C1C5
WHITE
C4
C1
EDLINE WEB TEMPLATES | APPLYING COLOR 9
ALTAMONT Two Color ApplicationCOLOR 1, LEVEL 3
Header Bar and Navigation backgrounds
COLOR 2, LEVEL 3
News, Calendar, and Links headers, Circle Decoration over photo
NEUTRAL LEVEL 1
Navigation text, Overflow, Footer, and Main Content backgrounds
NEUTRAL LEVEL 4
Edline Navigation, and Footer text, Keylines between columns
NEUTRAL LEVEL 5
Mission, News, Calendar, and Links text, Photo overlay
WHITE
Hello header
BLUE-GREEN AND YELLOW-GREEN + WARM NEUTRALS
BG & YG + WARM
B AND R + WARM O AND B + COOL V AND Y + COOL
BG3
B3 V3
W5
WHITE
W4
W1
YG3
W5
WHITE
W4
W1
C5
WHITE
C4
C1
C5
WHITE
C4
C1
O3
B3R3 Y3
EDLINE WEB TEMPLATES | APPLYING COLOR 10
BLUE + COOL NEUTRALSBARRINGTON EASTOne Color ApplicationCOLOR LEVEL 3
Header Bar text, line beneath Navigation, Calendar, News, My Contents and Links headers, Lines beneath photos, Photo overlay
COLOR LEVEL 4
Principal’s Message background
NEUTRAL LEVEL 1
Header Bar and Navigation text
NEUTRAL LEVEL 2
Calendar, News, My Contents and Links text
NEUTRAL LEVEL 4
Edline Navigation text
NEUTRAL LEVEL 5
Header Bar and Overflow backgrounds
WHITE
Navigation, News and Links backgrounds
B + COOL
G + WARM
B3
B4
C5
C1
C2
WHITE
C4
G4
G3
W4
W5
W1
W2
WHITE
BV + COOL
BV3
BV4
C5
C1
C2
WHITE
C4
RV + WARM
RV3
RV4
W4
W5
W1
W2
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 11
BARRINGTON EASTTwo Color ApplicationCOLOR 1, LEVEL 3
Header Bar text, Calendar, News, My Contents and Links headers, Photo overlay
COLOR 1, LEVEL 4
Principal’s Message background
COLOR 2, LEVEL 2 OR 3*
Line beneath Navigation, Lines beneath photos
NEUTRAL LEVEL 1
Header Bar and Navigation text
NEUTRAL LEVEL 2
Calendar, News, My Contents and Links text
NEUTRAL LEVEL 4
Edline Navigation text
NEUTRAL LEVEL 5
Header Bar and Overflow backgrounds
WHITE
Navigation, News and Links backgrounds
RED AND BLUE + WARM NEUTRALS
G AND Y + WARM
R AND B + COOL V AND Y + WARM
V3
V4
C5
C1
C2
WHITE
C4
B AND G + COOL
B3
B4
W4
W5
W1
W2
WHITE
W4
W5
W1
W2
WHITE
R3
R4
B2Y2 G3
C5
C1
C2
WHITE
C4
G4
G3
Y2
EDLINE WEB TEMPLATES | APPLYING COLOR 12
BYRON PARKOne Color ApplicationCOLOR LEVEL 3
Header Bar, Footer, and Photo overlay, Logo text, Mission, Calendar, News, My Contents and Links headers, Lines beneath text boxes
NEUTRAL LEVEL 1
Calendar and News text, Mission background
WHITE
Edline Navigation, Header Bar, Navigation, My Contents, Links, Navigation, and Footer text, Calendar and News backgrounds
BLUE + COOL NEUTRALS
B + COOL
G + WARMV + COOL
V3C1
WHITE
O + WARM
O3
W1
WHITE
W1
WHITE
G3
C1
WHITE
B3
EDLINE WEB TEMPLATES | APPLYING COLOR 13
C1
WHITE
BYRON PARKTwo Color ApplicationCOLOR 1, LEVEL 3
Header Bar, Footer, and Photo overlay, Logo text, Mission, Calendar, News, My Contents and Links headers, Lines beneath text boxes
COLOR 2, LEVEL 3
Header Bar overlay, Lines beneath text boxes
NEUTRAL LEVEL 1
Calendar and News text, Mission background
WHITE
Edline Navigation, Header Bar, Navigation, My Contents, Links, Navigation, and Footer text, Calendar and News backgrounds
BLUE AND ORANGE + WARM NEUTRALS
B AND O + WARM
G AND B + COOLV AND YO + WARM
V3
C1
WHITE
B AND R + COOL
B3
W1
WHITE
W1
WHITE
G3
B3
YO3 R3 B3
O3
EDLINE WEB TEMPLATES | APPLYING COLOR 14
CLINTONOne Color ApplicationLEVEL 1
Overflow and Edline Navigation background, Navigation text and Important, My Contents, My Classes and News headers
LEVEL 2
Mission header, and Welcome text
LEVEL 3
Navigation background
NEUTRAL LEVEL 1
Header Bar background gradient
NEUTRAL LEVEL 2
Header Bar background and Mission, Welcome, Important, My Contents, News, and My Classes text
NEUTRAL LEVEL 4
Keylines and Edline Navigation text
WHITE
Header Bar text and Main Content background
RED + WARM NEUTRALS
B1
B2
B3
C1
C2
WHITE
C4
V1
V2
V3
W1
W2
WHITE
W4
R1
R2
R3
W1
W2
WHITE
W4
O1
O2
O3
C1
C2
WHITE
C4
G, O, Y + WARM
R AND Y + COOLB AND Y + COOLV AND Y + WARM
EDLINE WEB TEMPLATES | APPLYING COLOR 15
CLINTONTwo Color ApplicationCOLOR 1, LEVEL 1
Overflow and Edline Navigation background, Navigation text and Important, My Contents, My Classes and News headers
COLOR 2, LEVEL 2
Mission header, and Welcome text
COLOR 3, LEVEL 3
Navigation background
NEUTRAL LEVEL 1
Header Bar background gradient
NEUTRAL LEVEL 2
Header Bar background and Mission, Welcome, Important, My Contents, News, and My Classes text
NEUTRAL LEVEL 4
Keylines and Edline Navigation text
WHITE
Header Bar text and Main Content background
G, O, Y + COOL
G1
O2
Y3
C1
C2
WHITE
C4
R AND Y + WARM
R1
R2
Y3
W1
W2
WHITE
W4
GREEN, ORANGE, AND YELLOW + COOL NEUTRALS
B AND Y + WARM
B1
B2
O3
W1
W2
WHITE
W4
V AND Y + COOL
V1
V2
YO3
C1
C2
WHITE
C4
EDLINE WEB TEMPLATES | APPLYING COLOR 16
CLOVER CITYOne Color ApplicationLEVEL 2 OR 3*
Header Bar gradient background
LEVEL 3
Header Bar gradient background, Our Mission, Student Spotlight, and News headers
NEUTRAL LEVEL 2
Overflow background, Mission text and My Contents, Links, News and Calendar headers + textNEUTRAL LEVEL 3
Navigation text, Line beneath Navigation
NEUTRAL LEVEL 5
Left Column background, Navigation background, Keyline
WHITE
Header Bar text, Main Content background
*An analagous Level 3 color may be used when appropriate, as in the example.
YG3*
G3
C5
C2
C3
WHITE
B2
B3
C5
C2
C3
WHITE
RV2
RV3
W5
W3
WHITE
W2
GREEN + COOL NEUTRALS
G + COOL
BV + WARMRV + WARMB + COOL
BV2
BV3
W5
W3
WHITE
W2
EDLINE WEB TEMPLATES | APPLYING COLOR 17
CLOVER CITYTwo Color ApplicationCOLOR 1, LEVEL 2 OR 3*
Header Bar gradient background
COLOR 1, LEVEL 3
Header Bar gradient background, Our Mission, Student Spotlight, and News headers
COLOR 2, LEVEL 1
Overflow background, Navigation textNEUTRAL LEVEL 2
Mission text and My Contents, Links, News and Calendar headers + textNEUTRAL LEVEL 3
Line beneath Navigation
NEUTRAL LEVEL 5
Left Column background, Navigation background, Keyline
WHITE
Header Bar text, Main Content background
*An analagous Level 3 color may be used when appropriate.
RED AND BLUE-GREEN + WARM NEUTRALS
R2
R3
C5
C2
C3
WHITE
Y3*
YO3
C5
C2
C3
WHITE
G2
G3
W5
W3
WHITE
W2
R AND BG + WARM
O AND B + COOLG AND B + COOLY AND V + WARM
RO3
O3
W5
W3
WHITE
W2
BG1
V1 B1 B1
EDLINE WEB TEMPLATES | APPLYING COLOR 18
RED-VIOLET + WARM NEUTRALSDAVID D. THOMASOne Color ApplicationCOLOR 1, LEVEL 2
Our Mission header, Left Column keyline
COLOR 1, LEVEL 3
Navigation Bar and Header Bar background gradients, Welcome, Home, News, and Calendar headers, Right Column keylines, Overflow background (30% transparency)
NEUTRAL LEVEL 2
Edline Navigation, Links, Mission, News, Calendar, and Footer text
NEUTRAL LEVEL 5
Welcome background, Right Column gradient background
WHITE
Edline Navigation and Main Content backgrounds, Navigation and Header Bar text, Header Bar outlines
Creating gradients:Use the color indicated for the lower portion of the gradient. For the upper portion, select a pantone shade 1-2 levels lighter
YO, Y, and YG exceptions:†
Use one level darker than indicated for these colors. For example, YO1 in place of YO2.
C5
C2
WHITE
RV + WARM
RV2
RV3
W5
WHITE
W2
C5
C2
WHITE
G + WARM
G2
G3
W5
WHITE
W2
BV + COOL
BV2
BV3
YO† + COOL
YO1
YO2
EDLINE WEB TEMPLATES | APPLYING COLOR 19
G2
G3
B2
C5
C2
WHITE
G AND B + WARM
W5
WHITE
W2
B2
B3
Y1
B AND Y† + WARM
RED AND BLUE-GREEN + COOL NEUTRALSDAVID D. THOMASTwo Color ApplicationCOLOR 1, LEVEL 2
Our Mission header, Left Column keyline
COLOR 1, LEVEL 3
Navigation Bar and Header Bar background gradients
COLOR 2, LEVEL 2* OR 3
Edline Navigation text, Welcome, Home, News, and Calendar headers, Right Column keylines, Overflow background (30% transparency)
NEUTRAL LEVEL 2
Links, Mission, News, Calendar, and Footer text
NEUTRAL LEVEL 5
Welcome background, Right Column gradient background
WHITE
Edline Navigation and Main Content backgrounds, Navigation and Header Bar text, Header Bar outlines
Creating gradients:Use the color indicated for the lower portion of the gradient. For the upper portion, select a pantone shade 1-2 levels lighter
YO, Y, and YG exceptions:†
Use one level darker than indicated for these colors. For example, Y1 in place of Y2.
R AND BG + COOL
R2
R3
BG2
C5
C2
WHITE
O AND B + COOL
O2
O3
B2
W5
WHITE
W2
EDLINE WEB TEMPLATES | APPLYING COLOR 20
DAVIS ACADEMYOne Color ApplicationCOLOR LEVEL 2
News and Calendar headers
NEUTRAL LEVEL 2
My Contents, Links, and Footer backgrounds
NEUTRAL LEVEL 3
Edline Navigation, Header, Navigation, Mission, News, Calendar, and Footer text
WHITE
Main content, Edline Navigation, and Navigation backgrounds, My Contents, and Links headers + text
C2
C3
WHITE
W2
W3
WHITE
G2
RV2 B2 YO2
W2
W3
WHITE
C2
C3
WHITE
YO + COOLB + COOL
G + WARM
RV + WARM
GREEN + WARM NEUTRALS
EDLINE WEB TEMPLATES | APPLYING COLOR 21
C2
C3
WHITE C2
C3
WHITE
DAVIS ACADEMYTwo Color ApplicationCOLOR LEVEL 2
News and Calendar headers, Header text
COLOR LEVEL 2
Navigation text
NEUTRAL LEVEL 2
My Contents, Links, and Footer backgrounds
NEUTRAL LEVEL 3
Edline Navigation, Header, Navigation, Mission, News, Calendar, and Footer text
WHITE
Main content, Edline Navigation, and Navigation backgrounds, My Contents, and Links headers + text
BV2
RV2 B2 V2
W2
W3
WHITE
W2
W3
WHITE
V AND Y + WARMB AND O + WARM
BV AND G + COOL
RV AND YO + COOL
G2
YO2 O2 Y2
BLUE-VIOLET AND GREEN + COOL NEUTRALS
EDLINE WEB TEMPLATES | APPLYING COLOR 22
ORANGE + COOL NEUTRALSDAVIS TOWNSHIP WESTOne Color ApplicationCOLOR LEVEL 3
Navigation text, Left Column divider line, News, and Calendar headers
NEUTRAL LEVEL 1
Navigation background, Left Column background (95% transparency)
NEUTRAL LEVEL 2
News and Calendar text, Keyline between News and Calendar columns, Overflow background (90% transparency)
NEUTRAL LEVEL 4
Home, My Contents, and Links headers
NEUTRAL LEVEL 5
Edline Navigation text and Main Content gradient
WHITE
Header Bar, My Contents, Links and Footer text, Main Content gradient
Y exception:Use one level darker than indicated for this color. For example, Y2 in place of Y3.
O + COOL
O3
C5
C1
C2
C4
WHITE
G + COOL
C5
C1
C2
C4
WHITE
G3
BV + WARM
BV3
W5
W1
W2
W4
WHITE
BG + WARM
BG3
W5
W1
W2
W4
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 23
DAVIS TOWNSHIP WESTTwo Color ApplicationCOLOR 1, LEVEL 3
Navigation text, Left Column divider line, News, and Calendar headers, Keyline between News and Calendar columns
COLOR 2, LEVEL 2* OR 3
News, and Calendar headers
NEUTRAL LEVEL 1
Navigation background, Left Column background (95% transparency)
NEUTRAL LEVEL 2
News and Calendar text, Overflow background (90% transparency)
NEUTRAL LEVEL 4
Home, My Contents, and Links headers
NEUTRAL LEVEL 5
Edline Navigation text and Main Content gradient
WHITE
Header Bar, My Contents, Links and Footer text, Main Content gradient
Y exception:†
Use one level darker than indicated for this color. For example, Y2 in place of Y3.
YELLOW AND VIOLET + WARM NEUTRALS
Y† AND V + WARM
Y2
C5
C1
C2
C4
WHITE
W5
W1
W2
W4
WHITE
O AND B + COOL
O3
W5
W1
W2
W4
WHITE
V2
B AND R + COOL
B3
R3
G AND B + WARM
G3
B2 B2
C5
C1
C2
C4
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 24
DRISCOLOne Color ApplicationCOLOR
Header text, Calendar, Latest News, My Contents and Links headers + text, Navigation and Overflow backgrounds
NEUTRAL LEVEL 3
Edline Navigation text
NEUTRAL LEVEL 4
Header Bar, and Main Content gradient backgrounds
NEUTRAL LEVEL 5
Header Bar, and Main Content gradient backgrounds, Footer text
WHITE
Navigation
W4
W5
W3
WHITE
BV1
W4
W5
W3
WHITE
YG1 O1
C5
C3
WHITE
C4
G1
C5
C3
WHITE
C4
BV + WARM
G + COOLO + COOLYG + WARM
VIOLET + WARM NEUTRALS
EDLINE WEB TEMPLATES | APPLYING COLOR 25
DRISCOLTwo Color ApplicationCOLOR 1, LEVEL 1
Calendar, Latest News, My Contents and Links headers, Calendar and News text, Navigation and Overflow backgrounds
COLOR 2, LEVEL 1 OR 2
Header text, Calendar and News headers
NEUTRAL LEVEL 3
Edline Navigation text
NEUTRAL LEVEL 4
Header Bar, and Main Content gradient backgrounds
NEUTRAL LEVEL 5
Header Bar, and Main Content gradient backgrounds, Footer text
WHITE
NavigationR1
BG1 YO1 B1
R AND Y + COOL
B AND Y + WARMY AND BV + WARMBG AND O + COOL
RED AND YELLOW + COOL NEUTRALS
W4
W5
W3
WHITE
W4
W5
W3
WHITE
C5
C3
WHITE
C4
C5
C3
WHITE
C4
Y1
O2 BV2 Y1
EDLINE WEB TEMPLATES | APPLYING COLOR 26
EDISON PARKOne Color ApplicationCOLOR LEVEL 3
Logo header, Flash area box, Calendar, News, Contents, and Links headers, Footer keyline
NEUTRAL LEVEL 1
Overflow background gradient
NEUTRAL LEVEL 2
Navigation, Calendar, News, Contents, and Links text
NEUTRAL LEVEL 4
Edline Navigation text
WHITE
Main content background, Overflow background gradient
BLUE + WARM NEUTRALS
C4
C1
C2
WHITE
W4
W1
W2
WHITE
B + WARM
B3
RV + WARM
RV3
BV + WARM
BV3
R + WARM
R3
C4
C1
C2
WHITE
W4
W1
W2
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 27
EDISON PARKTwo Color ApplicationCOLOR 1, LEVEL 3
Logo header, Flash area box, Footer keyline
COLOR 2, LEVEL 2 OR 3
Calendar, News, Contents, and Links headers
NEUTRAL LEVEL 1
Overflow background gradient
NEUTRAL LEVEL 2
Navigation, Calendar, News, Contents, and Links text
NEUTRAL LEVEL 4
Edline Navigation text
WHITE
Main content background, Overflow background gradient
RED-VIOLET AND ORANGE + COOL NEUTRALS
RV AND RO + COOL
RV3
Y AND B + COOL
Y3
G AND V + WARM
G3
R AND B + WARM
R3
C4
C1
C2
WHITE
C4
C1
C2
WHITE
W4
W1
W2
WHITE
W4
W1
W2
WHITE
RO3
B3 V3 B3
EDLINE WEB TEMPLATES | APPLYING COLOR 28
EDWARDSVILLEOne Color ApplicationCOLOR LEVEL I
Main Content background, Footer text COLOR LEVEL 3
News and Calendar headers + text, Footer background, Photo Overlay, and Navigation gradient (top)
NEUTRAL LEVEL 2
Edline Navigation and Navigation text
NEUTRAL LEVEL 4
Overflow background, Navigation gradient (bottom)
WHITE
Header Bar text, Navigation background, Our Mission header + text, My Contents and Links text
B1
B3
C4
C2
WHITE
R1
R3
BG1
BG3
W4
W2
WHITE
BV2
BV3
C4
C2
WHITE
W4
W2
WHITE
B + COOL
BV + WARMBG + WARMR + COOL
BLUE + COOL NEUTRALS
EDLINE WEB TEMPLATES | APPLYING COLOR 29
EDWARDSVILLETwo Color ApplicationCOLOR 1, LEVEL I
Main Content background, Footer text COLOR 2, LEVEL 3
News and Calendar headers + text, Footer background, Photo Overlay, and Navigation gradient (top)
NEUTRAL LEVEL 2
Edline Navigation and Navigation text
NEUTRAL LEVEL 4
Overflow background, Navigation gradient (bottom)
WHITE
Header Bar text, Navigation background, Our Mission header + text, My Contents and Links text
V1
YO3
C4
C2
WHITE
R1
Y3
B1
O3
W4
W2
WHITE
YG1
B3
C4
C2
WHITE
W4
W2
WHITE
V AND YO + WARM
YG AND B + COOLB AND O + COOLR AND Y + WARM
VIOLET AND YELLOW + WARM NEUTRALS
EDLINE WEB TEMPLATES | APPLYING COLOR 30
ENGLEBROOKOne Color ApplicationCOLOR LEVEL I
Navigation text, My Contents, Links, News and Calendar headers, Our Mission header + text
COLOR LEVEL 3
Navigation background, Header Bar outline
COLOR LEVEL 4
Navigation keylines
NEUTRAL LEVEL 1
Overflow background
NEUTRAL LEVEL 3
My Contents, Links, News and Calendar text
NEUTRAL LEVEL 5
Left Column background
WHITE
Edline Navigation, Header Bar and Footer text, Main Column background
O1
O3
W5
W1
W3
WHITE
V1
V3
R1
R3
B1
B3
W5
W1
W3
WHITE
C1
C5
C3
WHITE
C1
C5
C3
WHITE
ORANGE + WARM NEUTRALS
O + WARM
R + COOLV + COOLB + WARM
O4
V4 R4B4
EDLINE WEB TEMPLATES | APPLYING COLOR 31
ENGLEBROOKTwo Color ApplicationCOLOR 1, LEVEL I
Navigation text and keylines, My Contents, Links, News and Calendar headers, Our Mission header + text
COLOR 2, LEVEL 3
Navigation background, Header Bar outline
COLOR 2, LEVEL 4
Navigation keylines
NEUTRAL LEVEL 1
Overflow background
NEUTRAL LEVEL 3
My Contents, Links, News and Calendar text
NEUTRAL LEVEL 5
Left Column background
WHITE
Edline Navigation, Header Bar and Footer text, Main Column background V1
B3
G1
B3
W5
W1
W3
WHITE
W5
W1
W3
WHITE
B1
R3
C1
C5
C3
WHITE
G1
YO3
C1
C5
C3
WHITE
BLUE AND RED + COOL NEUTRALS
B AND R + COOL
G AND B + WARMV AND B + WARMG AND YO + COOL
B4 B4
R4
YO4
EDLINE WEB TEMPLATES | APPLYING COLOR 32
FAIRFAXOne Color ApplicationCOLOR 1, LEVEL 3
Main Content background, Navigation text
COLOR 1, LEVEL 4
Overflow background
BLACK
Edline Navigation, Navigation and News backgrounds, Keylines, Mission header + text and News textWHITE
Edline Navigation and Header Bar text, Welcome header + text, and News header
BLACK
YO3
YO4
WHITE
Y + BLACK
R3
R4
BLACK
WHITE
R + BLACK
G3
G4
BLACK
WHITE
G + BLACK
BV3
BV4
BLACK
WHITE
BV + BLACK
YELLOW + BLACK
EDLINE WEB TEMPLATES | APPLYING COLOR 33
FAIRFAXTwo Color ApplicationCOLOR 1, LEVEL 3
Main Content background
COLOR 1, LEVEL 4
Overflow background and Navigation text
BLACK
Edline Navigation, Navigation and News backgrounds, Keylines, Mission header + text and News textWHITE
Edline Navigation and Header Bar text, Welcome header + text, and News header
O3
B4
BLACK
WHITE
O AND B + BLACK
B3
G4
BLACK
WHITE
B AND G + BLACK
Y3
G4
BLACK
WHITE
Y AND G + BLACK
BV3
Y4
BLACK
WHITE
BV AND Y + BLACK
GREEN AND YELLOW + BLACK
EDLINE WEB TEMPLATES | APPLYING COLOR 34
FENNIGAN HIGHOne Color ApplicationCOLOR LEVEL 1
Header Bar and Footer background, Navigation text, News and Calendar headers, and Keylines
COLOR LEVEL 3
Footer text, Header Bar and Navigation background gradients, Photo gradient overlay
NEUTRAL LEVEL 2
My Contents and Links header + text, Edline Navigation, News and Calendar text
NEUTRAL LEVEL 5
Overflow background and Left Column gradient
WHITE
Header Bar text, Main Content background, and Left Column gradient
G1
G3
C2
C5
WHITE
V1R1
R3
BG1
BG3 Y3
W2 W2C2
W5
WHITE
W5
WHITE
C5
WHITE
GREEN + COOL
G + COOL
V + WARMR + WARMBG + COOL
EDLINE WEB TEMPLATES | APPLYING COLOR 35
FENNIGAN HIGHTwo Color ApplicationCOLOR 1, LEVEL 1
Header Bar and Footer background, Navigation text, News and Calendar headers, and Keylines
COLOR 1, LEVEL 3
Header Bar background gradient
COLOR 2, LEVEL 3
Footer text, Navigation background gradient, Photo gradient overlay
NEUTRAL LEVEL 2
My Contents and Links header + text, Edline Navigation, News and Calendar text
NEUTRAL LEVEL 5
Overflow background and Left Column gradient
WHITE
Header Bar text, Main Content background, and Left Column gradient
V1
V3
C2
C5
WHITE
B1R1
R3
BG1
BG3 B3
W2
W5
WHITE
W2
W5
WHITE C2
C5
WHITE
PURPLE AND VIOLET + WARM
V AND Y + WARM
B AND Y + COOLR AND B + COOLBG AND O + WARM
Y3
B3O3 Y3
EDLINE WEB TEMPLATES | APPLYING COLOR 36
W2
WHITE
W2
WHITE
FERRAGAUTOne Color ApplicationLEVEL 1
Footer background drop shadow
LEVEL 2
News and Calendar headers, Footer background
LEVEL 3
Logo, Photo overlay
NEUTRAL LEVEL 1
Logo title
NEUTRAL LEVEL 2
Edline navigation, Navigation, Our Mission, My Contents, and Links headers + text, News and Calendar text, Keylines
WHITE
Footer text, Overflow and Main Content backgrounds
R3
R + COOL
BV + WARMRO + WARMG + COOL
R1
R2
G3
G1
G2
RO3
RO1
RO2
BV3
BV1
BV2
C2
WHITE
C2
WHITE
C1
C1 W1 W1
RED + COOL
EDLINE WEB TEMPLATES | APPLYING COLOR 37
FERRAGAUTTwo Color ApplicationCOLOR 1, LEVEL 1
Footer background drop shadow
COLOR 1, LEVEL 2
Logo, Footer background
COLOR 2, LEVEL 2
Logo title, Photo overlay, News and Calendar headers
NEUTRAL LEVEL 2
Edline navigation, Navigation, Our Mission, My Contents, and Links headers + text, News and Calendar text, Keylines
WHITE
Footer text, Overflow and Main Content backgrounds
BLUE GREEN AND ORANGE + WARM
BG2
O AND BG + WARM
G AND Y + COOLB AND R + COOLYO AND V + WARM
O1
O2
V2
YO1
YO2
R3
B1
B2
Y2
G1
G2
W2
WHITE
C2
WHITE
C2
WHITE
W2
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 38
FREDRICKSONOne Color ApplicationLEVEL I
Overflow and Main Content background
LEVEL 3
Photo overlay, News Calendar, and Our Mission headers, My Contents, Links, and Footer textWHITE
Edline Navigation, Navigation, Header Bar, Our Mission, News and Calendar text
BLACK
Navigation and Footer backgrounds
BLUE AND GREEN + BLACK
R3BV2 RO2
G1
G3
WHITE
BLACK
R1BV1 RO1
WHITE
BLACK
WHITE
BLACK
WHITE
BLACK
G + BLACK
R + BLACKRO + BLACKBV + BLACK
EDLINE WEB TEMPLATES | APPLYING COLOR 39
FREDRICKSONTwo Color ApplicationCOLOR 1, LEVEL I
Overflow and Main Content background
COLOR 1, LEVEL 3
Photo overlay, News and Calendar headers, My Contents, Links, and Footer textCOLOR 2, LEVEL 3
Our Mission header
WHITE
Edline Navigation, Navigation, Header Bar, Our Mission, News and Calendar text
BLACK
Navigation and Footer backgrounds
R3RV2 V2
B1
B3
G3
WHITE
BLACK
R1
WHITE
BLACK
RV1
WHITE
BLACK
V1
G3B3 YO3
WHITE
BLACK
BLUE AND GREEN + BLACK
B AND G + BLACK
R AND G + BLACKV AND Y + BLACKRV AND B + BLACK
EDLINE WEB TEMPLATES | APPLYING COLOR 40
HARMONYOne Color ApplicationCOLOR LEVELS 1, 2 AND 3
Beneath the navigation (place level 2 in boxes 1 and 5, place level 3 in boxes 2 and 4, place level 1 in box 3), Select one color for Header bar text
Analagous ApplicationCOLOR LEVELS 2 AND 3
Beneath the navigation (Choose 5 level 2 or 3 colors that are next to each other on the color wheel, place level 2 in boxes 1, 3, and 5, place level 3 in boxes 2 and 4), Select one color for Header bar text
All ApplicationsNEUTRAL LEVEL 2
Edline navigation, News, Calendar, Our mission, and Footer headers + text, Navigation background
NEUTRAL LEVEL 2
Footer background
NEUTRAL LEVEL 5
Overflow background
WHITE
Header and Main Content background, Navigation text
ANALAGOUS + W
V2
RV2
RV3
V3
BV2
W4
W5
W2
WHITE
YG2
BG2
BG3
YG3
Y2
W4
W5
W2
WHITE
ANALAGOUS + W
RED VIOLET ANALAGOUS + WARM
G1
G2
G3
G3
G2
G + COOL
C4
C5
WHITE
C2
BV1
BV2
BV3
BV3
BV2
BV + COOL
C4
C5
WHITE
C2
EDLINE WEB TEMPLATES | APPLYING COLOR 41
HARMONYTwo Color ApplicationCOLOR 1, LEVELS 2 AND 3
Beneath the navigation (place level 3 in box 1 and level 2 in box 2), Select one color for Header bar text
COLOR 2, LEVELS 1, 2, 3
Beneath the navigation (place level 3 in box 3, level 1 in box 4, and level 2 in box 5)
Multicolor ApplicationLEVEL 3 COLORS
Beneath the navigation (choose 5 and place one in each box), Select one color for Header bar text
All ApplicationsNEUTRAL LEVEL 2
Edline navigation, News, Calendar, Our mission, and Footer headers + text, Navigation background
NEUTRAL LEVEL 2
Footer background
NEUTRAL LEVEL 5
Overflow background
WHITE
Header and Main Content background, Navigation text
V3
B2
B3
G3
O3
C4
C5
WHITE
C2
MULTI + COOL
MULTI + COOL
B3
R3
R2
B1
B2
C4
C5
WHITE
C2
R AND B + COOL
V3
YO3
YO2
V1
V2
YO AND V + WARM
W4
W5
W2
WHITE
W4
W5
W2
WHITE
V3
YG3
O3
BG3
YO3
MULTI + WARM
EDLINE WEB TEMPLATES | APPLYING COLOR 42
ICKFORD HALLOne Color ApplicationLEVEL 1
Navigation and Footer background gradients
LEVEL 2
Edline Navigation background (40% opacity), Photo overlay
LEVEL 3
Navigation and Footer background gradients, Overflow background
BLACK
Drop shadows
WHITE
All text
VIOLET + BLACK
V + BLACK
YG + BLACKO + BLACK RV + BLACK
V1
WHITE
V2
V3
BLACK
O1
WHITE
O2
O3
BLACK
RV1
WHITE
RV2
RV3
BLACK
YG1
WHITE
YG2
YG3
BLACK
EDLINE WEB TEMPLATES | APPLYING COLOR 43
ICKFORD HALLTwo Color ApplicationCOLOR 1, LEVEL 1
Navigation and Footer background gradients
COLOR 1, LEVEL 3
Navigation and Footer background gradients, Overflow background (40% opacity)
COLOR 2, LEVEL 2
Edline Navigation background, Photo overlay
NEUTRAL LEVEL 1
Drop shadows, Navigation and Footer text
WHITE
Edline Navigation and School Name text
GREEN AND YELLOW + COOL NEUTRALS
Y AND G + BLACK
G AND B + BLACKB AND O + BLACK Y AND V + BLACK
Y1
Y3
G2
B1
B3
O2
Y1
Y3
V2
G1
G3
B2
WHITE
WHITE WHITE WHITE
C1
C1 C1 C1
EDLINE WEB TEMPLATES | APPLYING COLOR 44
KIRKLANDOne Color ApplicationCOLOR LEVEL 1
Header Bar background
COLOR LEVEL 2
Header Bar background, Navigation background
COLOR LEVEL 3
Header Bar background, All Text headers
NEUTRAL LEVEL 1
Header Bar text, Main Content text
NEUTRAL LEVEL 2
Edline Navigation and Footer text
NEUTRAL LEVEL 5
Overflow background
WHITE
Main Content background
GREEN + WARM
G3
G1
G2
C1
C2
WHITE
W5
W1
W2
WHITE
G + WARM
B + COOL O + COOLR + WARM
R3
R1
R2
B3
B1
B2
O3
O1
O2
C1
C2
WHITE
W5
W1
W2
WHITE
C5 C5
EDLINE WEB TEMPLATES | APPLYING COLOR 45
C1
C2
WHITE
C5
KIRKLANDTwo Color ApplicationCOLOR 1, LEVEL 1
Header Bar background
COLOR 1, LEVEL 2
Header Bar background
COLOR 1, LEVEL 3
Header Bar background, All Text headers
COLOR 1, LEVEL 2
Header Bar background,
COLOR 1, LEVEL 3
Header Bar background, Navigation background
Multicolor ApplicationLEVEL 3 COLORS
Header Bar background (choose 5 and place one in each box), Select one color for Header bar background and Text headers
All ApplicationsNEUTRAL LEVEL 1
Header Bar text, Main Content text
NEUTRAL LEVEL 2
Edline Navigation and Footer text
NEUTRAL LEVEL 5
Overflow background
WHITE
Main Content background
MULTICOLOR + COOL
G3
R3
Y3
MULTI + COOL
B + WARM O + WARMMULTI + COOL
B3
V3
BV3
B3
B1
B2
O3
O1
O2
W5
W1
W2
WHITE
C1
C2
WHITE
C5W5
W1
W2
WHITE
C1
C2
WHITE
C5
V3
B3 BG3
G3
YG2
YG3
B2
B3
EDLINE WEB TEMPLATES | APPLYING COLOR 46
LAKE FORESTOne Color ApplicationCOLOR LEVEL 2 OR 3
Header Bar text, Navigation line, Photo overlay
NEUTRAL LEVEL 2
Edline Navigation and Footer text, Calendar, News, and Mission headers + text
NEUTRAL LEVEL 3
Header Bar and Navigation text
NEUTRAL LEVEL 5
Overflow background and Main Content gradients
WHITE
Header Bar and Navigation backgrounds, Keylines, and Main Content gradients O + COOL
YG + COOL BG + WARMBV + WARM
O2
C5
C2
C3
WHITE
BV2
W5
W2
W3
WHITE
BG2
W5
W2
W3
WHITE
YG2
C5
C2
C3
WHITE
ORANGE + COOL
EDLINE WEB TEMPLATES | APPLYING COLOR 47
BG AND O + WARM
B2
O2
V & YO + WARM
V2
YO2
C5
C2
C3
WHITE
C5
C2
C3
WHITE
LAKE FORESTTwo Color ApplicationCOLOR 1, LEVEL 2 OR 3
Header Bar text, Navigation line
COLOR 2, LEVEL 2 OR 3
Calendar, News, and Mission headers, Photo overlayNEUTRAL LEVEL 2
Edline Navigation and Footer text, Calendar, News, and Mission text
NEUTRAL LEVEL 3
Header Bar and Navigation text
NEUTRAL LEVEL 5
Overflow background and Main Content gradients
WHITE
Header Bar and Navigation backgrounds, Keylines, and Main Content gradients
BG & YG + WARM R AND B + COOL
R3
W5
W2
W3
WHITE
W5
W2
W3
WHITE
BG2
BLUE GREEN AND BLUE + WARM
B2YG2
EDLINE WEB TEMPLATES | APPLYING COLOR 48
LAKEVIEW SCHOOLOne Color ApplicationLEVEL 1
Navigation background gradient, News and Calendar text
LEVEL 2
Flash gradient, Mission, Contents, and Bookmarks header + text, Navigation background gradient
LEVEL 4
Left Column and Right Column backgrounds
NEUTRAL LEVEL 2
Edline Navigation text
NEUTRAL LEVEL 4
Header Bar text, News and Calendar headers + keylines
NEUTRAL LEVEL 5
Edline Navigation background, Overflow background (50% opacity)
WHITE
Welcome and Navigation text and News background
BLUE + WARM
B + WARM
G2
G4
RO2
V + COOL G + COOL
W4
W5
W2
WHITE W4
W5
W2
WHITE
O + WARM
C4
C5
C2
WHITE
C4
C5
C2
WHITE
G2
G4
RO2
G2
G4
RO2
G2
G4
RO2
EDLINE WEB TEMPLATES | APPLYING COLOR 49
LAKEVIEW SCHOOLTwo Color ApplicationCOLOR 1, LEVEL 2
Flash gradient, Mission, Contents, and Bookmarks header + text
COLOR 1, LEVEL 4
Left Column and Right Column backgrounds
COLOR 2, LEVEL 2
Navigation background gradient, News and Calendar text
COLOR 2, LEVEL 3
Navigation background gradient
NEUTRAL LEVEL 2
Edline Navigation text
NEUTRAL LEVEL 4
Header Bar text, News and Calendar headers + keylines
NEUTRAL LEVEL 5
Edline Navigation background, Overflow background (50% opacity)
WHITE
Welcome and Navigation text and News background
GREEN AND RED ORANGE + COOL
G AND RO + COOL
C4
C5
C2
WHITE
G2
G4
RO2
RO3
YG AND Y + WARM YO & BV + WARM
W4
W5
W2
WHITE
Y2
Y3
YG2
YG4
BV2
BV3
YO2
YO4
W4
W5
W2
WHITE
RO & BG + COOL
BG2
BG3
RO2
RO4
C4
C5
C2
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 50
ORANGE + COOLLENNOX EASTOne Color ApplicationCOLOR LEVEL 2
Navigation background, Calendar and News headers
COLOR LEVEL 3
Navigation and Right Column backgrounds
NEUTRAL LEVEL 1
Edline Navigation and Overflow backgrounds, Calendar and News text
NEUTRAL LEVEL 5
Edline Navigation text, News background
WHITE
Navigation and Footer text, Calendar background
O + COOL
Y + COOL R + WARMBG + WARM
O2
O3 R2BG2
BG3 R3
YO2
YO3
W5
W1
WHITE
W5
W1
WHITE
C5
C1
WHITE
C5
C1
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 51
LENNOX EASTTwo Color ApplicationCOLOR 1, LEVEL 2
Navigation background, Calendar and News headers
COLOR 2, LEVEL 2 OR 3
Navigation and Right Column backgrounds
NEUTRAL LEVEL 1
Edline Navigation and Overflow backgrounds, Calendar and News text
NEUTRAL LEVEL 5
Edline Navigation text, News background
WHITE
Navigation and Footer text, Calendar background
BLUE VIOLET AND YELLOW ORANGE + WARM
BV & YO + WARM
O AND B + WARM R AND Y + COOLB AND G + COOL
BV2
YO2 R2B2
G3 Y2
O2
B2
W5
W1
WHITE
W5
W1
WHITE
C5
C1
WHITE
C5
C1
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 52
LINCOLNSHIREOne Color ApplicationCOLOR LEVEL 2
Edline Navigation background, Our Mission, News, and Calendar headers, My Contents and Links text, Keylines
COLOR LEVEL 3
Edline Navigation text, Photo overlay and Navigation background
NEUTRAL LEVEL 2
Our Mission, News, Calendar and Footer text
NEUTRAL LEVEL 3
My Contents and Links headers
NEUTRAL LEVEL 5
Overflow background
WHITE
Header Bar and Navigation text, Main Content background R + COOL
BG2
YO3
W5
WHITE
W3
W2
BG + WARM
R2
R3
C5
C2
WHITE
C3
BV2
BV3
C5
C2
WHITE
C3
BV + COOL O + WARM
O2
O3
W5
WHITE
W3
W2
RED + COOL
EDLINE WEB TEMPLATES | APPLYING COLOR 53
LINCOLNSHIRETwo Color ApplicationCOLOR 1, LEVEL 2
Edline Navigation background, Photo overlay, Navigation background gradient, Keylines
COLOR 2, LEVEL 2 OR 3
Edline Navigation text, Our Mission, News, and Calendar headers
NEUTRAL LEVEL 2
Our Mission, News, Calendar and Footer text
NEUTRAL LEVEL 3
My Contents and Links headers
NEUTRAL LEVEL 5
Overflow background
WHITE
Header Bar and Navigation text, Main Content background
B AND Y + COOL
BG2
RV3
W5
WHITE
W3
W2
BG & RV + WARM
B2
Y2
C5
C2
WHITE
C3
BV2
O3
C5
C2
WHITE
C3
BV AND O + COOL G & YO + WARM
O2
YO3
W5
WHITE
W3
W2
BLUE AND YELLOW + COOL
EDLINE WEB TEMPLATES | APPLYING COLOR 54
VIOLET + COOLLIONSHAREOne Color ApplicationCOLOR LEVEL I
Header Bar and Bar beneath Flash area background gradients
COLOR LEVEL 2
Header Bar and Bar beneath Flash area background gradients, Our Mission, News, and Calendar headers
COLOR LEVEL 3
Left Column background, Main Content gradient
NEUTRAL LEVEL 1
Edline Navigation text
NEUTRAL LEVEL 2
Navigation, Mission, News, Calendar and Footer text
NEUTRAL LEVEL 4
Overflow background, Navigation and Mission gradients
WHITE
Header Bar, My Contents and Links text, Main Content background
V + COOL
YO + COOL R + WARM BV + WARM
V1
V2
V3
BV1
BV2
BV3
R1
R2
R3
YO1
YO2
YO3
W1
WHITE
W4
W2
C1
C4
C2
WHITE
C1
C4
C2
WHITE
W1
WHITE
W4
W2
EDLINE WEB TEMPLATES | APPLYING COLOR 55
LIONSHARETwo Color ApplicationCOLOR 1, LEVEL I
Header Bar and Bar beneath Flash area background gradients
COLOR 1, LEVEL 2
Header Bar and Bar beneath Flash area background gradients, Our Mission, News, and Calendar headers
COLOR 1, LEVEL 3
Left Column background, Main Content gradient
COLOR 2, LEVEL 3
Header Bar text, Logo
NEUTRAL LEVEL 1
Edline Navigation text
NEUTRAL LEVEL 2
Navigation, Mission, News, Calendar and Footer text
NEUTRAL LEVEL 4
Overflow background, Navigation and Mission gradients
WHITE
Header Bar, My Contents and Links text, Main Content background
G & YG + COOL
YO & BV + COOL R & Y + WARM YG & BV + WARM
G1
G2
G3
BV1
BV2
YG3
R1
R2
R3
YO1
YO2
YO3
BV3BV3 Y3
YG3
GREEN AND YELLOW GREEN + WARM
W1
WHITE
W4
W2
C1
C4
C2
WHITE
C1
C4
C2
WHITE
W1
WHITE
W4
W2
EDLINE WEB TEMPLATES | APPLYING COLOR 56
LYONS TOWNSHIPOne Color ApplicationCOLOR LEVEL 2
Header bar text, Photo overlay
NEUTRAL LEVEL 3
Edline navigation, Navigation, Welcome, News, Calendar, and Footer headers + text
NEUTRAL LEVEL 5
Overflow and Main Content backgrounds
B + COOL
B2
C5
C3
WHITE
BV2
C5
C3
WHITE
RV + COOL
YG2
W5
W3
WHITE
YG + WARM
BV2
W5
W3
WHITE
BV + WARM
BLUE + COOL
EDLINE WEB TEMPLATES | APPLYING COLOR 57
W5
W3
WHITE
W5
W3
WHITE
LYONS TOWNSHIPTwo Color ApplicationCOLOR 1, LEVEL 2
Header bar text
COLOR 2, LEVEL 2 OR 3
Photo overlay, Edline navigation text
NEUTRAL LEVEL 3
Navigation, Welcome, News, Calendar, and Footer headers + text
NEUTRAL LEVEL 5
Overflow and Main Content backgrounds
B AND V + WARM
B2
RV2
C5
C3
WHITE
C5
C3
WHITE
RV & Y + WARM
YG2
YG AND B + COOL
BV2
BV & YO + COOL
V2
Y2 B3 YO3
BLUE AND VIOLET + WARM
EDLINE WEB TEMPLATES | APPLYING COLOR 58
C5
C3
WHITE
C5
C3
WHITE
MARSHALLOne Color ApplicationCOLOR LEVEL 3
Bar on right and Header Area background
NEUTRAL LEVEL 2
Navigation
NEUTRAL LEVEL 3
News, Calendar, and Welcome headers + text, Edline Navigation and Footer text
NEUTRAL LEVEL 5
Overflow background and Main Content background
RED + COOL
W5
W3
WHITE
W5
W3
WHITE
B AND V + WARM
B2
RV2
RV & Y + WARM
YG2
YG AND B + COOL
BV2
BV & YO + COOL
EDLINE WEB TEMPLATES | APPLYING COLOR 59
MARSHALLTwo Color ApplicationCOLOR 1, LEVEL 3
Bar on right and Header Area background
COLOR 2, LEVEL 2
News, Calendar, and Welcome headers
NEUTRAL LEVEL 2
Navigation
NEUTRAL LEVEL 3
News, Calendar, Welcome, Edline Navigation, and Footer text
NEUTRAL LEVEL 5
Overflow background and Main Content background
BLUE GREEN AND GREEN + WARM
W5
W3
WHITE
W5
W3
WHITE
B AND V + WARM
BG3
YG3
C5
C3
WHITE
C5
C3
WHITE
RV & Y + WARM
V3
YG AND B + COOL
R3
BV & YO + COOL
G2
V2 O2 Y2
EDLINE WEB TEMPLATES | APPLYING COLOR 60
MT. VERNONOne Color ApplicationCOLOR LEVEL 2
Edline Navigation, My Contents, News, Bookmarks, and Contents text, Mission header, Welcome background gradient
COLOR LEVEL 3
Header Bar text, Welcome background gradient
NEUTRAL LEVEL 2
Navigation and Mission text and My Contents, News, Bookmarks, and Contents headers
NEUTRAL LEVEL 4
Navigation background gradient
NEUTRAL LEVEL 5
Navigation background gradient, Edline Navigation, Left Column and Right Column backgrounds
WHITE
Header Bar and News background and Welcome text
ORANGE + WARM
O + WARM
O3
O2
V + COOL
V2
V3
BV + COOL
BV2
BV3
W5
W2
W4
WHITE
W5
W2
W4
WHITE
G + WARM
G2
G3
C5
C2
C4
WHITE
C5
C2
C4
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 61
C5
C2
C4
WHITE
C5
C2
C4
WHITE
W5
W2
W4
WHITE
W5
W2
W4
WHITE
MT. VERNONTwo Color ApplicationCOLOR 1, LEVEL 2
Edline Navigation, My Contents, News, Bookmarks, and Contents text
COLOR 2, LEVEL 3
Header Bar text, Mission header, Welcome background gradient
NEUTRAL LEVEL 2
Navigation and Mission text and My Contents, News, Bookmarks, and Contents headers
NEUTRAL LEVEL 4
Navigation background gradient
NEUTRAL LEVEL 5
Navigation background gradient, Edline Navigation, Left Column and Right Column backgrounds
WHITE
Header Bar and News background and Welcome text
BLUE AND RED ORANGE + COOL
RO AND B + COOL
B3
RO2
B AND G + WARM
B2
G3
BV AND O + WARM
BV2
O3
V AND RV + COOL
V2
RV3
EDLINE WEB TEMPLATES | APPLYING COLOR 62
RV2
RV3
NATIONALOne Color ApplicationCOLOR LEVEL 2
Header Bar text gradient, Navigation and Flash area background gradients, News, Calendar, Bookmarks and Contents text
COLOR LEVEL 3
Header Bar text gradient, Navigation and Flash area background gradients
NEUTRAL LEVEL 1
Navigation text, Mission header + text, News, Calendar, Bookmarks and Contents headers
NEUTRAL LEVEL 2
Edline Navigation text
NEUTRAL LEVEL 4
Header Bar and Overflow backgrounds
NEUTRAL LEVEL 5
Edline Navigation, Left column and Right column backgrounds, Keylines
WHITE
Main Content background
RED VIOLET + WARM
RV + WARM
V + WARM B + COOLO + COOL
B2
B3
V2
V3
O2
O3
C1
C5
C4
WHITE
W1
W5
W4
WHITE
C1
C5
C4
WHITE
C2
W1
W5
W4
WHITE
W2 C2
W2
EDLINE WEB TEMPLATES | APPLYING COLOR 63
NATIONALTwo Color ApplicationCOLOR 1, LEVEL 2
Header Bar text gradient, Flash area background gradient, News, Calendar, Bookmarks and Contents text
COLOR 1, LEVEL 3
Header Bar text gradient, Flash area background gradient
COLOR 2, LEVEL 3
Navigation background gradient and Mission logo
NEUTRAL LEVEL 1
Navigation text, Mission header + text, News, Calendar, Bookmarks and Contents headers
NEUTRAL LEVEL 2
Edline Navigation text
NEUTRAL LEVEL 4
Header Bar and Overflow backgrounds
NEUTRAL LEVEL 5
Edline Navigation, Left column and Right column backgrounds, Keylines
WHITE
Main Content background
B AND Y + COOL
V & RV + COOL RV & YG + WARMO & YO + WARM
B2
B3
Y3
RV2
RV3
YG3
V2
V3
RV3 YO3
O2
O3
BLUE AND YELLOW + COOL
C1
C5
C4
WHITE
C2
W1
W5
W4
WHITE
W2
W1
W5
W4
WHITE
W2
C1
C5
C4
WHITE
C2
EDLINE WEB TEMPLATES | APPLYING COLOR 64
NORTHSIDEOne Color ApplicationCOLOR LEVEL 2
Navigation background
COLOR LEVEL 3
Edline Navigation, School Name and Left Column backgrounds, News and Calendar headers, Photo overlay gradients
NEUTRAL LEVEL 1
Overflow background, School Name text
NEUTRAL LEVEL 2
News and Calendar text
WHITE
Main Content background, Edline Navigation, Left Column, and Footer text
BLUE + COOL
B + COOL
RV + COOL G + WARMO + WARM
B2
B3 G2
G3
RV2
RV3
B2
O2
O3
C1
WHITE
C2
WHITE
W1
W2
WHITE
W1
W2
C1
WHITE
C2
EDLINE WEB TEMPLATES | APPLYING COLOR 65
WHITE
W1
W2
WHITE
W1
W2
NORTHSIDETwo Color ApplicationCOLOR 1, LEVEL 2
Navigation background
COLOR 1, LEVEL 3
Edline Navigation and Left Column backgrounds, Photo overlay gradients
COLOR 2, LEVEL 2 OR 3
School Name background, News and Calendar headers
NEUTRAL LEVEL 1
Overflow background, School Name text
NEUTRAL LEVEL 2
News and Calendar text
WHITE
Main Content background, Edline Navigation, Left Column, and Footer text
BLUE VIOLET AND RED ORANGE + WARM
BV & YO + WARM
RV & Y + WARM G AND B + COOLO AND B + COOL
BV2
BV3
YO3
G2
G3
B3
RV2
RV3
Y2 B2
O2
O3
C1
WHITE
C2
C1
WHITE
C2
EDLINE WEB TEMPLATES | APPLYING COLOR 66
OCEAN VIEWOne Color ApplicationCOLOR LEVEL 1
Edline Navigation background, Left Column headers and text
COLOR LEVEL 2
Header Bar, Navigation, News and Calendar text, Mission header, and Overflow background
COLOR LEVEL 3
Left Column background
NEUTRAL LEVEL 1
Calendar and News headers
NEUTRAL LEVEL 2
Mission text
NEUTRAL LEVEL 5
Keylines, Navigation background
WHITE
Edline Navigation text, Main Content backgrounds
GREEN + WARM
G + WARM
BG + WARM Y + COOLR + COOL
C5
C1
C2
WHITE
G1
G2
G3
W5
W1
W2
WHITE
BG1
BG2
BG3
R1
R2
R3
Y1
Y2
Y3
C5
C1
C2
WHITE
W5
W1
W2
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 67
OCEAN VIEWTwo Color ApplicationCOLOR 1, LEVEL 1
Edline Navigation background, Left Column headers and text
COLOR 1, LEVEL 2
Header Bar, Mission header, and Overflow background
COLOR 1. LEVEL 3
Left Column background
COLOR 2, LEVEL 3
Edline Navigation, Navigation, News and Calendar text
NEUTRAL LEVEL 1
Calendar and News headers
NEUTRAL LEVEL 2
Mission text
NEUTRAL LEVEL 5
Keylines, Navigation background
WHITE
Main Content backgrounds
ORANGE AND BLUE + COOL
G + WARM
BG + WARM Y + COOLR + COOL
B1
B2
B3
BG1
BG2
BG3
R1
R2
R3
G1
G2
G3O3
RO3 B3 R3
C5
C1
C2
WHITE
C5
C1
C2
WHITE
W5
W1
W2
WHITE
W5
W1
W2
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 68
POINT PIERCEOne Color ApplicationCOLOR LEVEL 1
Header Bar and Welcome backgrounds
COLOR LEVEL 2
Header Bar and Welcome backgrounds
COLOR LEVEL 3
Header Bar and Welcome backgrounds
COLOR LEVEL 4
Welcome textNEUTRAL LEVEL 1
Edline Navigation, News and Calendar backgrounds and Mission header + text, Footer text
NEUTRAL LEVEL 2
Navigation, News, and Calendar text
NEUTRAL LEVEL 5
Main Content and Overflow backgrounds
WHITE
Edline Navigation and Header Bar text, Navigation background, Welcome, News and Calendar headers
RED + BLACK
R + COOL
V + COOL RV + WARMYG + WARM
R1
R2
R3
R4
C5
C1
C2
WHITE
W5
W1
W2
WHITE
YG1
YG2
YG3
YG4
W5
W1
W2
WHITE
YG1
YG2
YG3
YG4
R1
R2
R3
R4
C5
C1
C2
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 69
POINT PIERCETwo Color ApplicationCOLOR 1, LEVEL 1
Edline Navigation, News and Calendar backgrounds and Mission header + text
COLOR 1, LEVEL 2
News and Calendar text
COLOR 1, LEVEL 4
Main Content and Overflow backgrounds
COLOR 2, LEVEL 1
Header Bar and Welcome backgrounds
COLOR 2, LEVEL 2
Header Bar and Welcome backgrounds
COLOR 2, LEVEL 3
Header Bar and Welcome backgrounds
COLOR 2, LEVEL 4
Welcome textWHITE
Edline Navigation and Header Bar text, Navigation background, Welcome, News and Calendar headers
B1
B4
O1
O2
O3
B2
O4
BLUE AND ORANGE
B AND 0
R AND Y BG AND YOG AND BG
WHITE
BG1
BG2
BG4
YO1
YO2
YO3
YO4
R1
R2
R4
Y1
Y2
Y3
Y4
G1
G2
G4
BG1
BG2
BG3
BG4
WHITE WHITE WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 70
RENWOODOne Color ApplicationCOLOR LEVEL 2
Navigation text, News and Calendar text
COLOR LEVEL 3
Mission headerNEUTRAL LEVEL 1
Overflow background, Header Bar text, and News and Calendar headers
NEUTRAL LEVEL 2
Edline Navigation and Left Column backgrounds, Welcome text
NEUTRAL LEVEL 5
Main Content background
WHITE
Edline Navigation, My Contents and My Bookmarks headers + text, Navigation and Footer backgrounds
RED + WARM
R + WARM
O + WARM YG + COOLBG + COOL
O2
O3
BG2
BG3
R2
R3
C1
C2
WHITE
C5
C1
C2
WHITE
C5
YG2
YG3W1
W2
WHITE
W5 W1
W2
WHITE
W5
EDLINE WEB TEMPLATES | APPLYING COLOR 71
B2
RENWOODTwo Color ApplicationCOLOR 1, LEVEL 2
Navigation text, News and Calendar text
COLOR 2, LEVEL 2 OR 3
Mission headerNEUTRAL LEVEL 1
Overflow background, Header Bar text, and News and Calendar headers
NEUTRAL LEVEL 2
Edline Navigation and Left Column backgrounds, Welcome text
NEUTRAL LEVEL 5
Main Content background
WHITE
Edline Navigation, My Contents and My Bookmarks headers + text, Navigation and Footer backgrounds
BLUE AND YELLOW + COOL
B AND Y + COOL
V AND YO + COOL B AND O + WARMYG & V + WARM
V2
YO2
YG2
V3
Y2
C1
C2
WHITE
C5 C1
C2
WHITE
C5
W1
W2
WHITE
W5
B2
O3
W1
W2
WHITE
W5
EDLINE WEB TEMPLATES | APPLYING COLOR 72
RHINEHURST ACADEMYOne Color ApplicationCOLOR LEVEL 2
Header and Footer text, Our Mission, Calendar, News, and Links headers
NEUTRAL LEVEL 2
Navigation, Our Mission, Calendar, News, and Links text
NEUTRAL LEVEL 3
Edline Navigation
NEUTRAL LEVEL 4
Overflow, Header, Navigation, and Main Content background gradients
NEUTRAL LEVEL 5
Overflow, Header, Navigation, and Main Content background gradients
GREEN + WARM
G + WARM
BV + WARM O + COOLR + COOL
G2
O2BV2 R2
C2
C4
C5
WHITE
W2
W4
W5
WHITE
C2
C4
C5
WHITE
C3
W2
W4
W5
WHITE
W3
W3
C3
EDLINE WEB TEMPLATES | APPLYING COLOR 73
RHINEHURST ACADEMYTwo Color ApplicationCOLOR 1, LEVEL 2
Header text, Calendar and News headers
COLOR 2, LEVEL 2
Footer text, Our Mission and Links headers
NEUTRAL LEVEL 2
Navigation, Our Mission, Calendar, News, and Links text
NEUTRAL LEVEL 3
Edline Navigation
NEUTRAL LEVEL 4
Overflow, Header, Navigation, and Main Content background gradients
NEUTRAL LEVEL 5
Overflow, Header, Navigation, and Main Content background gradients
RED VIOLET AND BLUE + COOL
RV & B + COOL
BV AND Y + COOL O & BG + WARMR & YO + WARM
RV2
O2BV2 R2B2
BG2Y2 YO2C2
C4
C5
WHITE
C3
W2
W4
W5
WHITE
W3
C2
C4
C5
WHITE
C3
W2
W4
W5
WHITE
W3
EDLINE WEB TEMPLATES | APPLYING COLOR 74
B1
B2
B4
BLUE + WARMRIDGECREST ACADEMYOne Color ApplicationCOLOR LEVEL 1
Header Bar text, Mission HeaderCOLOR LEVEL 2
Edline Navigation, Header Bar, and Footer text, Contents, News, Calendar, and Links headers, Edline Navigation and Main Content backgroundsCOLOR LEVEL 4
Overflow background
NEUTRAL LEVEL 2
Mission, News, and Calendar text
NEUTRAL LEVEL 4
Keylines
WHITE
Navigation text, News, Calendar and Links backgrounds
B + WARM
RV + WARM BV + COOLO + COOL
C4
C2
WHITE
RV1
RV2
RV4
O1
O2
O4
W4
W2
WHITE
W4
W2
WHITE
C4
C2
WHITE
BV1
BV2
BV4
EDLINE WEB TEMPLATES | APPLYING COLOR 75
C4
C2
WHITE
C4
C2
WHITE
RIDGECREST ACADEMYTwo Color ApplicationCOLOR 1, LEVEL 1
Header Bar text, Mission HeaderCOLOR 1, LEVEL 2
Edline Navigation, Header Bar, and Footer text, Contents, News, Calendar, and Links headers, Edline Navigation and Main Content backgroundsCOLOR 2, LEVEL 4
Overflow background
NEUTRAL LEVEL 2
Mission, News, and Calendar text
NEUTRAL LEVEL 4
Keylines
WHITE
Navigation text, News, Calendar and Links backgrounds
RED AND YELLOW + COOL
R1
R2
YO4
R AND YO + COOL
B AND G + COOL BV & Y + WARMO AND B + WARM
B1
B2
G4
O1
O2
B4
W4
W2
WHITE
W4
W2
WHITE
BV1
BV2
Y4
EDLINE WEB TEMPLATES | APPLYING COLOR 76
RIVERSIDEOne Color ApplicationCOLOR LEVEL 1
Mission header
COLOR LEVEL 3
Header Bar and Flash Area background gradient and Edline Navigation, News, and Calendar text
NEUTRAL LEVEL 1
Navigation background gradient
NEUTRAL LEVEL 2
Navigation background gradient, Mission text, News and Calendar headers + keylines, and Main Content background
NEUTRAL LEVEL 4
Edline Navigation background
NEUTRAL LEVEL 5
Overflow background
WHITE
Navigation text, Mission and News backgrounds
BV + COOL
YG + COOL R + WARMO + WARM
C5
C2
C4
WHITE
BV1
BV3 R1YG1
YG3
O1
R3O3
W5
W2
W4
WHITE
W5
W2
W4
WHITE
C5
C2
C4
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 77
RIVERSIDETwo Color ApplicationCOLOR 1, LEVEL 1
Mission header
COLOR 2, LEVEL 3
Header Bar and Flash Area background gradient and Edline Navigation, News, and Calendar text
NEUTRAL LEVEL 1
Navigation background gradient
NEUTRAL LEVEL 2
Navigation background gradient, Mission text, News and Calendar headers + keylines, and Main Content background
NEUTRAL LEVEL 4
Edline Navigation background
NEUTRAL LEVEL 5
Overflow background
WHITE
Navigation text, Mission and News backgrounds
B AND G + WARM
BG & R + WARM BV & YG + COOLO AND B + COOL
B1
G3 BV1BG1
R3
O1
YG3B3
W5
W2
W4
WHITE
W5
W2
W4
WHITE
C5
C2
C4
WHITE
C5
C2
C4
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 78
SHELBYOne Color ApplicationCOLOR LEVEL 1
Header Bar background gradient, Navigation background gradient
COLOR LEVEL 2 OR 3
Header Bar background gradient, Navigation background gradient, Photograph outlines, Mission header
NEUTRAL LEVEL 1
Welcome and Mission text, Overflow, News and Calendar backgrounds
NEUTRAL LEVEL 2
Edline Navigation background and Main Content background
WHITE
Edline Navigation, Header Bar, Navigation and Footer text and News and Calendar headers + text
G + COOLBG + WARM
W1
W2
BG1
BG2
RV + WARM
RV1
RV3 G1
G2
C1
C2
Y + COOL
C1
C2
WHITE WHITE WHITE
Y1
Y2W1
W2
WHITE
RED VIOLET + WARM
EDLINE WEB TEMPLATES | APPLYING COLOR 79
SHELBYTwo Color ApplicationCOLOR 1, LEVEL 1
Header Bar background gradient
COLOR 1, LEVEL 2
Header Bar background gradient, Photograph outlines, Mission header
COLOR 2, LEVEL 1
Navigation background gradient
COLOR 2, LEVEL 2
Navigation background gradient
NEUTRAL LEVEL 1
Welcome and Mission text, Overflow, News and Calendar backgrounds
NEUTRAL LEVEL 2
Edline Navigation background and Main Content background
WHITE
Edline Navigation, Header Bar, Navigation and Footer text and News and Calendar headers + text
V AND R + COOL
Y AND V + WARMG AND V + WARM
C1
C2
WHITE
V2
BG & YG + COOL
W1
W2
BG1
BG2
BV1
BV2 G1
G2
V1
W1
W2
C1
C2
WHITE WHITEWHITE
BLUE VIOLET AND RED + COOL
R1
R2 YG1
YG2
V1
V2 Y2
Y1
EDLINE WEB TEMPLATES | APPLYING COLOR 80
SMITHFIELD SCIENCEOne Color ApplicationCOLOR LEVEL 3
Logo, News and Calendar headers, Footer text
NEUTRAL LEVEL 2
Header, Navigation, News, Calendar, and Mission text, Logo, Keylines, Footer background
NEUTRAL LEVEL 3
Edline Navigation
NEUTRAL LEVEL 4
Overflow background
BLUE + WARM
R3
R + COOL
C4
C2
C3
WHITE
V3
V + WARM
W4
W2
W3
WHITE
RO3
RO + COOL
C4
C2
C3
WHITE
B3
B + WARM
W4
W2
W3
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 81
SMITHFIELD SCIENCETwo Color ApplicationCOLOR 1, LEVEL 1 OR 2
Header text, Logo, News and Calendar headers
COLOR 2, LEVEL 3
Logo, Footer text
NEUTRAL LEVEL 2
Navigation, News, Calendar, and Mission text, Keylines, Footer background
NEUTRAL LEVEL 3
Edline Navigation
NEUTRAL LEVEL 4
Overflow background
R3YO3 RO3
G1
YG3 R1BV2 B1
G AND YG + WARM
R + COOLRO + COOLBV & YO + WARM
GREEN AND YELLOW GREEN + COOL
C4
C2
C3
WHITE
C4
C2
C3
WHITE
W4
W2
W3
WHITE
W4
W2
W3
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 82
SOUTHBROOKOne Color ApplicationCOLOR LEVEL 1
Navigation, Main Content, Banner, and Footer background gradients, Photo background
COLOR LEVEL 2
Navigation, Banner, and Footer background gradients
COLOR LEVEL 3
Main Content background gradient
NEUTRAL LEVEL 2
Edline Navigation and Footer backgrounds
NEUTRAL LEVEL 5
Overflow background
VIOLET + WARM
RV3
RO + COOL
RO1
RO2
RO3
V + WARM
RV + WARM
YG1
YG2
YG3
RV1
RV2
YG + COOL
V1
V2
V3
C2
WHITE
C5
W2
WHITE
W5
C2
WHITE
C5
W2
WHITE
W5
EDLINE WEB TEMPLATES | APPLYING COLOR 83
SOUTHBROOKTwo Color ApplicationCOLOR LEVEL 1
Navigation, Main Content, and Footer background gradients
COLOR LEVEL 2
Navigation and Footer background gradients
COLOR LEVEL 3
Main Content background gradient
COLOR LEVEL 1
Photo background, Banner background gradient
COLOR LEVEL 2
Banner background gradient
NEUTRAL LEVEL 2
Edline Navigation and Footer backgrounds
NEUTRAL LEVEL 5
Overflow background
ORANGE AND RED + COOL
RV3
R & BG + WARM
R1
R2
R3
O AND R + COOL
RV AND Y + COOL
YG1
YG2
YG3
RV1
RV2
YG & B + WARM
O1
O2
O3
C2
WHITE
C5
C2
WHITE
C5
W2
WHITE
W5
W2
WHITE
W5
R1
R2 Y1
Y2
B1
B2
BG1
BG2
EDLINE WEB TEMPLATES | APPLYING COLOR 84
ST. ANDREWSOne Color ApplicationCOLOR LEVEL 2
Photo area and Navigation background
COLOR LEVEL 3
Navigation background
COLOR LEVEL 4
Navigation background and Header Bar backgroundNEUTRAL LEVEL 1
Edline Navigation and Footer text, News header + text, Calendar header
NEUTRAL LEVEL 3
Calendar text
NEUTRAL LEVEL 5
Overflow background
WHITE
Header Bar and Navigation text and Main Content background
YELLOW GREEN + COOL
BG + COOL
YG + COOL BV + WARMR + WARM
R2
R3
R4
BV2
BV4
W5
W1
W3
WHITE
W5
W1
W3
WHITE
C5
C1
C3
WHITE
BG2
BG3
BG4
BV3
C5
C1
C3
WHITE
YG2
YG3
YG4
EDLINE WEB TEMPLATES | APPLYING COLOR 85
ST. ANDREWSTwo Color ApplicationCOLOR 1, LEVEL 2
Photo area and Navigation background
COLOR 1, LEVEL 3
Navigation background
COLOR 1, LEVEL 4
Navigation backgroundCOLOR 2, LEVEL 4
Header Bar background
NEUTRAL LEVEL 1
Edline Navigation and Footer text, News header + text, Calendar header
NEUTRAL LEVEL 3
Calendar text
NEUTRAL LEVEL 5
Overflow background
WHITE
Header Bar and Navigation text and Main Content background
BLUE GREEN AND GREEN + WARM
BG & G + WARM
YG & RO + WARM BV & YO + COOLR AND Y + COOL
C5
C1
C3
WHITE
W5
W1
W3
WHITE
BG2
BG3
BG4
YG2
YG3
YG4
R2
R3
R4
BV2
BV4
W5
W1
W3
WHITE
C5
C1
C3
WHITE
G4
BV3
YO4Y4RO4
EDLINE WEB TEMPLATES | APPLYING COLOR 86
STEVENSONOne Color ApplicationCOLOR LEVEL 3
Flash color box, Calendar and News headers, Footer address
NEUTRAL LEVEL 1
Overflow and Main Content backgrounds
NEUTRAL LEVEL 4
Edline Navigation text
NEUTRAL LEVEL 5
My Contents text
WHITE
Header, News, Calendar, and Footer text
C1
C4
C5
WHITE
W1
W4
W5
WHITE
B3
O + WARM
B + COOL
R + COOL G + WARM
W1
W4
W5
WHITE
C1
C4
C5
WHITE
R3 G3 O3
BLUE + COOL
EDLINE WEB TEMPLATES | APPLYING COLOR 87
STEVENSONTwo Color ApplicationCOLOR 1, LEVEL 3
Calendar and News headers,
COLOR 2, LEVEL 3
Flash color box, Footer address
NEUTRAL LEVEL 1
Overflow and Main Content backgrounds
NEUTRAL LEVEL 4
Edline Navigation text
NEUTRAL LEVEL 5
My Contents text
WHITE
Header, News, Calendar, and Footer text
R3
O AND B + COOL
R AND Y + WARM
BV & YG + WARM V AND Y + COOL
W1
W4
W5
WHITE
W1
W4
W5
WHITE
C1
C4
C5
WHITE
C1
C4
C5
WHITE
BV3 V3 O3
YELLOW AND RED + WARM
Y3
YG3 Y3 B3
EDLINE WEB TEMPLATES | APPLYING COLOR 88
RV3
RO + COOL
RO1
RO2
RO3
YELLOW GREEN + WARM SUMMERSETOne Color ApplicationCOLOR LEVEL I
Overflow and Edline Navigation backgrounds
COLOR LEVEL 2
Picture overlay, Our Mission header
COLOR LEVEL 3
News and Calendar headers, Navigation background, Left Column gradient
NEUTRAL LEVEL 2
My Contents headers, Our Mission, News and Calendar text
WHITE
Edline Navigation, Header Bar and Navigation text, Main Content background, Footer text
YG + WARM
RV + WARM
YG1
YG2
YG3
RV1
RV2
C2
WHITE
C2
WHITE
V + COOL
V1
V2
V3
W2
WHITE
W2
WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 89
W2
WHITE
W2
WHITE
SUMMERSETTwo Color ApplicationCOLOR 1, LEVEL I
Overflow and Edline Navigation backgrounds
COLOR 1, LEVEL 3
Picture overlay, News and Calendar headers, Left Column gradient
COLOR 2, LEVEL 3
Navigation background, Our Mission header
NEUTRAL LEVEL 2
My Contents headers, Our Mission, News and Calendar text
WHITE
Edline Navigation, Header Bar and Navigation text, Main Content background, Footer text
YO3
RO & BG + WARM
RO1
RO3
BG3
B AND G + COOL
RV & YO + COOL
B1
B3
G3
RV1
RV3
C2
WHITE
C2
WHITE
V AND G + WARM
V1
V3
G3
BLUE AND GREEN + COOL
EDLINE WEB TEMPLATES | APPLYING COLOR 90
W3 W3
WASHINGTONOne Color ApplicationCOLOR LEVEL 2
Edline Navigation and Header Bar text, Calendar and News backgrounds
COLOR LEVEL 3
Logo and Welcome text
NEUTRAL LEVEL 3
Edline Navigation, Overflow and Navigation background, Doodles, Welcome text
WHITE
Navigation and Main Content text + keylines
BLUE + COOL
B + COOL
Y + COOL R + WARMRV + WARM
C3
WHITE
B2
B3 RV2
RV3 R3
R2YO2
YO3
C3
WHITE WHITE WHITE
EDLINE WEB TEMPLATES | APPLYING COLOR 91
WASHINGTONTwo Color ApplicationCOLOR 1, LEVEL 2
Header Bar text and logo, Welcome header, Calendar and News backgrounds
COLOR 2, LEVEL 2
Edline Navigation text, and Navigation background
NEUTRAL LEVEL 3
Overflow and Edline Navigation backgrounds, Doodles, Welcome and Footer text
WHITE
Navigation and Main Content text + keylines
RED AND BLUE + WARM
W3
W3
B AND R + WARM
RV & Y + WARM O AND V + COOLBV & YO + COOL
V2
O2
WHITE
WHITE WHITE WHITE
C3 C3
R2
B2
YO2
BV2
Y2
RV2
92EDLINE WEB TEMPLATES | TEXT VISIBILITY KEY
WHITE
WHITE
WHITE
V1
VIOLET
WHITE
WHITE
WHITE
RV1
RED-VIOLET
WHITE
WHITE
WHITE
R1
RED BLUE-VIOLET
WHITE
WHITE
WHITE
BV1
BLUE
WHITE
WHITE
WHITE
B1
BLUE-GREEN
WHITE
WHITE
WHITE
BG1
WHITE
WHITE
WHITE
Y1
YELLOW
WHITE
WHITE
WHITE
YG1
YELLOW-GREEN
WHITE
WHITE
WHITE
G1
GREEN YELLOW-ORANGE
WHITE
WHITE
WHITE
YO1
ORANGE
WHITE
WHITE
WHITE
O1
RED-ORANGE
WHITE
WHITE
WHITE
RO1
COOL NEUTRALS WARM NEUTRALS
R3
R3
R2
R2
R4
R4
R3
R4
RV3
RV3
RV4
RV4
R4
R2
R3
R2
R3
R3
R3
R4
R4
R4
R2
R2
BV3
BV3
BV3
BV4
BV4
BV4
BV2
BV2
B3
B3
B3
B4
B4
B4
B2
B2
BG3
BG3
BG3
BG4
BG4
BG4
BG2
BG2
YG3
YG3
YG4
YG4
YG2
Y3
Y4
Y2
YO3
YO4
YO2
O3
O3
O3
O4
O4
O4
O2
O2
RO3
RO3
RO3
RO4
RO4
RO4
RO2
RO2
G3
G3
G3
G4
G4
G4
G2
G2
WHITE
WHITE
WHITE
WHITE
C4
C5
C5
C5
C3
C3
C4
C4
C2
C2
C2
C3
C1
C1
C1
C1
WHITE
WHITE
WHITE
WHITE
W4
W5
W5
W5
W3
W3
W4
W4
W2
W2
W2
W3
W1
W1
W1
W1
TEXT VISIBILITY GUIDELINESAcceptable type colors over background colors:
NEUTRALSAcceptable type colors over background colors:
YG4
YG3
Y4 YO3
YO4
YO4
Y3 YO3
Y4