VRT Bands
This page displays the different varieties of Bands available on the Digital Commons platform. It serves as a baseline for visual regression testing when code is deployed to the platform. Note that not every combination shown is desirable or a best practice.
View embed should be width of the band
View embed in a 2 column band (2/3 - 1/3)
id=B9
Band with dark background, light text
Video Title
id=B10
Our mission:
Safeguard and preserve the lives and property of the people of North Carolina through prevention, protection, and preparation with integrity and honor.
Two Thirds / One Third 2-Column
This format is often used when there is a background image with the focal point on the left or right. The shadows are just like the highlights, but we're going in the opposite direction. You can spend all day playing with mountains. I'll go over the colors one more time that we use: Titanium white, Phthalo green, Prussian blue, Van Dyke brown, Alizarin crimson, Sap green, Cad yellow, and Permanent red.
id=B12
One Third / Two Thirds 2-Column
This format is often used when there is a background image with the focal point on the left or right. The shadows are just like the highlights, but we're going in the opposite direction. You can spend all day playing with mountains. I'll go over the colors one more time that we use: Titanium white, Phthalo green, Prussian blue, Van Dyke brown, Alizarin crimson, Sap green, Cad yellow, and Permanent red.
id=B14
View embed in a 1-column band
Table in text editor
id=#B15
| column | one | two | three | four | five | six | seven | eight | nine | ten | eleven | twelve | thirteen | fourteen |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| animal | dog | elephant | birb | weasel | reticulated python | zebra | possum | elk | cicada | turtle | giraffe | raccoon | cat | mouse |
| color | blue | purple | paisley | yellow | pink | green | red | chartreuse | indigo | plaid | orange | magenta | cyan | orange |
| food | tacos | lasagna | salad | ice cream | black olives | pizza | baba ganoush | pickles | macarons | corn dog | viennas | chili | sushi | chips |
| plant | dandelion | aspen | rose | fern | algae | oak | gardenia | clover | crepe myrtle | juniper | hellebore | crab apple | moss | lavender |
id=B16
Quick Links and Profile with light band background
Title
Description
id=B17
Quick Links and Profile with dark band background
Title
Description
id=B18
Images in text fields
Inline medium
Inline large
Inline extra large