Heading-H1

Heading-lg

Heading H2

Heading-md

Heading-H3

Heading-sm

Heading-H4

Heading-H5
Heading xxsm

P
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.

P - bold
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.

P-xl

P-large
‍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.

The problem

hayu is a subscription-based global video streaming service that offers exclusive access to American reality TV in more than 10 countries outside the US. Despite a strong first two years, hayu found that many users only watched a few flagship shows and a significant number would leave the service rather than watch something new.

Approach

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.

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.
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.

What is it Test Anxiety?

While many students can experience finding a specific exam a worrisome experience, or experience anxiety around exams for isolated periods, this isn’t the same as exam anxiety or ‘test anxiety’. Test anxiety is the tendency to experience most (or all) exams as threatening and react with high levels of anxiety, with characteristics such as:

Cognitive signs

  • Going blank during an exam
  • Difficulty concentrating
  • Remembering answers after an exam has finished
  • Negative thoughts about past performance in exams
  • Negative thoughts about the consequences of failure

Affective signs

  • Feeling excessive tension
  • Feeling excessive panic
  • Feeling excessively overwhelmed
  • Feeling not in control

Physiological signs

  • Fast heartbeat
  • A dry mouth
  • Jelly/wobbly legs
  • Dizzy or faint
  • A tight or churning stomach
  • Sweating


Test anxiety can also show up in disengagement, procrastination in starting revision, or a withdrawal of effort from studies. This isn’t to say that all disengagement and effort withdrawal is due to test anxiety, but it can be a reaction to fear of failure for some.


Although many people talk about ‘exam stress’ and ‘exam anxiety’ as if they were the same thing, it’s important to understand the differences between them. Exam stress isn’t always a bad thing. Some students thrive under pressure; it is motivating and drives them to perform better than they would have done otherwise. In contrast, other students choke under pressure. These are the students for whom exam pressures can become problematic, leading to test anxiety.

Is it a problem?

Educationally speaking, there’s a robust body of studies conducted over the last 50 years showing that test anxiety is associated with lower exam performance – and that this is largely due to anxiety interfering with working memory function and capacity.

Working memory has a limited capacity to process information, and anxiety directs attention away from the exam and onto worries, making it harder to concentrate, recall information, and think about how to organise an answer to a question. Many highly test-anxious students describe this experience as ‘going blank’, despite having spent time diligently revising.

Importantly, students of all levels of ability can experience this, and it’s not unique to high or borderline ability sets. The estimated difference between high and low test-anxious students in GCSE grades for Science, English, and Maths is two grades per subject .

There has been far less research conducted into links between test anxiety and wellbeing, but the studies that have been conducted point to highly test-anxious students being less satisfied with school. There’s also some overlap between high levels of test anxiety and more serious forms of clinical anxiety such as panic disorder and generalised anxiety disorder. One study found, with 96.6% reliability, that highly test-anxious students met the criteria to be diagnosed with a clinical anxiety disorder .

Another, somewhat sobering, statistic from a study of adolescent suicide in England over a 16-month period in 2014-15 found that exam anxiety was specifically cited in coroners’ reports in 15% of cases . These findings show that test anxiety isn’t something that should be lightly dismissed as a routine part of education or taking high-stakes exams.

What can schools do about it?

Although the proportion of students recently reporting high levels of test anxiety doesn’t appear to have increased significantly over the past decade, there’s a much greater awareness among school practitioners of students who are unable to cope effectively with the demands of high-stakes exams.

This is partly a result of greater numbers of students asking for alternative exam arrangements and partly raised consciousness among students and adults of wellbeing and mental health issues. Schools I’ve worked with have tried a variety of approaches to support students, including yoga, mindfulness, resilience training, pet therapy, and quiet time. These can definitely be effective approaches to general stress management, but their effectiveness for managing test anxiety will be limited unless they specifically address the root causes.
Fortunately, there are a number of simple and straightforward steps that schools and education practitioners can take to support test-anxious students.

Evidence suggests that test anxiety is less likely to develop when exams in formal settings are part of the normal routine of school life. Exams taken under standardised conditions could be incorporated into the school testing regime from Year 7 onwards so that the theatre and ritual of exams becomes normal.

1. Make exams ‘normal’

Evidence suggests that test anxiety is less likely to develop when exams in formal settings are part of the normal routine of school life. Exams taken under standardised conditions could be incorporated into the school testing regime from Year 7 onwards so that the theatre and ritual of exams becomes normal.

2. Avoid assumptions

Don’t assume that you’ll know which students are highly test anxious. Students who show outward signs of panic and anxiety during exams won’t be the only ones. There will be others who strongly internalise their anxiety and who may not talk about it. You might wish to consider taking a ‘test anxiety temperature check’ alongside existing measures of wellbeing that your school is using, or screening students to identify those who need additional support.

  1. test 1
  2. test 2
  3. test 3

Utility Classes

hide
This element is hidden
show-tablet
show-mobile-landscape
show-mobile-portrait
hide-tablet
hide-mobile-portrait
hide-mobile-landscape
overflow-visible
overflow-hidden
overflow-auto
overflow-scroll
pointer-events-on
pointer-events-off
layer
spacing-clean
align-center
z-index-1
z-index-2
display-inlineflex
aspect-ratio-square
aspect-ratio-portrait
aspect-ratio-landscape
aspect-ratio-widescreen
aspect-ratio-3-4
aspect-ratio-1-1
aspect-ratio-4-3
aspect-ratio-16-9
aspect-ratio-2-1

Structure Classes

page-wrapper
main-wrapper
container-small
container-medium
container-large
padding-global
padding-section-xxlarge
48px top / 48px bottom
3rem top / 3rem bottom
padding-section-xhuge
80px top / 80px bottom
5rem top / 5rem bottom
padding-section-giant
128px top / 128px bottom
8rem top / 8rem bottom
padding-section-mega
160px top / 160px bottom
10rem top / 10rem bottom
button-group

Grid Classes

grid-column-02
grid-column-03
grid-column-04
grid-column-05
grid-column-06

Grid Spacing Classes

grid-1-rem
grid-2-rem
grid-3-rem
grid-4-rem
grid-5-rem
grid-6-rem

Max widths

max-width-full
max-width-full-tablet
max-width-full-mobile-portrait
max-width-full-mobile-landscape
max-width-xxlarge
max-width-xlarge
max-width-large
max-width-medium
max-width-small
max-width-xsmall
max-width-xxsmall

Paddings

Direction Classes

padding-bottom
padding-top
padding-vertical
padding-horizontal
padding-left
padding-right

Size Classes

padding-0
padding-no-bottom
padding-no-top
padding-tiny
2px
0.125rem
padding-xxsmall
4px
0.25rem
padding-xsmall
8px
0.5rem
padding-small
16px
1rem
padding-medium
20px
1.25rem
padding-large
24px
1.5rem
padding-xlarge
32px
2rem
padding-xxlarge
48px
3rem
padding-huge
64px
4rem
padding-xhuge
80px
5rem
padding-xxhuge
96px
6rem
padding-giant
112px
7rem
padding-xgiant
128px
8rem
padding-xxgiant
144px
9rem
padding-mega
160px
10rem
padding-xmega
176px
11rem
padding-xxmega
192px
12rem

Margins

Utility spacing system - padding classes. [margin-direction] + [margin-size].

Direction Classes

margin-bottom
margin-top
margin-vertical
margin-horizontal
margin-left
margin-right

Size Classes

margin-0
margin-tiny
margin-xxsmall
margin-xsmall
margin-small
margin-medium
margin-large
margin-xlarge
margin-xxlarge
margin-huge
margin-xhuge
margin-xxhuge
margin-custom1
margin-custom2
margin-custom3

Heading HTML

H1

Sample text helps you understand how real text may look.

H2

Sample text helps you understand how real text may look.

H3

Sample text helps you understand how real text may look.

H4

Sample text helps you understand how real text may look. Sample text helps you understand how real text may look.

H5
Sample text helps you understand how real text may look. Sample text helps you understand how real text may look.
H6
Sample text helps you understand how real text may look. Sample text helps you understand how real text may look.

Heading Styles

heading-style-h1

Sample text helps you understand how real text may look.

heading-style-h2

Sample text helps you understand how real text may look.

heading-style-h3

Sample text helps you understand how real text may look.

heading-style-h4

Sample text helps you understand how real text may look. Sample text helps you understand how real text may look.

heading-style-h5

Sample text helps you understand how real text may look. Sample text helps you understand how real text may look.

heading-style-h6

Sample text helps you understand how real text may look. Sample text helps you understand how real text may look.

Text Classes

Text classes when typography style doesn't match the default HTML tag.

Text Sizes

text-size-large

Sample text is being used as a placeholder for real text that is normally present.

text-size-medium

Sample text is being used as a placeholder for real text that is normally present on your website.

text-size-regular

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.

text-size-small

Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.

text-size-tiny

Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.

Text Styles

text-style-strikethrough

text-style-strikethrough

text-style-italic

text-style-italic

text-style-muted

text-style-muted

text-style-allcaps

text-style-allcaps

text-style-nowrap

text-style-nowrap

text-style-link
text-style-quote

Sample text is being used as a placeholder.

text-style-2lines

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text text-style-2lines

text-style-3lines

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

Text Weights

text-weight-xbold
text-weight-xbold
text-weight-bold
text-weight-bold
text-weight-semibold
text-weight-semibold
text-weight-medium
text-weight-medium
text-weight-normal
text-weight-normal
text-weight-light
text-weight-light

Text Alignments

text-align-left
text-align-left
text-align-center
text-align-center
text-align-right
text-align-right

Other HTML Tags

HTML tags define default text styles.

All paragraphs

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

All links
All Links
All quotes
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.
All Ordered Lists
  1. Sample text is being used as a placeholder for real text that is normally present.
  2. Sample text is being used as a placeholder for real text that is normally present.
  3. Sample text is being used as a placeholder for real text that is normally present.
All Unordered Lists
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
list-check
Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit.
Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit.
Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit.

Webflow elements

Native Webflow elements with Client-First classes applied.

form_component

Example of a form component using Folders

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

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text with a link is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text.

  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  1. Sample text is being used as a placeholder for real text that is normally present.
  2. Sample text is being used as a placeholder for real text that is normally present.
  3. Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text with a link is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text.

  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  1. Sample text is being used as a placeholder for real text that is normally present.
  2. Sample text is being used as a placeholder for real text that is normally present.
  3. Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.