Typography Icon - X Webflow Template

Colors

Mica Education
Style Guide

This our Mica Educations Style guide. It was designed & developed by the amazing team at Mica Education. Any design changes to the site or added designs must be added to the style guide for future reference.

Accent color

Primary 1
Primary 1
#6b5cf6

Secondary colors

Color 1
Color 1
#00d5ff
Color 2
Color 2
#6b5cf6
Color 3
Color 3
#4642d2
Color 4
Color 4
#1c1c4f
Color 5
Color 5
#ff78c3
Color 6
Color 6
#ff93cf
Color 7
Color 7
#ffc9e7
Color 8
Color 8
#ffc9e7

Neutral colors

800
Neutral 800
#1c1c4f
700
Neutral 700
#494972
600
Neutral 600
#777795
500
Neutral 500
#a4a4b9
400
Neutral 400
#dcddeb
300
Neutral 300
#EFF0F6
200
Neutral 200
#F7F7FC
100
Neutral 100
#FFFFFF

System colors

Yellow
#ffe578
Yellow Medium
#ffdf5a
Yellow Dark
#e8c325
Orange
#ffa96e
Orange Medium
#F9893D
Orange Dark
#E27023
Red
#FF7D84
Red Medium
#F96270
Red Dark
#E03F53
Pink
#ffaedb
Pink Medium
#ff93cf
Pink Dark
#ff78c3
Purple
#b59ff2
Purple Medium
#927dea
Purple Dark
#5546b2
Blue
#53e3ff
Blue Medium
#00d5ff
Blue Dark
#05b8db
Dark Blue
#7393D8
Dark Blue Medium
#5280D1
Dark Blue Dark
#295EAA
Turquoise
#71E2CD
Turquoise Medium
#39C6AB
Turquoise Dark
#25A58C
Green
#C8E87C
Green Medium
#B3D84C
Green Dark
#9AB72E
Typography Icon - X Webflow Template

Typography

Special headings

Heading 1

Nunito Bold
90px / 1.044em

Donec etdolr odio pelle ntesqu.

Heading 2

Nunito Bold
72px / 1.167em

Donec et odio lom pellen tesqu diam.

Heading 3

Nunito Bold
48px / 1.25em

Donec et odio pellen tesqu diam lorem ipsum dolor.

Heading 4

Nunito Bold
28px / 1.429em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Headings

Heading H1

Nunito Bold
55px / 1.222em

Donec et odio dolor pelle ntesqu.

Donec et odio dolor pelle ntesqu.

Heading H2

Nunito Bold
38px / 1.3em

Donec et odio pellen tesqu diam lorem ipsum dolor consectur

Donec et odio pellen tesqu diam lorem ipsum dolor consectur

Heading H3

Nunito Bold
24px / 1.417em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.

Heading H4

Nunito Bold
22px / 1.273em

Donec et odio pellentesqu diam lorem ipsum dolor

Donec et odio pellentesqu diam lorem ipsum dolor

Heading H5

Nunito Bold
18px / 1.333em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Heading H6

Nunito Bold
16px / 1.375em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Body

Body Large

Nunito Normal
24px / 1.583em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.

Body Default

Nunito Normal
18px / 1.666em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Body Small

Nunito Normal
14px / 1.714em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et.

Text single

400

Nunito Regular
Nunito Medium
Nunito Bold
24px / 1.083em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

300

Nunito Regular
Nunito Medium
Nunito Bold
20px / 1.1em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

200

Nunito Regular
Nunito Medium
Nunito Bold
18px / 1.111em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

100

Nunito Regular
Nunito Medium
Nunito Bold
16px / 1.125em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

Rich Text

Text Bold

Nunito
Lorem ipsum dolor sit amet consectetur

Bullet List

Nunito
  • Lorem ipsum dolor sit amet consectetur
  • Posuere enim mi pharetra neque proin dic
  • Mauris aliquet faucibus iaculis dui vitae ullamco

Numbered List

Nunito
  1. Lorem ipsum dolor sit amet consectetur
  2. Posuere enim mi pharetra neque proin dic
  3. Mauris aliquet faucibus iaculis dui vitae ullamco

Blockquote

Nunito
26px / 1.5em
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Image & Caption

Lorem ipsum dolor sit amet consectur

Text Uppercase

Nunito
Lorem ipsum dolor sit amet consectetur

Text Strikethrough

Nunito
Lorem ipsum dolor sit amet consectetur

Text Underline

Nunito
Lorem ipsum dolor sit amet consectetur
Shadows Icon - X Webflow Template

Shadows

General shadows

Shadow 01
Shadow 02
Shadow 03
Shadow 04
Shadow 05
Shadow 06

Button shadows

Button color 01
Button color 02
Button color 03
Button white 01
Button white 02
Button white 03
Buttons Icon - X Webflow Template

Buttons

Primary buttons

Small
Button Small
Default
Button Default
Default
Button Default
Use Resources For Free
Small
Button Small
Default
Button Default
Default
Button Default

Secondary buttons

Small
Button Small
Default
Button Default
Default
Button Default
Small
Button Small
Default
Button Default
Default
Button Default

Primary circle buttons

Secondary circle buttons

Badges Icon - X Webflow Template

Badges

Primary badges

Small
Badge Small
Default
Badge Default
Large
Badge Large
Small
Badge Small
Default
Badge Default
Large
Badge Large
Small
Badge Small
Default
Badge Default
Large
Badge Large

Secondary badges

Small
Badge Small
Default
Badge Default
Large
Badge Large
Small
Badge Small
Default
Badge Default
Large
Badge Large
Small
Badge Small
Default
Badge Default
Large
Badge Large
Inputs Icon - X Webflow Template

Inputs

Input text

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Text area

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Checkboxes

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Radio buttons

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Avatars Icon - X Webflow Template

Avatars

Avatars circle

John Carter - Techcloud X Webflow TemplateJohn Carter - Techcloud X Webflow TemplateJohn Carter - Techcloud X Webflow TemplateJohn Carter - Techcloud X Webflow TemplateJohn Carter - Techcloud X Webflow TemplateJohn Carter - Techcloud X Webflow TemplateJohn Carter - Techcloud X Webflow TemplateJohn Carter - Techcloud X Webflow Template
Icon Font Icon - X Webflow Template

Icon fonts

Line icons rounded

Line icons square

Filled icons

Social media icons

Icon Font Icon - X Webflow Template

Rich Text

Details

Details

Course Description

This is the third level of the three Cambridge English: Young Learners (YLE) tests for children. In this level, students will study realistic and everyday topics to:

  • understand simple written English.
  • communicate in familiar situations.
  • understand and use basic phrases and expressions.

This homework series introduce children to all major varieties (e.g. British, American) of written and spoken English and is an excellent way for them to gain confidence and improve their English.

Course Format

The homework is designed to prepare the students for the Cambridge test format for the listening, reading and writing papers. These papers teach different English skills that are divided into parts. There are three parts in the listening homework, five parts in the reading homework, and two parts in the writing homework. Once the students have completed all the parts, they move on to the next stage.

  • Reading Practice: Reading parts of the exam
  • Listening Practice: Listening parts of the exam
  • Writing Practice: Writing parts of the exam
  • Writing Practice: Writing parts of the exam

Course Page

Results

Course Format

The homework is designed to prepare the students for the Cambridge test format for the listening, reading and writing papers. These papers teach different English skills that are divided into parts. There are three parts in the listening homework, five parts in the reading homework, and two parts in the writing homework. Once the students have completed all the parts, they move on to the next stage.

  • The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
  • The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Lesson Plan

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Blog Posts

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Image caption example

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. 

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place

Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. 

  • List item number one
  • Second list item
  • And this is the third item

For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. 

  1. List item number one
  2. Second list item
  3. And this is the third item

For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Shop Content

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Image caption example

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. 

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place

Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. 

  • List item number one
  • Second list item
  • And this is the third item

For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. 

  1. List item number one
  2. Second list item
  3. And this is the third item

For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Worksheet Details

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. 

Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. 

  • List item number one
  • Second list item
  • And this is the third item

For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. 

  1. List item number one
  2. Second list item
  3. And this is the third item

For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.