Design Styles Foundation
The following are examples of the foundational design elements for the new Champlain College Website. This is a work in progress.
All fonts are set in Jost regular and semibold.
Champlain College Design System
Copy Blocks Should Only Span 8 Columns on XL Screens
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus dolor dolor, quis luctus dolor consequat at. Vestibulum tristique, ipsum at condimentum congue, lectus purus pharetra justo, eget finibus tortor erat ac lacus. Donec mattis eleifend dui. Vivamus eget arcu tellus. Donec blandit non justo vestibulum aliquam. Vivamus vestibulum rutrum tellus, nec mattis ex vehicula pulvinar. Etiam sed placerat neque. Aliquam imperdiet commodo est, ut facilisis risus tincidunt quis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus dolor dolor, quis luctus dolor consequat at. Vestibulum tristique, ipsum at condimentum congue, lectus purus pharetra justo, eget finibus tortor erat ac lacus. Donec mattis eleifend dui. Vivamus eget arcu tellus. Donec blandit non justo vestibulum aliquam. Vivamus vestibulum rutrum tellus, nec mattis ex vehicula pulvinar. Etiam sed placerat neque. Aliquam imperdiet commodo est, ut facilisis risus tincidunt quis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus dolor dolor, quis luctus dolor consequat at. Vestibulum tristique, ipsum at condimentum congue, lectus purus pharetra justo, eget finibus tortor erat ac lacus. Donec mattis eleifend dui. Vivamus eget arcu tellus. Donec blandit non justo vestibulum aliquam. Vivamus vestibulum rutrum tellus, nec mattis ex vehicula pulvinar. Etiam sed placerat neque. Aliquam imperdiet commodo est, ut facilisis risus tincidunt quis.
Champlain College Design System
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus dolor dolor, quis luctus dolor consequat at. Vestibulum tristique, ipsum at condimentum congue, lectus purus pharetra justo, eget finibus tortor erat ac lacus. Donec mattis eleifend dui. Vivamus eget arcu tellus. Donec blandit non justo vestibulum aliquam. Vivamus vestibulum rutrum tellus, nec mattis ex vehicula pulvinar. Etiam sed placerat neque. Aliquam imperdiet commodo est, ut facilisis risus tincidunt quis.
Champlain College Design System
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus dolor dolor, quis luctus dolor consequat at. Vestibulum tristique, ipsum at condimentum congue, lectus purus pharetra justo, eget finibus tortor erat ac lacus. Donec mattis eleifend dui. Vivamus eget arcu tellus. Donec blandit non justo vestibulum aliquam. Vivamus vestibulum rutrum tellus, nec mattis ex vehicula pulvinar. Etiam sed placerat neque. Aliquam imperdiet commodo est, ut facilisis risus tincidunt quis.
Champlain College Design System
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus dolor dolor, quis luctus dolor consequat at. Vestibulum tristique, ipsum at condimentum congue, lectus purus pharetra justo, eget finibus tortor erat ac lacus. Donec mattis eleifend dui. Vivamus eget arcu tellus. Donec blandit non justo vestibulum aliquam. Vivamus vestibulum rutrum tellus, nec mattis ex vehicula pulvinar. Etiam sed placerat neque. Aliquam imperdiet commodo est, ut facilisis risus tincidunt quis.
Champlain College Design System
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus dolor dolor, quis luctus dolor consequat at. Vestibulum tristique, ipsum at condimentum congue, lectus purus pharetra justo, eget finibus tortor erat ac lacus. Donec mattis eleifend dui. Vivamus eget arcu tellus. Donec blandit non justo vestibulum aliquam. Vivamus vestibulum rutrum tellus, nec mattis ex vehicula pulvinar. Etiam sed placerat neque. Aliquam imperdiet commodo est, ut facilisis risus tincidunt quis.
