Give Guide

Web Style Guide

Color Palette

#000000;

#000000;

#000000;

#000000;

#000000;

#000000;

#000000;

Typography

h1

This is an h1.

0

h2

This is an h2.

0

h3

This is an h3.

0

h4

This is an h4.

0

h5

This is an h5.

0

h6

This is an h6.

0

lede

This is lede text. It has more text than most headers do.

0

p

This is paragraph text: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

0

a

This is paragraph text: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

0

quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

0

caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

0

ul

  • This an unordered list
  • This an unordered list
  • This an unordered list

0

ol

  1. This an ordered list
  2. This an ordered list
  3. This an ordered list

0

50/50 - Media Left

50 / 50 Media Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies, ipsum congue suscipit hendrerit, est nisi interdum nisl, non facilisis orci nulla eget quam. Aenean hendrerit, magna at faucibus porta, nunc ligula vehicula augue, eu auctor ipsum orci eget arcu. Duis interdum semper metus id euismod.

50/50 - Media Right

50 / 50 Media Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies, ipsum congue suscipit hendrerit, est nisi interdum nisl, non facilisis orci nulla eget quam. Aenean hendrerit, magna at faucibus porta, nunc ligula vehicula augue, eu auctor ipsum orci eget arcu. Duis interdum semper metus id euismod.

Accordion

Attachment Intro and Download

Callout - Additional Resources

Additional Resources

Sec. 300.8 Child with a disability – Individuals with Disabilities Education Act

Learn School Signs | American Sign Language

20+ Basic Sign Language Phrases for Beginners | ASL

Andrew Heiskell Braille and Talking Book Library | The New York Public Library

Callout - Tip

Remote Teaching and Learning Tip:

Have live, synchronous interpreters and/or add captions for your remote culminating event. You can also send out a document with the program ahead of the event for participants to follow along.

Resource - Copy Row

Summary and Quick Takeaways

Try

Share goals, expectations, or specific roles with Paraprofessionals at the beginning of class.

Try

Invite Paraprofessionals to participate or join in any activities.

Learn

There are two different types of Paraprofessionals; Classroom Paraprofessionals (for the entire class) and 1:1 Paraprofessionals (for individual students)

 

Tabs

The Tabs component should be used to showcase sections of a topic. There are no areas for defined calls to actions, so you should avoid using it to step the user through a process or present options. This is a very exploratory component and is great for places on the website where a user might be willing to take their time and look around.

  • Max Title Length: 56 Characters.
  • Max Description Length: 332 Characters.
  • Max Number of Tabs: 4.

It is important to be prepared to navigate challenging situations to ensure everyone has as positive an experience as possible.

It is important to be prepared to navigate challenging situations to ensure everyone has as positive an experience as possible.

It is important to be prepared to navigate challenging situations to ensure everyone has as positive an experience as possible.