Web Color Key Edline Sanjeev Ahuja

11.05.10

CASIE SIMPSON DESIGN STUDIO | WWW.CASIESIMPSON.COM

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

INSTRUCTIONS

To Create Your Site: Select appropriate color(s) for the school youre 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

TERM KEY

Site terms
EDLINE NAVIGATION
R3

Color
INDICATED BY LETTER

RV3

HEADER BAR
V3

R = Red RV = Red-Violet V = Violet

NAVIGATION

MAIN CONTENT

B1

Level
INDICATED BY NUMBER

B2

B3

FOOTER OVERFLOW

B4

1 = Darkest shade 2 = Medium shade 3 = Color 4 = Lightest Tint

BLUE-GREEN BG1

Family
ALL LEVELS OF A COLOR

BG2

This is the blue-green color family.

BG3

BG4

EDLINE WEB TEMPLATES | APPLYING COLOR

TERM KEY

Outline
LINE THAT ENCLOSES A SHAPE

In this example, there is a white outline around the header area and around the Mission (A)/Flash area (B).

Keyline
LINE SEPARATING TEXT SECTIONS

There are keylines here dividing terms in the left column (C) and in the right column (D) beneath news and calendar

Gradient A gradual change in color, shown in the header at the left (E). This example was created from White and Neutral Level 5.

EDLINE WEB TEMPLATES | APPLYING COLOR

TERM KEY

Overlay
TRANSPARENT 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 Shadow
G H

SHADING 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.

EDLINE WEB TEMPLATES | APPLYING COLOR

Select one or two color families:

RED R1 #3A0200 RED-VIOLET RV1 #41001E VIOLET V1 #3A0032 BLUE-VIOLET BV1 #16003F BLUE B1 #191628 BLUE-GREEN BG1 #003845

COLOR FAMILY KEY

R2

#79021E

RV2

#7D0045

V2

#650360

BV2

#332A86

B2

#10426F

BG2

#006A7D

R3

#EF4135

RV3

#E50E63

V3

#93278F

BV3

#716FB3

B3

#29ABE2

BG3

#00A0AF

R4

#FBE1DC

RV4

#FCE7F0

V4

#F4E9F2

BV4

#F2EEF8

B4

#E7F6FA

BG4

#E4F4F3

GREEN G1 #004129

YELLOW-GREEN YG1 #707000

YELLOW Y1 #BD9806

YELLOW-ORANGE YO1 #AA710A

ORANGE O1 #42210B

RED-ORANGE RO1 #5D1A00

G2

#29731C

YG2

#9FA617

Y2

#ECBC09

YO2

#E7A614

O2

#E76513

RO2

#CB3F03

G3

#8CC63F

YG3

#D5E04D

Y3

#FFD200

YO3

#FFC425

O3

#F7931E

RO3

#F26531

G4

#F5F8E3

YG4

#FBFFDA

Y4

#FEF9DC

YO4

#FFF5D4

O4

#FEEDDA

RO4

#FDE9E5

Select one neutral family:

COOL NEUTRALS C1 C2 C3 C4 C5 WHITE

NEUTRAL FAMILY KEY

WARM NEUTRALS #282828 #555555 #808080 #AAAAAA #F0F0F0 #FFFFFF W1 W2 W3 W4 W5 WHITE #1E1914 #50382A #796651 #C2BBA9 #EFECE5 #FFFFFF

EDLINE WEB TEMPLATES | COLOR KEY

JOHN Q. ADAMS
COLOR LEVEL I

RED + WARM NEUTRALS

One Color Application

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.

R + WARM R1 V + WARM R2 V1 YG + COOL YG1 RV + COOL RV1

W3 W5 WHITE

V2

YG2

RV2

W3 W5 WHITE

C3 C5 WHITE

C3 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

JOHN Q. ADAMS
COLOR 1, LEVEL I

VIOLET AND YELLOW + COOL NEUTRALS

Two Color Application

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.

V AND Y + COOL V1 G AND B + COOL V2 G1 B AND O + WARM B1 R AND B + WARM R1

Y1

G2

B2

R2

C3 C5 WHITE

B2

O2

B1

C3 C5 WHITE

W3 W5 WHITE

W3 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

ALTAMONT

RED + COOL NEUTRALS

One Color Application

COLOR 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 R3 RV + COOL C1 C4 C5 WHITE C1 C4 C5 WHITE W1 W4 W5 WHITE W1 W4 W5 WHITE RV3 G + WARM G3 O + WARM O3

EDLINE WEB TEMPLATES | APPLYING COLOR

ALTAMONT

BLUE-GREEN AND YELLOW-GREEN + WARM NEUTRALS

Two Color Application

COLOR 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

BG & YG + WARM BG3 B AND R + WARM YG3 B3 O AND B + COOL O3 V AND Y + COOL V3

W1 W4 W5 WHITE

R3

B3

Y3

W1 W4 W5 WHITE

C1 C4 C5 WHITE

C1 C4 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

One Color Application

COLOR LEVEL 3

BARRINGTON EAST

BLUE + COOL NEUTRALS

Header Bar text, line beneath Navigation, Calendar, News, My Contents and Links headers, Lines beneath photos, Photo overlay
COLOR LEVEL 4

Principals 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
B + COOL B3 BV + COOL B4 BV3 RV + WARM RV3 G + WARM G3

Header Bar and Overflow backgrounds

WHITE

Navigation, News and Links backgrounds

C1 C2 C4 C5 WHITE

BV4

RV4

G4

C1 C2 C4 C5 WHITE

W1 W2 W4 W5 WHITE

W1 W2 W4 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

10

Two Color Application

COLOR 1, LEVEL 3

BARRINGTON EAST

RED AND BLUE + WARM NEUTRALS

Header Bar text, Calendar, News, My Contents and Links headers, Photo overlay
COLOR 1, LEVEL 4

Principals 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

G AND Y + WARM G3 V AND Y + WARM G4 V3 B AND G + COOL B3 R AND B + COOL R3

Header Bar and Overflow backgrounds

WHITE

Y2

V4

B4

R4

Navigation, News and Links backgrounds

W1 W2 W4 W5 WHITE

Y2

G3

B2

W1 W2 W4 W5 WHITE

C1 C2 C4 C5 WHITE

C1 C2 C4 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

11

One Color Application

COLOR LEVEL 3

BYRON PARK

BLUE + COOL NEUTRALS

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

B + COOL B3 V + COOL C1 WHITE C1 WHITE W1 WHITE W1 WHITE V3 O + WARM O3 G + WARM G3

EDLINE WEB TEMPLATES | APPLYING COLOR

12

Two Color Application

COLOR 1, LEVEL 3

BYRON PARK

BLUE AND ORANGE + WARM NEUTRALS

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

B AND O + WARM B3 V AND YO + WARM O3 V3 B AND R + COOL B3 G AND B + COOL G3

W1 WHITE

YO3

R3

B3

W1 WHITE

C1 WHITE

C1 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

13

One Color Application

LEVEL 1

CLINTON

RED + WARM NEUTRALS

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

G, O, Y + WARM R1 V AND Y + WARM R2 V1 B AND Y + COOL B1 R AND Y + COOL O1

Keylines and Edline Navigation text

WHITE

R3

V2

B2

O2

Header Bar text and Main Content background

W1 W2 W4 WHITE

V3

B3

O3

W1 W2 W4 WHITE

C1 C2 C4 WHITE

C1 C2 C4 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

14

Two Color Application

COLOR 1, LEVEL 1

CLINTON

GREEN, ORANGE, AND YELLOW + COOL NEUTRALS

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

G, O, Y + COOL G1 V AND Y + COOL O2 V1 B AND Y + WARM B1 R AND Y + WARM R1

Keylines and Edline Navigation text

WHITE

Y3

V2

B2

R2

Header Bar text and Main Content background

C1 C2 C4 WHITE

YO3

O3

Y3

C1 C2 C4 WHITE

W1 W2 W4 WHITE

W1 W2 W4 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

15

One Color Application

LEVEL 2 OR 3*

CLOVER CITY

GREEN + COOL NEUTRALS

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 + text
NEUTRAL 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.

G + COOL YG3* B + COOL G3 B2 RV + WARM RV2 BV + WARM BV2

C2 C3 C5 WHITE

B3

RV3

BV3

C2 C3 C5 WHITE

W2 W3 W5 WHITE

W2 W3 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

16

Two Color Application

COLOR 1, LEVEL 2 OR 3*

CLOVER CITY

RED AND BLUE-GREEN + WARM NEUTRALS

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 text

NEUTRAL LEVEL 2

Mission text and My Contents, Links, News and Calendar headers + text
NEUTRAL 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.

R AND BG + WARM R2 Y AND V + WARM R3 Y3* G AND B + COOL G2 O AND B + COOL RO3

BG1

YO3

G3

O3

W2 W3 W5 WHITE

V1

B1

B1

W2 W3 W5 WHITE

C2 C3 C5 WHITE

C2 C3 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

17

One Color Application

COLOR 1, LEVEL 2

DAVID D. THOMAS

RED-VIOLET + WARM NEUTRALS

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.

RV + WARM RV2 G + WARM RV3 G2 BV + COOL BV2 YO + COOL YO1

W2 W5 WHITE

G3

BV3

YO2

W2 W5 WHITE

C2 C5 WHITE

C2 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

18

Two Color Application

COLOR 1, LEVEL 2

DAVID D. THOMAS

RED AND BLUE-GREEN + COOL NEUTRALS

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 O AND B + COOL R3 O2 B AND Y + WARM B2 G AND B + WARM G2

BG2

O3

B3

G3

C2 C5 WHITE

B2

Y1

B2

C2 C5 WHITE

W2 W5 WHITE

W2 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

19

One Color Application

COLOR LEVEL 2

DAVIS ACADEMY

GREEN + WARM NEUTRALS

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

G + WARM G2 RV + WARM W2 W3 WHITE W2 W3 WHITE C2 C3 WHITE C2 C3 WHITE RV2 B + COOL B2 YO + COOL YO2

EDLINE WEB TEMPLATES | APPLYING COLOR

20

Two Color Application

COLOR LEVEL 2

DAVIS ACADEMY

BLUE-VIOLET AND GREEN + COOL NEUTRALS

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

BV AND G + COOL BV2 RV AND YO + COOL G2 RV2 B AND O + WARM B2 V AND Y + WARM V2

C2 C3 WHITE

YO2

O2

Y2

C2 C3 WHITE

W2 W3 WHITE

W2 W3 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

21

One Color Application

COLOR LEVEL 3

DAVIS TOWNSHIP WEST

ORANGE + COOL NEUTRALS

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

O + COOL O3 G + COOL C1 C2 C4 C5 C1 C2 C4 C5 WHITE W1 W2 W4 W5 WHITE W1 W2 W4 W5 WHITE G3 BV + WARM BV3 BG + WARM BG3

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.

WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

22

Two Color Application

COLOR 1, LEVEL 3

DAVIS TOWNSHIP WEST

YELLOW AND VIOLET + WARM NEUTRALS

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

Y AND V + WARM Y2 G AND B + WARM V2 G3 B AND R + COOL B3 O AND B + COOL O3

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.

W1 W2 W4 W5 WHITE

B2

R3

B2

W1 W2 W4 W5 WHITE

C1 C2 C4 C5 WHITE

C1 C2 C4 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

23

One Color Application

COLOR

DRISCOL

VIOLET + WARM NEUTRALS

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
BV + WARM BV1 YG + WARM W3 W4 W5 WHITE W3 W4 W5 WHITE C3 C4 C5 WHITE C3 C4 C5 WHITE YG1 O + COOL O1 G + COOL G1

EDLINE WEB TEMPLATES | APPLYING COLOR

24

Two Color Application

COLOR 1, LEVEL 1

DRISCOL

RED AND YELLOW + COOL NEUTRALS

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

R AND Y + COOL R1 BG AND O + COOL Y1 BG1 Y AND BV + WARM YO1 B AND Y + WARM B1

Navigation

C3 C4 C5 WHITE

O2

BV2

Y1

C3 C4 C5 WHITE

W3 W4 W5 WHITE

W3 W4 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

25

One Color Application

COLOR LEVEL 3

EDISON PARK

BLUE + WARM NEUTRALS

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

B + WARM B3 RV + WARM W1 W2 W4 WHITE W1 W2 W4 WHITE C1 C2 C4 WHITE C1 C2 C4 WHITE RV3 BV + WARM BV3 R + WARM R3

EDLINE WEB TEMPLATES | APPLYING COLOR

26

Two Color Application

COLOR 1, LEVEL 3

EDISON PARK

RED-VIOLET AND ORANGE + COOL NEUTRALS

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

RV AND RO + COOL RV3 Y AND B + COOL RO3 Y3 G AND V + WARM G3 R AND B + WARM R3

C1 C2 C4 WHITE

B3

V3

B3

C1 C2 C4 WHITE

W1 W2 W4 WHITE

W1 W2 W4 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

27

One Color Application

COLOR LEVEL I

EDWARDSVILLE

BLUE + COOL NEUTRALS

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

B + COOL B1 R + COOL B3 R1 BG + WARM BG1 BV + WARM BV2

C2 C4 WHITE

R3

BG3

BV3

C2 C4 WHITE

W2 W4 WHITE

W2 W4 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

28

Two Color Application

COLOR 1, LEVEL I

EDWARDSVILLE

VIOLET AND YELLOW + WARM NEUTRALS

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

V AND YO + WARM V1 R AND Y + WARM YO3 R1 B AND O + COOL B1 YG AND B + COOL YG1

W2 W4 WHITE

Y3

O3

B3

W2 W4 WHITE

C2 C4 WHITE

C2 C4 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

29

One Color Application

COLOR LEVEL I

ENGLEBROOK

ORANGE + WARM NEUTRALS

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

O + WARM O1 B + WARM O3 B1 V + COOL V1 R + COOL R1

O4

B3

V3

R3

W1 W3 W5 WHITE

B4

V4

R4

W1 W3 W5 WHITE

C1 C3 C5 WHITE

C1 C3 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

30

Two Color Application

COLOR 1, LEVEL I

ENGLEBROOK

BLUE AND RED + COOL NEUTRALS

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

B AND R + COOL B1 G AND YO + COOL R3 G1 V AND B + WARM V1 G AND B + WARM G1

R4

YO3

B3

B3

C1 C3 C5 WHITE

YO4

B4

B4

C1 C3 C5 WHITE

W1 W3 W5 WHITE

W1 W3 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

31

One Color Application

COLOR 1, LEVEL 3

FAIRFAX

YELLOW + BLACK

Main Content background, Navigation text

COLOR 1, LEVEL 4

Overflow background
BLACK

Edline Navigation, Navigation and News backgrounds, Keylines, Mission header + text and News text
WHITE

Edline Navigation and Header Bar text, Welcome header + text, and News header

Y + BLACK YO3 R + BLACK YO4 R3 G + BLACK G3 BV + BLACK BV3

BLACK WHITE

R4

G4

BV4

BLACK WHITE

BLACK WHITE

BLACK WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

32

Two Color Application

COLOR 1, LEVEL 3

FAIRFAX

GREEN AND YELLOW + BLACK

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 text
WHITE

Edline Navigation and Header Bar text, Welcome header + text, and News header

O AND B + BLACK O3 B AND G + BLACK B4 B3 Y AND G + BLACK Y3 BV AND Y + BLACK BV3

BLACK WHITE

G4

G4

Y4

BLACK WHITE

BLACK WHITE

BLACK WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

33

One Color Application

COLOR LEVEL 1

FENNIGAN HIGH

GREEN + COOL

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

G + COOL G1 BG + COOL G3 BG1 R + WARM R1 V + WARM V1

Header Bar text, Main Content background, and Left Column gradient

C2 C5 WHITE

BG3

R3

Y3

C2 C5 WHITE

W2 W5 WHITE

W2 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

34

Two Color Application

COLOR 1, LEVEL 1

FENNIGAN HIGH

PURPLE AND VIOLET + WARM

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
V AND Y + WARM V1 BG AND O + WARM V3 BG1 R AND B + COOL R1 B AND Y + COOL B1

Overflow background and Left Column gradient

WHITE

Header Bar text, Main Content background, and Left Column gradient

Y3

BG3

R3

B3

W2 W5 WHITE

O3

B3

Y3

W2 W5 WHITE

C2 C5 WHITE

C2 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

35

One Color Application

LEVEL 1

FERRAGAUT

RED + COOL

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

R + COOL R1 G + COOL R2 G1 RO + WARM RO1 BV + WARM BV1

R3

G2

RO2

BV2

C1 C2 WHITE

G3

RO3

BV3

C1 C2 WHITE

W1 W2 WHITE

W1 W2 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

36

Two Color Application

COLOR 1, LEVEL 1

FERRAGAUT

BLUE GREEN AND ORANGE + WARM

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

O AND BG + WARM O1 YO AND V + WARM O2 YO1 B AND R + COOL B1 G AND Y + COOL G1

BG2

YO2

B2

G2

W2 WHITE

V2

R3

Y2

W2 WHITE

C2 WHITE

C2 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

37

One Color Application

LEVEL I

FREDRICKSON

BLUE AND GREEN + BLACK

Overflow and Main Content background

LEVEL 3

Photo overlay, News Calendar, and Our Mission headers, My Contents, Links, and Footer text
WHITE

Edline Navigation, Navigation, Header Bar, Our Mission, News and Calendar text
BLACK

Navigation and Footer backgrounds

G + BLACK G1 BV + BLACK G3 BV1 RO + BLACK RO1 R + BLACK R1

WHITE BLACK

BV2

RO2

R3

WHITE BLACK

WHITE BLACK

WHITE BLACK

EDLINE WEB TEMPLATES | APPLYING COLOR

38

Two Color Application

COLOR 1, LEVEL I

FREDRICKSON

BLUE AND GREEN + BLACK

Overflow and Main Content background

COLOR 1, LEVEL 3

Photo overlay, News and Calendar headers, My Contents, Links, and Footer text
COLOR 2, LEVEL 3

Our Mission header

WHITE

Edline Navigation, Navigation, Header Bar, Our Mission, News and Calendar text
BLACK

Navigation and Footer backgrounds

B AND G + BLACK B1 RV AND B + BLACK B3 RV1 V AND Y + BLACK V1 R AND G + BLACK R1

G3

RV2

V2

R3

WHITE BLACK

B3

YO3

G3

WHITE BLACK

WHITE BLACK

WHITE BLACK

EDLINE WEB TEMPLATES | APPLYING COLOR

39

One Color Application

COLOR LEVELS 1, 2 AND 3

HARMONY

RED VIOLET ANALAGOUS + WARM

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 Application
COLOR 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 Applications
NEUTRAL LEVEL 2

Edline navigation, News, Calendar, Our mission, and Footer headers + text, Navigation background
NEUTRAL LEVEL 2

ANALAGOUS + W RV2 ANALAGOUS + W RV3 BG2 G + COOL G2 BV + COOL BV2

Footer background
NEUTRAL LEVEL 5

Overflow background
WHITE

V2

BG3

G3

BV3

Header and Main Content background, Navigation text

V3

YG2

G1

BV1

BV2

YG3

G3

BV3

W2 W4 W5 WHITE

Y2

G2

BV2

W2 W4 W5 WHITE

C2 C4 C5 WHITE

C2 C4 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

40

Two Color Application

COLOR 1, LEVELS 2 AND 3

HARMONY

MULTI + COOL

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 Application
LEVEL 3 COLORS

Beneath the navigation (choose 5 and place one in each box), Select one color for Header bar text All Applications
NEUTRAL LEVEL 2

Edline navigation, News, Calendar, Our mission, and Footer headers + text, Navigation background
NEUTRAL LEVEL 2
MULTI + COOL G3 R AND B + COOL O3 R3 YO AND V + WARM YO3 MULTI + WARM BG3

Footer background
NEUTRAL LEVEL 5

Overflow background
V3 R2 YO2 YO3

WHITE

Header and Main Content background, Navigation text

B3

B3

V3

V3

B2

B1

V1

O3

C2 C4 C5 WHITE

B2

V2

YG3

C2 C4 C5 WHITE

W2 W4 W5 WHITE

W2 W4 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

41

One Color Application

LEVEL 1

ICKFORD HALL

VIOLET + BLACK

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
V + BLACK V1 O + BLACK V2 O1 RV + BLACK RV1 YG + BLACK YG1

V3

O2

RV2

YG2

BLACK WHITE

O3

RV3

YG3

BLACK WHITE

BLACK WHITE

BLACK WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

42

Two Color Application

COLOR 1, LEVEL 1

ICKFORD HALL

GREEN AND YELLOW + COOL NEUTRALS

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

Y AND G + BLACK Y1 B AND O + BLACK Y3 B1 Y AND V + BLACK Y1 G AND B + BLACK G1

G2

B3

Y3

G3

O2 C1 WHITE C1 WHITE

V2

B2

C1 WHITE

C1 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

43

One Color Application

COLOR LEVEL 1

KIRKLAND

GREEN + WARM

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

G + WARM G1 R + WARM G2 R1 B + COOL B1 O + COOL O1

G3

R2

B2

O2

W1 W2 W5 WHITE

R3

B3

O3

W1 W2 W5 WHITE

C1 C2 C5 WHITE

C1 C2 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

44

Two Color Application

COLOR 1, LEVEL 1

KIRKLAND

MULTICOLOR + COOL

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 Application

LEVEL 3 COLORS

Header Bar background (choose 5 and place one in each box), Select one color for Header bar background and Text headers All Applications
NEUTRAL LEVEL 1
MULTI + COOL R3 MULTI + COOL Y3 V3 B + WARM B1 O + WARM O1

Header Bar text, Main Content text

NEUTRAL LEVEL 2

G3

BV3

B2

O2

Edline Navigation and Footer text

NEUTRAL LEVEL 5

V3

B3

B3

O3

B3

BG3

YG2

B2

Overflow background
C1 G3 YG3 B3

WHITE

Main Content background

C2 C5 WHITE C1 C2 C5 WHITE W1 W2 W5 WHITE W1 C1 W2 C2 W5 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

45

One Color Application

COLOR LEVEL 2 OR 3

LAKE FOREST

ORANGE + COOL

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 O2 YG + COOL C2 C3 C5 WHITE C2 C3 C5 WHITE W2 W3 W5 WHITE W2 W3 W5 WHITE YG2 BV + WARM BV2 BG + WARM BG2

EDLINE WEB TEMPLATES | APPLYING COLOR

46

Two Color Application

COLOR 1, LEVEL 2 OR 3

LAKE FOREST

BLUE GREEN AND BLUE + WARM

Header Bar text, Navigation line

COLOR 2, LEVEL 2 OR 3

Calendar, News, and Mission headers, Photo overlay

NEUTRAL 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
BG AND O + WARM B2 BG & YG + WARM O2 BG2 R AND B + COOL R3 V & YO + WARM V2

Header Bar and Navigation backgrounds, Keylines, and Main Content gradients

W2 W3 W5 WHITE

YG2

B2

YO2

W2 W3 W5 WHITE

C2 C3 C5 WHITE

C2 C3 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

47

One Color Application

LEVEL 1

LAKEVIEW SCHOOL

BLUE + WARM

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

B + WARM G2 O + WARM RO2 G2 V + COOL G2 G + COOL G2

Welcome and Navigation text and News background

G4

RO2

RO2

RO2

W2 W4 W5 WHITE

G4

G4

G4

W2 W4 W5 WHITE

C2 C4 C5 WHITE

C2 C4 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

48

Two Color Application

COLOR 1, LEVEL 2

LAKEVIEW SCHOOL

GREEN AND RED ORANGE + COOL

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

G AND RO + COOL G2 RO & BG + COOL G4 RO2 YG AND Y + WARM YG2 YO & BV + WARM YO2

Edline Navigation background, Overflow background (50% opacity)

WHITE

RO2

RO4

YG4

YO4

Welcome and Navigation text and News background

RO3

BG2

Y2

BV2

C2 C4 C5 WHITE

BG3

Y3

BV3

C2 C4 C5 WHITE

W2 W4 W5 WHITE

W2 W4 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

49

One Color Application

COLOR LEVEL 2

LENNOX EAST

ORANGE + COOL

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 O2 Y + COOL O3 YO2 BG + WARM BG2 R + WARM R2

C1 C5 WHITE

YO3

BG3

R3

C1 C5 WHITE

W1 W5 WHITE

W1 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

50

Two Color Application

COLOR 1, LEVEL 2

LENNOX EAST

BLUE VIOLET AND YELLOW ORANGE + WARM

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

BV & YO + WARM BV2 O AND B + WARM YO2 O2 B AND G + COOL B2 R AND Y + COOL R2

W1 W5 WHITE

B2

G3

Y2

W1 W5 WHITE

C1 C5 WHITE

C1 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

51

One Color Application

COLOR LEVEL 2

LINCOLNSHIRE

RED + COOL

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 R2 BV + COOL R3 BV2 O + WARM O2 BG + WARM BG2

C2 C3 C5 WHITE

BV3

O3

YO3

C2 C3 C5 WHITE

W2 W3 W5 WHITE

W2 W3 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

52

Two Color Application

COLOR 1, LEVEL 2

LINCOLNSHIRE

BLUE AND YELLOW + COOL

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 B2 BV AND O + COOL Y2 BV2 G & YO + WARM O2 BG & RV + WARM BG2

C2 C3 C5 WHITE

O3

YO3

RV3

C2 C3 C5 WHITE

W2 W3 W5 WHITE

W2 W3 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

53

One Color Application

COLOR LEVEL I

LIONSHARE

VIOLET + COOL

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

V + COOL V1 YO + COOL V2 YO1 R + WARM R1 BV + WARM BV1

Header Bar, My Contents and Links text, Main Content background

V3

YO2

R2

BV2

C1 C2 C4 WHITE

YO3

R3

BV3

C1 C2 C4 WHITE

W1 W2 W4 WHITE

W1 W2 W4 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

54

Two Color Application

COLOR 1, LEVEL I

LIONSHARE

GREEN AND YELLOW GREEN + WARM

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

G & YG + COOL G1 YO & BV + COOL G2 YO1 R & Y + WARM R1 YG & BV + WARM BV1

Header Bar, My Contents and Links text, Main Content background

G3

YO2

R2

BV2

YG3

YO3

R3

YG3

C1 C2 C4 WHITE

BV3

Y3

BV3

C1 C2 C4 WHITE

W1 W2 W4 WHITE

W1 W2 W4 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

55

One Color Application

COLOR LEVEL 2

LYONS TOWNSHIP

BLUE + COOL

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 RV + COOL C3 C5 WHITE C3 C5 WHITE W3 W5 WHITE W3 W5 WHITE BV2 YG + WARM YG2 BV + WARM BV2

EDLINE WEB TEMPLATES | APPLYING COLOR

56

Two Color Application

COLOR 1, LEVEL 2

LYONS TOWNSHIP

BLUE AND VIOLET + WARM

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 RV & Y + WARM V2 RV2 YG AND B + COOL YG2 BV & YO + COOL BV2

W3 W5 WHITE

Y2

B3

YO3

W3 W5 WHITE

C3 C5 WHITE

C3 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

57

One Color Application

COLOR LEVEL 3

MARSHALL

RED + COOL

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

B AND V + WARM B2 RV & Y + WARM C3 C5 WHITE C3 C5 WHITE W3 W5 WHITE W3 W5 WHITE RV2 YG AND B + COOL YG2 BV & YO + COOL BV2

EDLINE WEB TEMPLATES | APPLYING COLOR

58

Two Color Application

COLOR 1, LEVEL 3

MARSHALL

BLUE GREEN AND GREEN + WARM

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

B AND V + WARM BG3 RV & Y + WARM G2 YG3 YG AND B + COOL V3 BV & YO + COOL R3

W3 W5 WHITE

V2

O2

Y2

W3 W5 WHITE

C3 C5 WHITE

C3 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

59

One Color Application

COLOR LEVEL 2

MT. VERNON

ORANGE + WARM

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

O + WARM O2 G + WARM O3 G2 V + COOL V2 BV + COOL BV2

Header Bar and News background and Welcome text

W2 W4 W5 WHITE

G3

V3

BV3

W2 W4 W5 WHITE

C2 C4 C5 WHITE

C2 C4 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

60

Two Color Application

COLOR 1, LEVEL 2

MT. VERNON

BLUE AND RED ORANGE + COOL

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

RO AND B + COOL RO2 V AND RV + COOL B3 V2 B AND G + WARM B2 BV AND O + WARM BV2

Header Bar and News background and Welcome text

C2 C4 C5 WHITE

RV3

G3

O3

C2 C4 C5 WHITE

W2 W4 W5 WHITE

W2 W4 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

61

One Color Application

COLOR LEVEL 2

NATIONAL

RED VIOLET + WARM

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

RV + WARM RV2

Edline Navigation, Left column and Right column backgrounds, Keylines

WHITE

V + WARM RV3 V2

O + COOL O2

B + COOL B2

W1 W2 W4 W5 WHITE

V3

O3

B3

Main Content background

W1 W2 W4 W5 WHITE

C1 C2 C4 C5 WHITE

C1 C2 C4 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

62

Two Color Application

COLOR 1, LEVEL 2

NATIONAL

BLUE AND YELLOW + COOL

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

B AND Y + COOL

NEUTRAL LEVEL 4

Header Bar and Overflow backgrounds

NEUTRAL LEVEL 5

B2 V & RV + COOL B3 V2 O & YO + WARM O2 RV & YG + WARM RV2

Edline Navigation, Left column and Right column backgrounds, Keylines

WHITE

Y3

V3

O3

RV3

C1 C2 C4 C5 WHITE

RV3

YO3

YG3

C1 C2 C4 C5 WHITE

W1 W2 W4 W5 WHITE

W1 W2 W4 W5 WHITE

Main Content background

EDLINE WEB TEMPLATES | APPLYING COLOR

63

One Color Application

COLOR LEVEL 2

NORTHSIDE

BLUE + COOL

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

B + COOL B2 RV + COOL B3 RV2 O + WARM O2 G + WARM G2

C1 C2 WHITE

RV3

O3

G3

C1 C2 WHITE

W1 B2 W2 WHITE

W1 W2 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

64

Two Color Application

COLOR 1, LEVEL 2

NORTHSIDE

BLUE VIOLET AND RED ORANGE + WARM

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

BV & YO + WARM BV2 RV & Y + WARM BV3 RV2 O AND B + COOL O2 G AND B + COOL G2

YO3

RV3

O3

G3

W1 W2 WHITE

Y2

B2

B3

W1 W2 WHITE

C1 C2 WHITE

C1 C2 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

65

One Color Application

COLOR LEVEL 1

OCEAN VIEW

GREEN + WARM

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

G + WARM G1 BG + WARM G2 BG1 R + COOL R1 Y + COOL Y1

Edline Navigation text, Main Content backgrounds

G3

BG2

R2

Y2

W1 W2 W5 WHITE

BG3

R3

Y3

W1 W2 W5 WHITE

C1 C2 C5 WHITE

C1 C2 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

66

Two Color Application

COLOR 1, LEVEL 1

OCEAN VIEW

ORANGE AND BLUE + COOL

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
G + WARM B1 BG + WARM B2 BG1 R + COOL R1 Y + COOL G1

Keylines, Navigation background

WHITE

Main Content backgrounds

B3

BG2

R2

G2

O3

BG3

R3

G3

C1 C2 C5 WHITE

RO3

B3

R3

C1 C2 C5 WHITE

W1 W2 W5 WHITE

W1 W2 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

67

One Color Application

COLOR LEVEL 1

POINT PIERCE

RED + BLACK

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 text
NEUTRAL 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

R + COOL R1

Main Content and Overflow backgrounds

WHITE

V + COOL R2 R1

YG + WARM YG1

RV + WARM YG1

R3

R2

YG2

YG2

Edline Navigation and Header Bar text, Navigation background, Welcome, News and Calendar headers

R4

R3

YG3

YG3

C1 C2 C5 WHITE

R4

YG4

YG4

C1 C2 C5 WHITE

W1 W2 W5 WHITE

W1 W2 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

68

Two Color Application

COLOR 1, LEVEL 1

POINT PIERCE

BLUE AND ORANGE

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

B AND 0

COLOR 2, LEVEL 4

Welcome text
WHITE

B1 R AND Y B2 R1 G AND BG G1 BG AND YO BG1

Edline Navigation and Header Bar text, Navigation background, Welcome, News and Calendar headers

B4

R2

G2

BG2

O1

R4

G4

BG4

O2

Y1

BG1

YO1

O3

Y2

BG2

YO2

O4

Y3

BG3

YO3

WHITE

Y4

BG4

YO4

WHITE

WHITE

WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

69

One Color Application

COLOR LEVEL 2

RENWOOD

RED + WARM

Navigation text, News and Calendar text

COLOR LEVEL 3

Mission header
NEUTRAL 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

R + WARM R2 O + WARM R3 O2 BG + COOL BG2 YG + COOL YG2

W1 W2 W5 WHITE

O3

BG3

YG3

W1 W2 W5 WHITE

C1 C2 C5 WHITE

C1 C2 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

70

Two Color Application

COLOR 1, LEVEL 2

RENWOOD

BLUE AND YELLOW + COOL

Navigation text, News and Calendar text

COLOR 2, LEVEL 2 OR 3

Mission header
NEUTRAL 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

B AND Y + COOL B2 V AND YO + COOL Y2 V2 YG & V + WARM YG2 B AND O + WARM B2

C1 C2 C5 WHITE

YO2

V3

O3

C1 C2 C5 WHITE

W1 W2 W5 WHITE

W1 W2 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

71

One Color Application

COLOR LEVEL 2

RHINEHURST ACADEMY

GREEN + WARM

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

G + WARM G2 BV + WARM W2 W3 W4 W5 WHITE W2 W3 W4 W5 WHITE C2 C3 C4 C5 WHITE C2 C3 C4 C5 WHITE BV2 R + COOL R2 O + COOL O2

EDLINE WEB TEMPLATES | APPLYING COLOR

72

Two Color Application

COLOR 1, LEVEL 2

RHINEHURST ACADEMY

RED VIOLET AND BLUE + COOL

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

RV & B + COOL RV2 BV AND Y + COOL B2 BV2 R & YO + WARM R2 O & BG + WARM O2

C2 C3 C4 C5 WHITE

Y2

YO2

BG2

C2 C3 C4 C5 WHITE

W2 W3 W4 W5 WHITE

W2 W3 W4 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

73

One Color Application

COLOR LEVEL 1

RIDGECREST ACADEMY

BLUE + WARM

Header Bar text, Mission Header

COLOR LEVEL 2

Edline Navigation, Header Bar, and Footer text, Contents, News, Calendar, and Links headers, Edline Navigation and Main Content backgrounds
COLOR 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 B1 RV + WARM B2 RV1 O + COOL O1 BV + COOL BV1

B4

RV2

O2

BV2

W2 W4 WHITE

RV4

O4

BV4

W2 W4 WHITE

C2 C4 WHITE

C2 C4 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

74

Two Color Application

COLOR 1, LEVEL 1

RIDGECREST ACADEMY

RED AND YELLOW + COOL

Header Bar text, Mission Header

COLOR 1, LEVEL 2

Edline Navigation, Header Bar, and Footer text, Contents, News, Calendar, and Links headers, Edline Navigation and Main Content backgrounds
COLOR 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

R AND YO + COOL R1 B AND G + COOL R2 B1 O AND B + WARM O1 BV & Y + WARM BV1

YO4

B2

O2

BV2

C2 C4 WHITE

G4

B4

Y4

C2 C4 WHITE

W2 W4 WHITE

W2 W4 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

75

One Color Application

COLOR LEVEL 1

RIVERSIDE

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
BV + COOL BV1 YG + COOL O + WARM O1 R + WARM R1

Overflow background
WHITE

Navigation text, Mission and News backgrounds

BV3

YG1

C2 C4 C5 WHITE

YG3

O3

R3

C2 C4 C5 WHITE

W2 W4 W5 WHITE

W2 W4 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

76

Two Color Application

COLOR 1, LEVEL 1

RIVERSIDE

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
B AND G + WARM B1 BG & R + WARM O AND B + COOL O1 BV & YG + COOL BV1

Overflow background
WHITE

Navigation text, Mission and News backgrounds

G3

BG1

W2 W4 W5 WHITE

R3

B3

YG3

W2 W4 W5 WHITE

C2 C4 C5 WHITE

C2 C4 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

77

One Color Application

COLOR LEVEL 1

SHELBY

RED VIOLET + WARM

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

RV + WARM RV1 BG + WARM RV3 BG1 G + COOL G1 Y + COOL Y1

Edline Navigation, Header Bar, Navigation and Footer text and News and Calendar headers + text

W1 W2 WHITE

BG2

G2

Y2

W1 W2 WHITE

C1 C2 WHITE

C1 C2 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

78

Two Color Application

COLOR 1, LEVEL 1

SHELBY

BLUE VIOLET AND RED + COOL

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
V AND R + COOL BV1 BG & YG + COOL BV2 BG1 G AND V + WARM G1 Y AND V + WARM V1

Edline Navigation background and Main Content background

WHITE

R1

BG2

G2

V2

Edline Navigation, Header Bar, Navigation and Footer text and News and Calendar headers + text

R2

YG1

V1

Y1

C1 C2 WHITE

YG2

V2

Y2

C1 C2 WHITE

W1 W2 WHITE

W1 W2 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

79

One Color Application

COLOR LEVEL 3

SMITHFIELD SCIENCE

BLUE + WARM

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

B + WARM B3 V + WARM W2 W3 W4 WHITE W2 W3 W4 WHITE C2 C3 C4 WHITE C2 C3 C4 WHITE V3 RO + COOL RO3 R + COOL R3

EDLINE WEB TEMPLATES | APPLYING COLOR

80

Two Color Application

COLOR 1, LEVEL 1 OR 2

SMITHFIELD SCIENCE

GREEN AND YELLOW GREEN + COOL

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

G AND YG + WARM G1 BV & YO + WARM YG3 BV2 RO + COOL B1 R + COOL R1

W2 W3 W4 WHITE

YO3

RO3

R3

W2 W3 W4 WHITE

C2 C3 C4 WHITE

C2 C3 C4 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

81

One Color Application

COLOR LEVEL 1

SOUTHBROOK

VIOLET + WARM

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

V + WARM V1 RV + WARM V2 RV1 YG + COOL YG1 RO + COOL RO1

V3

RV2

YG2

RO2

W2 W5 WHITE

RV3

YG3

RO3

W2 W5 WHITE

C2 C5 WHITE

C2 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

82

Two Color Application

COLOR LEVEL 1

SOUTHBROOK

ORANGE AND RED + COOL

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

O AND R + COOL O1 RV AND Y + COOL O2 RV1 YG & B + WARM YG1 R & BG + WARM R1

Overflow background
O3

RV2

YG2

R2

R1

RV3

YG3

R3

R2

Y1

B1

BG1

C2 C5 WHITE

Y2

B2

BG2

C2 C5 WHITE

W2 W5 WHITE

W2 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

83

One Color Application

COLOR LEVEL 2

ST. ANDREWS

YELLOW GREEN + COOL

Photo area and Navigation background

COLOR LEVEL 3

Navigation background
COLOR LEVEL 4

Navigation background and 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

BG + COOL YG2 YG + COOL YG3 BG2 R + WARM R2 BV + WARM BV2

Header Bar and Navigation text and Main Content background

YG4

BG3

R3

BV3

C1 C3 C5 WHITE

BG4

R4

BV4

C1 C3 C5 WHITE

W1 W3 W5 WHITE

W1 W3 W5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

84

Two Color Application

COLOR 1, LEVEL 2

ST. ANDREWS

BLUE GREEN AND GREEN + WARM

Photo area and Navigation background

COLOR 1, LEVEL 3

Navigation background
COLOR 1, LEVEL 4

Navigation background
COLOR 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
BG & G + WARM BG2 YG & RO + WARM R AND Y + COOL R2 BV & YO + COOL BV2

Overflow background
WHITE

Header Bar and Navigation text and Main Content background

BG3

YG2

BG4

YG3

R3

BV3

G4

YG4

R4

BV4

W1 W3 W5 WHITE

RO4

Y4

YO4

W1 W3 W5 WHITE

C1 C3 C5 WHITE

C1 C3 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

85

One Color Application

COLOR LEVEL 3

STEVENSON

BLUE + COOL

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

B + COOL B3 R + COOL C1 C4 C5 WHITE C1 C4 C5 WHITE W1 W4 W5 WHITE W1 W4 W5 WHITE R3 G + WARM G3 O + WARM O3

EDLINE WEB TEMPLATES | APPLYING COLOR

86

Two Color Application

COLOR 1, LEVEL 3

STEVENSON

YELLOW AND RED + WARM

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

R AND Y + WARM R3 BV & YG + WARM Y3 BV3 V AND Y + COOL V3 O AND B + COOL O3

W1 W4 W5 WHITE

YG3

Y3

B3

W1 W4 W5 WHITE

C1 C4 C5 WHITE

C1 C4 C5 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

87

One Color Application

COLOR LEVEL I

SUMMERSET

YELLOW GREEN + WARM

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 YG1 RV + WARM YG2 RV1 V + COOL V1 RO + COOL RO1

YG3

RV2

V2

RO2

W2 WHITE

RV3

V3

RO3

W2 WHITE

C2 WHITE

C2 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

88

Two Color Application

COLOR 1, LEVEL I

SUMMERSET

BLUE AND GREEN + COOL

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
B AND G + COOL B1 RV & YO + COOL B3 RV1 V AND G + WARM V1 RO & BG + WARM RO1

G3

RV3

V3

RO3

C2 WHITE

YO3

G3

BG3

C2 WHITE

W2 WHITE

W2 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

89

WASHINGTON
COLOR LEVEL 2

BLUE + COOL

One Color Application

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

B + COOL B2 Y + COOL B3 YO2 RV + WARM RV2 R + WARM R2

C3 WHITE

YO3

RV3

R3

C3 WHITE

W3 WHITE

W3 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

90

Two Color Application

COLOR 1, LEVEL 2

WASHINGTON

RED AND BLUE + WARM

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

B AND R + WARM B2 RV & Y + WARM R2 RV2 BV & YO + COOL BV2 O AND V + COOL O2

W3 WHITE

Y2

YO2

V2

W3 WHITE

C3 WHITE

C3 WHITE

EDLINE WEB TEMPLATES | APPLYING COLOR

91

Acceptable type colors over background colors:

RED WHITE R3 R4 R3 R4 R2 R4 R2 R3 RED-VIOLET WHITE RV3 RV4 WHITE RV3 RV4 WHITE R2 R4 RV1 R2 R3 V1 WHITE WHITE VIOLET WHITE R3 R4 R3 R4 R2 R4 R2 R3 BV1 WHITE WHITE BLUE-VIOLET WHITE BV3 BV4 BV3 BV4 BV2 BV4 BV2 BV3 B1 WHITE WHITE BLUE WHITE B3 B4 B3 B4 B2 B4 B2 B3 BG1 WHITE WHITE BLUE-GREEN WHITE BG3 BG4 BG3 BG4 BG2 BG4 BG2 BG3

TEXT VISIBILITY GUIDELINES

WHITE

WHITE

R1

GREEN WHITE G3 G4 WHITE G3 G4 WHITE G2 G4 G1 G2 G3

YELLOW-GREEN WHITE YG3 YG4 WHITE YG3 YG4 WHITE YG4

YELLOW WHITE Y3 Y4 WHITE Y4

YELLOW-ORANGE WHITE YO3 YO4 WHITE YO3 YO4

ORANGE WHITE O3 O4 WHITE O3 O4 WHITE O2 O4

RED-ORANGE WHITE RO3 RO4 WHITE RO3 RO4 WHITE RO2 RO4 RO1 RO2 RO3

WHITE

Y4

WHITE

YO4

YG1

YG2 YG3

Y1

Y2 Y3

YO1

YO2 YO3

O1

O2 O3

Acceptable type colors over background colors:

COOL NEUTRALS WHITE WHITE WHITE WHITE C3 C4 C3 C5 C5 C5 C2 C2 C2 C4 C4 C1 C1 C1 C1 W4 C3 WARM NEUTRALS WHITE WHITE WHITE WHITE W3 W3 W5 W5 W5 W2 W2 W2 W4 W4 W1 W1 W1 W1 W3

NEUTRALS

EDLINE WEB TEMPLATES | TEXT VISIBILITY KEY

92