MOMENTS Design System

MOMENTS Conscious Education · Website design system

Many children are surviving school, not learning in it. We change that.

6 pages7 steps5 pillars3 audiencesVersion 1 · 31.10.2026

The signature element

Seven letters, seven steps.

Each circle carries one step of the MOMENTS Framework. Hover a circle (tap on a phone) and it turns over to show the step on its back.

Hover to explore each step

Seven steps that turn everyday moments into awareness, regulation and connection.

Brief

The program and its founder

MOMENTS teaches children the inner skills that school usually leaves out: how to notice a feeling, settle the body and choose a response. The site speaks to three people at once, the educator, the parent and the partner brand, and every page sends them to the same seven-step framework.

Founder
HRH Princess Noor bint Asem of Jordan, born in Amman in 1982, daughter of Prince Asem bin Nayef. She founded MOMENTS with her sisters, Princess Sara and Princess Yasmine.
Background
BA in Political Communication from Emerson College in Boston (2004) and an Executive Master's in Positive Leadership and Strategy from IE Business School in Madrid (2016). Her work draws on positive psychology, emotional intelligence and neuro-education.
Roles
Ambassador for the Oxford Mindfulness Foundation. She has spoken at the United Nations in Geneva on the wellbeing of human rights defenders, and at education forums across the Gulf.
The framework
Developed with the University of East London's Institute of Early Years Research. The site lists UEL, Oxford Mindfulness and the Institute of Child Psychology under "Recognised by".
Books
Little Moments: Well-being Moments, Sometimes, Whisper's Journey and Pandy's Book of Thanks, illustrated by Laith Akuz and endorsed by the Oxford Mindfulness Foundation.
Goal
One million children with the inner stability, safety and self-awareness every child has a right to.
Audiences
Educators and school leaders (LEARN), parents and caregivers (CONNECT), brands and creators (co-creation: CONNECT and PRODUCE).

Our founder

“My mission is simple, yet urgent: to be a part of ensuring the world’s children develop the inner stability, safety, and self-awareness every child has a right to, because resilience is a human right, not a privilege.”
Signature: HRH Princess Noor bint Asem
Warm, never cute

Pastels and hand-drawn strokes keep it human. The serif and generous spacing keep it credible enough for a ministry or a head teacher.

Science you can hold

Every claim leads with a number or a source (Harvard Center on the Developing Child, UEL). Keep the source line under every statistic.

One framework, many doors

Colour tells the reader where they are: coral for educators and action, lavender for parents, mint for growth and calm.

02

Colour

Seven soft step colours carry the framework. Each has a deep ink partner for text, so pastel never has to carry meaning alone. Click a swatch to copy its hex.

Pill and button tones

Tints for cards and bands

Inks and paper

Pairings that pass for text

For ChildrenRust #793D20 on Peach · 6.1 : 1
For ParentsNavy #30306B on Lilac · 10.1 : 1
For EducatorsForest #0E4A34 on Mint mist · 8.1 : 1
03

Type

A warm book serif for what MOMENTS believes, a geometric sans for small capitals, and Montserrat for everything you read in full. This page previews Adriane Text with Newsreader and Circular with DM Sans, because the licensed fonts can't load here.

Display & headingsAa AaAdriane Text

Regular and Italic. The italic carries the emotional turn of a headline: We change that.

Preview: Newsreader · −2% tracking on large sizes
Eyebrows & labelsAACircular Std Medium

Capitals only, 12–20 px, tracked +12%. Never longer than one line on desktop.

Preview: DM Sans Medium
Body, pills & buttonsAaMontserrat

Regular 400 for body, Medium 500 for pills, SemiBold 600 for buttons. Line height 1.6 for body, 1.4 for pills.

Google Fonts · self-host on the live site
DisplayAdriane 72 / 1.1 · −2%Connection is often assumed, not built.
H2Adriane 48 / 1.15Five pillars of conscious education
H3Adriane 28 / 1.25The 60-Second Home Reset
LedeAdriane 22 / 1.5

A child cannot learn while their nervous system is in survival mode.

EyebrowCircular Medium 14 · caps · +14%

What changes in your classroom

BodyMontserrat 16 / 1.6

Research in neuroscience and human development shows that children learn best when they feel safe, connected, regulated and supported. These are not extras to learning. They are the foundation beneath it.

PillMontserrat Medium 15 / 1.4
Faster recovery from emotional upsets
ButtonMontserrat SemiBold 15
I am an educator
04

Shape & texture

Nothing on a MOMENTS page has a hard corner. Shapes are drawn by hand: blobs that breathe, brush strokes under the key words, wavy section edges and faint playground scribbles behind the text.

The breathing blob

Statistics and photo frames. It morphs slowly, about one breath every nine seconds.

children thrive
Brush underline

Two strokes, drawn in on hover or reveal. One per section, under the emotional word.

Wavy edge

Every photo band and colour band starts and ends on a soft wave, never a straight line.

Scribbles

Chalk-like marks at very low contrast behind headlines. Texture only, never under body text.

Radii

Pill · 999 px · buttons, list pills, inputs Card · 48–60 px · audience and track cards Small card · 28 px · belief and change cards Photo · 44 px or blob
05

Buttons, chips & forms

Filled pills are for the one action a section wants. Outline pills sit under them for the second choice. Arrows tell the reader what happens: → goes deeper, ↗ leaves for a program page, ↓ downloads.

On paper

Enrol in the 10-Module Program Explore Programs
Join the LEARN Program Download the Free Classroom Tool
Book a Discovery Call Send Inquiry Sign In

On photography

I am an educatorI am a parent
Explore The MOMENTS Framework™ Explore Programs

On photos, keep the dark warm overlay (cocoa at 40–50%) so white text passes contrast.

Chips (what the framework builds)

RegulationAttentionRelational SafetyEmpathyAgencyExecutive FunctionResilienceLearning Readiness

Forms

Got an idea?

Tell us about your brand.

Thank you. This is a preview, so nothing was sent.

Join the MOMENTS circle

Learn, share and stay up to date.

For parents, educators and experts.

06

Cards that open

In the Figma file every repeated card is drawn twice: closed on top, open below. Here they are one component. Closed, the card is a coloured invitation. Open, it turns to white paper, the icon fills with its ink colour and the pills arrive one by one.

Audience cards · Framework page, "This is what the MOMENTS Framework produces."
Pathways · Home and Pathways. Tap either side or the coral circle.

The Educator Program

Designed for teachers, early childhood specialists, school counsellors and school leadership. The LEARN path gives you the full MOMENTS Framework, trained, practised and ready to use from day one in your classroom.

What you walk away with:

The complete MOMENTS Framework, trained to fluency
Age-appropriate language and activities for ages 0–7 and beyond
A regulation protocol you can use in the classroom within the first week
A shared vocabulary that travels home with your students
Ongoing access to the MOMENTS educator community

Start with the free 60-Second Classroom Reset to experience one piece of the framework before you commit to the full program.

Join the LEARN Program Download the Free Classroom Tool first

The Parent Program

Designed for parents and caregivers of children in the early years. The CONNECT path gives you the MOMENTS Framework adapted for the rhythms of home: the morning rush, the meltdown before dinner, the moment that spirals before you can stop it.

What you walk away with:

The complete MOMENTS Framework, applied to real parenting moments
Language your child can understand and use from age 3
A practice that works on the hardest days, not just the good ones
The ability to co-regulate in the moment and teach self-regulation over time
A home where regulation is the default, not the exception

Start with the free 60-Second Home Reset to feel one step of the framework in action.

Join the CONNECT Program Get the Free Home Reset first
Co-creation tracks · Co-Creation page, "How we work together"

It's not about what you make. It's what you believe.

Belief cards · hover to draw the stroke

That what happens in the early years shapes everything that follows
That regulation is not a soft skill. It is the foundation of learning, leadership and connection
That children deserve to be taught how their inner world works, not just what the outer world expects of them
That conscious design in content, products and experiences creates better outcomes for the children who meet it
That the work should be engaging enough to help children learn, not just well-intentioned

What changes at home

More consistency, even when you're tired.

07

Diagrams

The framework explains itself through four drawings: blobs for the statistics, two wheels for what a child needs to feel, a flower for the five pillars and a map for the MOMENTS Index. All of them respond to the pointer, and all of them work as plain lists on a phone.

Why is it so urgent?

90%of brain growth happens by age 5

Critical for emotional, social and cognitive development. Yet none of these skills are taught.

Source: Harvard Center on the Developing Child
70%better stress resilience if taught before age 7

Strategies learned early lead to effective stress management as adults. These skills are for life.

Source: The Pew Charitable Trusts
1M+new neural connections formed every second

In the first few years of life. What children experience again and again becomes who they become.

Source: Harvard Center on the Developing Child

Four experiences. One foundation. A lifetime of impact.

The MOMENTS Framework helps educators create the conditions for learning.

Built on neuroscience and early childhood development

Five pillars of conscious education

Builds

RegulationAttentionRelational SafetyEmpathyAgencyExecutive FunctionResilienceLearning Readiness

The MOMENTS Index

Changes you can track.

Five measures, tracked from the outer ring inwards as a child grows. Hover a pin.

Start with one tool you'll use today.

Learn

The 60-Second Classroom Reset

A one-minute regulation protocol to reduce escalation and restore learning readiness.

Download

Connect

The 60-Second Home Reset

A fast way to interrupt reactivity and return to calm leadership.

Get it now
08

Photography

Real children, real hands, real mess. Warm natural light, clay, chalk, paper and wood. We see the moment from close by, often from above, and rarely posed for the camera.

Small hands pressing clay on a wooden table
A child shouting with feeling
A girl and an adult shaping clay together
Little Moments illustration: a panda and a fox in a forest clearing
An adult and child drawing with chalk on the ground
Close and warmCrop to hands, faces and materials. Grade slightly warm and lift the blacks so it sits with the cream paper.
Framed by a shapePhotos sit in a blob or a 44 px rounded rectangle, never a sharp box. Full-bleed photos only in heroes and bands, under a cocoa overlay.
Story, not stockThe Little Moments illustrations by Laith Akuz belong to the books. Use them only where the books are the subject.
A model of the human brain

The science

The brain development in MOMENTS

Children's brains develop through relationships, experiences and repeated patterns of interaction.

When homes and schools provide emotional safety, responsive relationships and consistent support, children are better able to regulate, connect, explore and learn. Safety creates the conditions for secure attachment, while regulation creates the conditions for learning. Together, they form the foundation for healthy development.

09

Tokens

Everything above in one block, ready to paste into a stylesheet or hand to a developer.

:root {
  /* step colours (M O M E N T S) */
  --sky: #A6D6FC;  --mint: #73E3C7;  --lavender: #BABAF5;  --stone: #D9D4CD;
  --coral: #FC9E78;  --butter: #FFD182;  --blush: #FDBAC9;
  /* pills and buttons */
  --sky-pill: #B9DDFA;  --butter-pill: #FDD288;  --coral-btn: #F4A07A;  --lav-btn: #C7BEE8;
  /* tints */
  --peach: #FCD4BD;  --lilac: #EEEAF8;  --mint-mist: #C2EEE0;
  --butter-mist: #FCEBCB;  --sky-mist: #DCEEFD;  --blush-mist: #FBE3E8;
  /* inks */
  --brown: #8F4D2D;  --rust: #793D20;  --navy: #30306B;  --indigo: #2E2560;
  --forest: #0E4A34;  --cocoa: #2A0A00;  --body: #2A2A2A;
  /* paper */
  --cream: #F5F2EC;  --paper: #FBF9F5;  --white: #FFFFFF;

  /* type */
  --font-display: "Adriane Text", Georgia, serif;     /* 72 / 48 / 28 / 22 */
  --font-label: "Circular Std", sans-serif;            /* Medium, caps, +0.14em */
  --font-body: "Montserrat", sans-serif;               /* 400 body · 500 pills · 600 buttons */

  /* shape */
  --radius-pill: 999px;  --radius-card: 48px;  --radius-card-s: 28px;  --radius-photo: 44px;
  --ease: cubic-bezier(.22,.8,.24,1);  --spring: cubic-bezier(.34,1.56,.64,1);
}

Research sources: Wikipedia · Education Investment Saudi speaker profile · Madame Arabia on her UN talk · Moments Early Years books · Grokipedia. Content and structure: the MOMENTS website design in Figma.