• Reading
  • Writing
  • Math
  • Science
  • Gardening
  • Recipes
  • Cultural

The Educators' Spin On It

Learning Games and Activities

  • Home
  • About
  • Blog
  • Shop
  • Contact

Style Guide

This page demonstrates the various style elements and calls-to-action as dictated by the current style guides of this site.


Colors

Color and its use throughout a website is a crucial part of the branding puzzle. Use the following colors, and the following colors only throughout this site.

#b0d28c

#7ccdca

#ee89b1

#f4d758

#2f2f2f

#818285

#f7f7f7

#ffffff

Brighter colors should only be used in moderation and when drawing attention to specific calls-to-action.


Typography

Typography is among the most important of elements in any web design. This is why the utmost of care must be taken when crafting the style of each typographic element.

Heading 1: Font Name

Heading 2: Font Name

Heading 3: Font Name

Heading 4: Font Name

Heading 5: Font Name
Heading 6: Font Name

Typical body text and the font that should be used.

This is a quote for when you want to quote someone.


Calls to Action

Calls to action are critical if you want to move people to action. Here’s the various kinds found on this site.

.button
.green-button
.yellow-button
.pink-button

<a href="LINK" class="button CLASS">TEXT</a>

Special Text Blocks

Special text blocks may be needed at times to draw extra attention to give specific notes or add typographic emphasis. Here are the various special text blocks.

This is the .define class used for things like definitions and such.

This is the .notice class used to draw special attention to text inside a blog post either for citing the blog post as part of a series or small annotations.

<p class="CLASS">TEXT</p>

Like this idea? Pin for later or share now with a friend!

  • Twitter
  • Facebook

Subscribe to our Newsletter!



GRAB OUR BOOK ON AMAZON!

100 fun and Easy Learning Games for Kids Book Cover Standing

For ages…

Grade School
Preschool
Toddler
Baby

Find a Kid’s Activity

Popular Posts

Virtual Field Trips for Kids
Classroom placement request
10 things to put in a pinata that are not candy
Summer Virtual Field Trips for kids. Explore Oceans, Beaches, Amusement Parks, Springs and more!
June Activity Calendar for Kids. A month long guide packed full of fun summer activities for your child

As an Amazon Associate I earn from qualifying purchases.

You Might Also Like

June Activities for Kids! Explore a month long activity guide for your child to kick off summer!

June Activities for Kids {Free Summer Activity Calendar}

First Day of Summer Vacation Interview for Kids with download

First Day of Summer Vacation Interview for Kids

Summer Virtual Field Trips for kids. Explore Oceans, Beaches, Amusement Parks, Springs and more!

Summer Virtual Field Trips for Kids

Summer Bucket List Planner

Summer Bucket List {Play Learn Make Go }

Ice+Cream+Themed+End+of+Year+Keepsake.png

Class Project for End of School Year

Let’s Connect!

Kim Vij

Early childhood teacher, author, speaker and mom of 3. Kim Vij shares ways to make learning fun and parenting an adventure by sharing developmentally appropriate activities.
  • Home
  • About
  • Contact
  • Shop
  • Privacy Policy

Copyright © 2022