Colors

Accent

#12c2e9

#c471ed

#f64f59

AAA

Dark

#202020

AAA

Grey

#B3B3B3

AAA

Gainsboro

#dddddd

AAA

White Smoke

#f1f1f1

AAA

Light

#FFFFFF

AAA

Typography

Headings

Typeface

Font

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Note: It is a best practice to only using H1-H4 heading levels to maintain clear hierarchies and create more minimal layout structures.

Element - 4.209rem / 1.1 / Normal

H1

Element - 3.157rem / 1.1 / Normal

H2

Element - 1.2rem / 1.2 / Medium

H3

Element - 2.369rem / 1.1 / Medium

H4

Element - 1.333rem / 1.1 / Normal

H5

Element - 1rem / 1.1 / Normal

H6

Class

H1

Class

H2

Class

H3

Class

H4

Class

H5

Class

H6

Body

Typeface

Font

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Note: The body font should be set on the root 'Body (All Pages)' tag.

Paragraph Big (p-big) - 1.2rem / 1.5 / Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Paragraph - 1rem / 1.5 / Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Paragraph Small (text-small) - 0.8rem / 1.4 / Normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Description 0.625rem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Ordered List - 1rem / 1.5 / Normal

Example Ordered List
Example Ordered List

Unordered List - 1rem / 1.5 / Normal

Example Unordered List
Example Unordered List

Quote - 1.5rem / 1.5 / Normal

Block Quote – Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Buttons

Btn

Btn x Outline

Btn x Secondary

Btn x Secondary xx Outline

Button Text

Components

Academias de inglés

Great Little People te da todas las herramientas para enseñar y matricular a los más pequeños de la casa

Margarita García, academic teacher

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit, Sed Do Eiusmod Tempor Incididunt ut Labore et Dolore magna Aliqua. Ut enim ad minimi veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure pain in reprehenderit

Margarita García, academic teacher

Schedule a meeting with us and we'll give you a complete overview of the methodology and how it can enrich the educational experience at your school.

Call to action

Do you want to know more about Great Little People?

Don't wait any longer and learn more about our innovative method for teaching English in your school! Fill out this form and download a complete dossier, get to know our methodology in detail.

Communicate

Thanks to our manuals, actions and KITS of materials that are fully editable to your brand, you can communicate and attract families to try GLP in your center without being a marketing expert.

Margarita García, academic teacher

Ongoing training, tools and projects
for your teachers

Teacher and extracurricular English training

More than 300 schools and more than 25,000 families around the world have proven the effectiveness of our methodology.

Our innovative approach not only transforms the teaching of English, but it also enhances children's natural learning while having fun. The results aren't just measurable, they're visible in the classroom and at home!

Pedagogical innovation for your school

Methodology that combines play with sensory and manipulative materials and interactive tools to position your school as a leader in modern education in English for children.

Are we revolutionizing the way we learn English together?

Great Little People is here to support you in your mission to teach English at an early age, doing so in an effective and fun way. Join us in this revolution.

Call to action

Form

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Grid

[Grid]

Container

[Container]

[Container] Inner x Large

[Container] Inner x Medium

[Container] Inner x Small

[Container] Inner x Left

[Container] Inner x Right

Section

[Section] H Wrapper

[Section] V Wrapper

[Section] V Wrapper x Reduced

[Section] V Wrapper x Small

Vertical

Vertical / 2XS

Vertical / XS

Vertical / S

Vertical / M

Vertical / L

Vertical / XL

Vertical / 2XL

Vertical / 3XL

Vertical / 4XL

Vertical / 5XL

Vertical / 6XL

Vertical / 7XL

Horizontal spacing

Horizontal / 2XS

Horizontal / XS

Horizontal / S

Horizontal / M

Horizontal / L

Horizontal / XL

Horizontal / 2XL

Horizontal / 3XL

Horizontal / 4XL

Horizontal / 5XL

Horizontal / 6XL

Horizontal / 7XL

Padding

Padding / 2XS

Padding / XS

Padding / S

Padding / M

Padding / L

Padding / XL

Padding / 2XL

Padding / 3XL

Padding / 4XL

Padding / 5XL

Align

Align / Left

This text aligns to the left in desktop breakpoint and smaller ones.

Align / Left Tab

This text aligns to the left in tablet and smaller breakpoints.

Align / Left Mob

This text aligns to the left in in mobile, landscape and portrait.

Align / Center

This text aligns to the center in desktop breakpoint and smaller ones.

Align / Center Tab

This text aligns to the center in tablet and smaller breakpoints.

Align / Center Mob

This text aligns to the center in in mobile, landscape and portrait.

Align / Right

This text aligns to the right in desktop breakpoint and smaller ones.

Align / Right Tab

This text aligns to the right in tablet and smaller breakpoints.

Align / Right Mob

This text aligns to the right in in mobile, landscape and portrait.

Line Height

Line Height / XS

This text has a line-height of 1 (unitless) in desktop breakpoint and smaller ones.

Line Height / XS Tab

This text has a line-height of 1 (unitless) in tablet and smaller breakpoints.

Line Height / XS Mob

This text has a line-height of 1 (unitless) in mobile, landscape and portrait.

Line Height / S

This text has a line-height of 1.25 (unitless) in desktop breakpoint and smaller ones.

Line Height / S Tab

This text has a line-height of 1.25 (unitless) in tablet and smaller breakpoints.

Line Height / S Mob

This text has a line-height of 1.25 (unitless) in mobile, landscape and portrait.

Line Height / M

This text has a line-height of 1.5 (unitless) in desktop breakpoint and smaller ones.

Line Height / M Tab

This text has a line-height of 1.5 (unitless) in tablet and smaller breakpoints.

Line Height / M Mob

This text has a line-height of 1.5 (unitless) in mobile, landscape and portrait.

Line Height / L

This text has a line-height of 1.75 (unitless) in desktop breakpoint and smaller ones.

Line Height / L Tab

This text has a line-height of 1.75 (unitless) in tablet and smaller breakpoints.

Line Height / L Mob

This text has a line-height of 1.75 (unitless) in mobile, landscape and portrait.

Line Height / XL

This text has a line-height of 2 (unitless) in desktop breakpoint and smaller ones.

Line Height / XL Tab

This text has a line-height of 2 (unitless) in tablet and smaller breakpoints.

Line Height / XL Mob

This text has a line-height of 2 (unitless) in mobile, landscape and portrait.

Line Height / 0

Line Height 0

Font Style

Font Style / Upper

Uppercase

Font Style / Under

Underline

Font Style / Strike

Strikethrough

Font Style / None

Uppercase

Ratio

Ratio / Square

Ratio / Square Tab

Ratio / Square Mob

Ratio / Panorama

Ratio / Panorama Tab

Ratio / Panorama Mob

Ratio / Landscape

Ratio / Landscape Tab

Ratio / Landscape Mob

Ratio / Standard

Ratio / Standard Tab

Ratio / Standard Mob

Ratio / Tall

Ratio / Tall Tab

Ratio / Tall Mob

Ratio / Skyscraper

Ratio / Skyscraper Tab

Ratio / Skyscraper Mob

This div has its display set to inline-block on tablet and smaller breakpoints.

Position

Position / Static

This div has its position set to static on desktop breakpoint and smaller ones.

Position / Static Tab

This div has its position set to static on tablet and smaller breakpoints.

Position / Static Mob

This div has its position set to static on mobile, landscape and portrait.

Position / Relative

This div has its position set to relative on desktop breakpoint and smaller ones.

Position / Relative Tab

This div has its position set to relative on tablet and smaller breakpoints.

Position / Relative Mob

This div has its position set to relative on mobile, landscape and portrait.

Display

Display / Block

This div has its display set to block on desktop breakpoint and smaller ones.

Display / Block Tab

This div has its display set to block on tablet and smaller breakpoints.

Display / Block Mob

This div has its display set to block on mobile, landscape and portrait.

Display / InBlock

This div has its display set to inline-block on desktop breakpoint and smaller ones.

Display / InBlock Tab

Display / InBlock Mob

This div has its display set to inline-block on mobile, landscape and portrait.

Display / Inline

This div has its display set to inline on desktop breakpoint and smaller ones.

Display / Inline Tab

This div has its display set to inline on tablet and smaller breakpoints.

Display / Inline Mob

This div has its display set to inline on mobile, landscape and portrait.

Display / None

This div has its display set to none on desktop breakpoint and smaller ones.

Display / None Tab

This div has its display set to none on tablet and smaller breakpoints.

Display / None Mob

This div has its display set to none on mobile, landscape and portrait.

The Stylebook

Accent

Dark

Grey

Gainsboro

White Smoke

Light

Typography

Headings

H1

H2

H3

H4

H5

H6

H1

H2

H3

H4

H5

H6

Body

Buttons

Components

Do you want to know more about Great Little People?

Communicate

Ongoing training, tools and projects for your teachers

Teacher and extracurricular English training

Pedagogical innovation for your school

Are we revolutionizing the way we learn English together?

Form

Grid

Container

Section

Vertical

Horizontal spacing

Padding

Align

Line Height

Font Style

Ratio

Position

Display

Ongoing training, tools and projects
for your teachers