Style Guide

A Sub Heading

Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Salutantibus vitae elit libero, a pharetra augue. Quam diu etiam furor iste tuus nos eludet? Fabio vel iudice vincam, sunt in culpa qui officia. Quam temere in vitiis, legem sancimus haerentia. Quisque ut dolor gravida, placerat libero vel, euismod.

The style guide pattern features the default blocks and sample color treatments for creating a style guide page on your website. This pattern is an easy way to add the default heading, text, button, quote, and sample image cover content to a site you are styling. Deliver the style guide with a client’s website for easy reference and design adherence.

Typography


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph typography. Did you hear that? They’ve shut down the main reactor. We’ll be destroyed for sure. This is madness! We’re doomed! There’ll be no escape for the Princess this time. What’s that? Artoo! Artoo-Detoo, where are you? At last! Where have you been? They’re heading in this direction. What are we going to do? We’ll be sent to the spice mine of Kessel or smashed into who knows what!


Colors

Blue 100 #7BA4DB
Blue 200 #2774AE
Gold #F1BE48
Blue 50 #DDE5ED
Blue 300 #111C4E
Gray 50 #FAFAFA
White #FFFFFF
Black #454545

Forms

Contact

"*" indicates required fields

Name
This field is for validation purposes and should be left unchanged.


Embeds


Buttons

Buttons

Gallery

Quotes

Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Salutantibus vitae elit libero, a pharetra augue. Quam diu etiam furor iste tuus nos eludet? Fabio vel iudice vincam, sunt in culpa qui officia. Quam temere in vitiis, legem sancimus haerentia. Quisque ut dolor gravida, placerat libero vel, euismod.

– Some great person

Tables

HeaderHeaderHeaderHeader
FooBarBarTest
FooFooFooFoo
FooterFooterFooterFooter

Pullquotes

Quotes that can be placed between text blocks or positioned alongside them on the left or right.

Pullquote with no alignment.

Obi-Wan knew this to be true.

Darth Vader

Pullquote with wide alignment.

No! All to easy. Perhaps you are not as strong as the Emperor thought.

Darth Vader

Pullquote with full width alignment

Impressive…most impressive. Obi-Wan has taught you well. You have controlled your fear.

Pullquote with left and right alignment.

Did you hear that? They’ve shut down the main reactor. We’ll be destroyed for sure. This is madness! We’re doomed! There’ll be no escape for the Princess this time. What’s that? Artoo! Artoo-Detoo, where are you? At last! Where have you been? They’re heading in this direction.

Your destiny lies with me, Skywalker.

Darth Vader, left-aligned pullquote

I must face him alone. Chewie! Get behind me! Get behind me! Can’t get out that way. Looks like you managed to cut off our only escape route. Maybe you’d like it back in your cell, Your Highness.

Are you kidding? At the rate they’re gaining. Traveling through hyperspace isn’t like dusting crops, boy! Without precise calculations we could fly right through a star or bounce too close to a supernova and that’d end your trip real quick, wouldn’t it? What’s that flashing? We’re losing our deflector shield. Go strap yourself in, I’m going to make the jump to light speed. We’ve entered the Alderaan system.

Red Leader, we’re right above you. Turn to point. oh-five, we’ll cover for you. Stay there. I just lost my starboard engine. Get set to make your attack run. Biggs, Wedge, let’s close it up.

Your destiny lies with me, Skywalker.

Darth Vader, right-aligned pullquote

You wouldn’t want my life to get boring, would you? Luke, the Force will be with you. All wings report in. Red Ten standing by. Red Seven standing by. Red Three standing by. Red Six standing by. Red Nine standing by.

Keep half your group out of range for the next run. Copy, Base One. Luke, take Red Two and Three. Hold up here and wait for my signal…to start your run.

She’s the one in the message.. We’ve got to help her. Now, look, don’t get any funny ideas. The old man wants us to wait right here.

Where are you going? Well, I’m not going that way. It’s much too rocky. This way is much easier. What makes you think there are settlements over there? Don’t get technical with me. What mission? What are you talking about? I’ve had just about enough of you! Go that way! You’ll be malfunctioning within a day, you nearsighted scrap pile! And don’t let me catch you following me begging for help, because you won’t get it. No more adventures.


Sample Text and Color Treatment

Category or Subheading

A compelling headline that draws readers into your content.

Call to Action

Easy Accordion Gutenberg Block

The Heading

A heading in the accordion 

A communi observantia non est recedendum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae.

A communi observantia non est recedendum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae.

Custom Blocks

Image/Text

Bold Text in the headline

Heading

Non equidem invideo, miror magis posuere velit aliquet. Quisque placerat facilisis egestas cillum dolore. Curabitur blandit tempus ardua ridiculus sed magna. Contra legem facit qui id facit quod lex prohibet. Petierunt uti sibi concilium totius Galliae in diem certam indicere.

Bold Text in the headline

Heading

Non equidem invideo, miror magis posuere velit aliquet. Quisque placerat facilisis egestas cillum dolore. Curabitur blandit tempus ardua ridiculus sed magna. Contra legem facit qui id facit quod lex prohibet. Petierunt uti sibi concilium totius Galliae in diem certam indicere.

Team block

Father John Bauer

Pastor of Immaculate Heart of Mary & NDA Canonical Administrator

Father John Bauer

Pastor of Immaculate Heart of Mary & NDA Canonical Administrator

Fr. John serves as the pastor of Immaculate Heart of Mary Catholic Church and the Canonical Administrator of Notre Dame Academy. Having gone through Catholic Schools for most of his life, he is convinced of the value of a Catholic education. Being a part of Notre Dame Academy fills him with a whole lot of joy.

Father Paul Haverstock

Pastor of St. Gabriel the Archangel

Father Paul Haverstock

Pastor of St. Gabriel the Archangel

Father Paul Haverstock is the parochial administrator of St Gabriel the Archangel Catholic Church in Hopkins. A native of Eden Prairie, Fr. Paul was raised Lutheran (Missouri Synod) and converted to Catholicism in 2006 thanks to the witness of his college roommate. He was ordained a priest by Archbishop Hebda in 2016. Fr Paul’s first assignment was in Shakopee, where he loved spending time in the parish school. He is so excited to be a part of Notre Dame Academy.

Bonnie Jungels

Principal

Bonnie Jungels

Principal

Dr. Bonita Jungels has passionately served in Catholic schools for over thirty years working with preschool through 12th grade students. She holds several degrees including a doctorate in Leadership, Policy and Administration. She believes that our primary goal is to share the joy of Christ with others and through Him we will grow, learn and serve others in an amazing NDA faith community we call family.

Liz Flom

Business Administrator

Liz Flom

Business Administrator

Mrs. Liz Flom has been working in the school office since 2014, and has a business and education background. Over the years, she has been involved in the school as a parent, volunteer and employee. Her favorite time of year is back to school time when the students and families return to the building.

Vivian Pritchard

Development Director

Vivian Pritchard

Development Director

Ms. Vivian Pritchard came to Notre Dame Academy after spending many years doing Development work and volunteer work in a variety of Catholic school settings. Ms. Pritchard started at NDA teaching in the preschool, and then was excited to transition to the newly created development role to use her expertise to advance the mission of the school. Ms. Pritchard loves the welcoming and receptive demeanor of the NDA community.

Louise Wilson

Administrative Assistant

Louise Wilson

Administrative Assistant

Mrs. Louise Wilson is the first person you meet when you come to Notre Dame Academy. Her English accent is noticed by all and loved by the students, who repeat all the announcements she makes on the PA system. She previously worked at St. Gabriel’s Parish before starting at Notre Dame Academy in 2013, where she is happy and blessed working with your children every day.

Joann Meyer

Marketing & Enrollment Manager

Joann Meyer

Marketing & Enrollment Manager

Mrs. Joann Meyer began working at Notre Dame Academy in 2016. Mrs. Meyer, her husband and their three children have been part of the school community since 2006. After working in the corporate world for several years, Mrs. Meyer feels blessed to spend her days in the school office and loves welcoming new students and their families.

Cards

Spider Surprise

Icon Title

Icon Title

Icon Title

Recent News

NDA Lunches

December 19, 2024

More than love goes into these NDA lunches.

Believe and Read at NDA

December 9, 2024

Our coach from Groves Learning Organization visits our classrooms.

GRANDPARENTS/VIP DAY

November 5, 2024

NDA loves our Grandparents and VIPs!

Cover w/ Border

Plura mihi bona sunt, inclinet, amari petere vellent. Ab illo tempore, ab est sed immemorabili. Ullamco laboris nisi ut aliquid ex ea commodi consequat. Quae vero auctorem tractata ab fiducia dicuntur. At nos hinc posthac, sitientis piros Afros.

– Cool Person

Small Title

Call to Action

Some text…

Colored Background Section

First paragraph that is larger.

Fabio vel iudice vincam, sunt in culpa qui officia. Inmensae subtilitatis, obscuris et malesuada fames. Ambitioni dedisse scripsisse iudicaretur. Nec dubitamus multa iter quae et nos invenerat. Petierunt uti sibi concilium totius Galliae in diem certam indicere.

Heros

Hero

Plura mihi bona sunt, inclinet, amari petere vellent. Ab illo tempore, ab est sed immemorabili. Ullamco laboris nisi ut aliquid ex ea commodi consequat. Quae vero auctorem tractata ab fiducia dicuntur. At nos hinc posthac, sitientis piros Afros.

Subtitle

Hero Well (Centered)

Content here…

Subtitle

Hero Well (Lower Left)

Content here…

Subtitle

Hero Well (Lower Center)

Content here…

Subtitle

Hero Well (Lower Right)

Content here…

Icon Blocks

Title

Content here…

Title

Content here…

Title

Content here…

Icon Cards

Short Description

Cognitive

Preschool children are curious about the world and are able to acquire, organize and use information in increasingly complex ways.

Spiritual

Young children have a natural sense of awe, wonder and mystery. During these early years, we have the opportunity to unwrap a child’s spirituality and develop their connection to God.

Stem Learning

Science-Technology-Engineering-Math: Experiences in these areas help preschoolers develop many skills while engaging their natural curiosity.

Literacy/Language

Before a child learns to read and write, the path to literacy has already begun. Playing with books, scribbling on paper, tracing letters on an e-tablet are all steps of emergent literacy.

Social Studies

Social studies is the study of people and the ways they relate to others. The focus of social studies for infants and toddlers focus on self development within.

Social/Emotional

Children are best able to learn when they are comfortable in an environment where they feel loved and secure. The world is a complicated social puzzle!

Art/Music

Children who are engaged with and learn to appreciate music and the arts are able to demonstrate what they know. This allows them to expand their creative thinking.

Fine Motor

Fine motor control involves the coordinated movement of small muscles in the hands and fingers. Strong fine motor skills are essential as we approach many self-help and life tasks.

Large Motor

Large motor skills involve movement of the large muscles in arms, legs, and core body. Activities include walking, running, skipping, jumping, throwing, climbing, biking, balancing, dancing and more.

Notre Dame Academy