Three decisions for the designer
Everything below is evidence for these. Settle them first and the rest follows.
1
Which blue is the vibez blue?
The source comments name one pair of blues, but the values the app actually renders are slightly different.
Primary, as commented#126AF9
Primary, as renderedhsl 217 90% 52% · #166BF3
Secondary, as commented#4080FB
Secondary, as renderedhsl 217 96% 62% · #4188FB
2
Which component family is the standard?
The app has two sets of buttons and inputs with different heights, borders and corners. They sit side by side below.
Polished
48px · 2px border
Button 44px (default size), 2px outline border
Base
36px · 1px border
Button 36px, 1px border
3
How far should tenant branding reach?
When a school brings its own brand colour it replaces only the primary colour. Secondary stays vibez blue, so the wordmark gradient becomes school colour to blue. The school’s name also replaces the wordmark text.
Today: vibezprimary + secondary
Illustration: a school colourprimary swaps, secondary stays blue
1. Identity and typography
One text-based wordmark, two main application faces and one separate diary voice.
Wordmark
vibez
Kenyan Coffee · synthetic italic · tight tracking
Gradient from primary to secondary blue
Gradient from primary to secondary blue
Display
Every voice matters.
Quicksand 500 / 600 / 700
Headings and endorsement copy
Headings and endorsement copy
Interface + editorial
Inter keeps everyday tools clear and calm.
My diary
Inter for UI · Georgia for the diary experience
2. Shared core palette
Actual CSS token values. Colour names (Teal, Critical and so on) are descriptive labels; the source tokens are numbered. Click any swatch to copy its value. Primary and secondary differ slightly from the hex comments in the source (decision 1).
Primaryhsl 217 90% 52%
Secondaryhsl 217 96% 62%
Accenthsl 220 100% 95%
Canvashsl 222 100% 97%
Inkhsl 222 47% 11%
Borderhsl 214 40% 90%
3. Role and meaning colours
These extend far beyond the blue brand core and are actively used for personas, diagnostics and status.
Roles
PupilTeal · 174 72% 40%
ParentAmber · 38 92% 50%
StaffIndigo · 239 84% 67%
LeadershipPurple · 271 76% 53%
PTAViolet · 258 90% 66%
Semantic scale
CriticalScale 1
HighScale 2
WarningScale 3
WatchScale 4
PositiveScale 5
The product also carries eight category colours and ten chart-series colours. Treat them as data-visualisation material, not automatic brand primaries.
4. Interface language
Soft geometry, rounded containers, cool borders, blue action emphasis and glassy navigation. The base radius is 16px; controls use 14px, 20px and 24px.
Current components
48px polished input · 2px border · 20px radius
Card specimen
Build a stronger school community
White card, cool outline, soft shadow and 24px rounded corners.
Glass panel: translucent canvas, border, large blur and restrained shadow.
Authenticated shell · illustrative content
Welcome back
24Families
7Actions
82%Progress
Family check-inToday
Share this week's updateDue Fri
New resourceLearning
5. Current expressive treatments
Repeated and one-off gradients currently coexist. They are useful references, not yet a controlled family.
Login signature
#0A4EC0 → #126AF9 → #1EF4F4 (hard-coded hex, not a token)
#0A4EC0 → #126AF9 → #1EF4F4 (hard-coded hex, not a token)
Marketing hero
blue glow + pale canvas
blue glow + pale canvas
Pupil learning
violet → fuchsia → pink, as a soft tint
violet → fuchsia → pink, as a soft tint
Diagnostic completion
emerald → teal → cyan
emerald → teal → cyan
6. Diary sub-system
A deliberate notebook-style exception with Georgia, ruled paper, cover textures and six personal themes.
Classic
Ocean
Rose
Forest
Midnight
Sunset
Voice and sample content
Real copy from the product today, so the designer works with real words, not placeholder text. Taken from the public home page and the “how VBE works” page.
What is VBE?
Values-Based Education
“vibez is software that helps your school adopt Values-Based Education (VBE) — making it work for your whole community: children, parents, the PTA, and the school.”
Parents back two things, and nothing else: that the school adopts VBE, and that the PTA runs openly so every family has an equal voice.
Parents back two things, and nothing else: that the school adopts VBE, and that the PTA runs openly so every family has an equal voice.
Tagline and homepage hero
New School vibez, Old School Values.
Help your child’s school live its values, together.
Availability line: “vibez is available first to British-curriculum international schools — UK rollout in 2027.”
How VBE works — four steps
Diagnose
See where your community stands.
Adopt
Choose your values — in 10 working days.
Embed
Values lived every day — not a poster on the wall.
Sustain
Everyone pulling in the same direction.
Voice, as the product writes today
- “vibez” is always lowercase, with a z
- British spelling, as seen throughout the product copy
- Warm, plain English; second person for pupils (“Find your name”)
- Parents first: “working with the school, not against it”
Pages a website or app needs to hold
Home · How it works (VBE, with safeguarding as a sub-page) · About · Find your school · Get started / join · Readiness diagnostic · Learning tools · PTA pages (charter, governance, decisions, voting, updates) · Privacy · Sign in
Wording about diary privacy and some pupil-facing behaviour messages is under review, so please don’t treat it as sample copy.
Page-by-page content
The words the product uses today, page by page, copied from the product and its values documents so mock-ups use real copy. Items in {braces} are filled in automatically, such as a school name.
HomeHow VBE works — four stepsExample valueGet startedFind your schoolFor parentsFree readiness diagnosticAboutResources librarySite-wide elements
/
Home
Eyebrow
Values-Based Education
Tagline
New School vibez, Old School Values.
Headline
Help your child's school live its values, together.
Intro
Bring vibez to your school/get-startedSee where your school stands — 2-minute check/diagnosticsecondaryTake a tour — see it as a pupil, parent, or school/tourdemo onlyvibez is software that helps your school adopt Values-Based Education (VBE) — making it work for your whole community: children, parents, the PTA, and the school.
School finder
Already know your school? Find it · Start typing your school's name… · No match for “{query}” yet. · Don't see your school? Add it · {n} families interested / Register interest
Register interest
{School} isn't on vibez yet. Add your name and we'll record your interest — we'll be in touch as {School}'s vibez community grows. · Button: Count me in
Scope note
vibez is available first to British-curriculum international schools — UK rollout in 2027.
Why this exists
vibez helps your school adopt VBE — working with the school, not against it. For a school to commit, it needs its parents behind it. That's what this is for.
Parents back two things, and nothing else: that the school adopts VBE, and that the PTA runs openly so every family has an equal voice.
What is Values-Based Education? (eyebrow: About VBE)
Values-Based Education (VBE) builds a school's culture, conduct and daily life around a few explicitly agreed, actionable values — commitments developed together by staff, pupils and parents, not rules handed down. It gives the whole community a shared language for how people treat each other.
Callout
It only works when the whole community is involved — especially parents.
The everyday behaviour it changes (eyebrow: Real impact)
VBE doesn't just hang a values poster on the wall. It shifts the patterns that actually harm children day to day.
Bystander passivity → Active bystandersWithout VBE: Watching and saying nothing; laughing along; group silence when someone is targeted. With vibez: “We stand up for each other.” Pupils step in, speak up, and support the person targeted.
Pressure to conform → Honest communicationWithout VBE: Children afraid to speak; mockery of difference; hiding who you really are to fit in. With vibez: “We keep it real.” Protected reporting, space to be yourself, no performance required.
The evidence behind it (eyebrow: Research)
20+ years of researchSchools implementing VBE see consistent improvements in behaviour, attendance, relational trust and academic engagement.
49 studies synthesisedA 2024 synthesis (Chen et al., ‘Trauma, Violence & Abuse’) found teaching bystander skills measurably reduces violence.
Longitudinal evidence baseProf. Terry Lovat (Newcastle University) and Neil Hawkes (VbE International) have built the long-term academic case for values-led schools.
What vibez delivers (eyebrow: Outcomes)
- A shared values language the whole community actually uses.
- Active bystanders — not silent ones.
- Reporting pathways children trust.
- Children who don’t have to perform to fit in.
- Measurable improvements in conduct, wellbeing and engagement.
How it happens — from a parent voice to a whole school (eyebrow: The path)
Change starts with parents speaking together as a VOICE — a group of parents backing one shared ask. Here's how it moves from a single voice to a school-wide commitment.
1 · Parents form a VOICEA VOICE is a group of parents backing one shared ask. They join and back two things: the school adopts VBE, and the PTA runs openly so every family has an equal voice.
2 · PTA adoptionAs the voice grows, the PTA adopts the open operating structure — equal voice, the same information for all members.
3 · School rolloutWith community backing in place, the school rolls out VBE across the whole community.
Values show up in how a community behaves (eyebrow: Why it matters)
VBE works on the everyday patterns a school and its community can actually see — how children treat each other, and how the adults respond. The diagnostic measures those patterns so you start from evidence, not assumption.
- How children treat each other day to day
- How the school responds when they fall short
- Whether parents have a real, structured voice
One operating system for the whole community (eyebrow: The complete solution)
VBE works when everyone is part of it. vibez brings all four together — switched on for your community as your school adopts VBE.
ChildrenReport safely, learn the values, and have a voice in their school.
ParentsStay informed, raise concerns, and back the change — from anywhere.
The PTAOperate with real structure: membership, voting, goals, tracked initiatives.
The schoolKeep safeguarding on record, embed VBE, and respond with evidence.
A complete VBE operating system for your community (eyebrow: What you get)
The real pictureSee the diagnostic results — the honest read on where your community stands.
A voice with weightBack the change, raise concerns, and shape what happens next.
Operate well togetherThe structure a PTA, a school, and parents need to actually get things done.
Ready when you are (closing call to action)
Tell us your school and we'll help you bring vibez to your community — it's free.
Bring vibez to your school/get-startedHome page variants by audience
For schools — Adopt VBE on evidence, not a hunchBefore you commit, see where your community actually stands. The diagnostic surfaces the behaviour patterns VBE is designed to improve, so adoption is grounded and your parents are already behind it. Points: A baseline read of your community in days, not terms · Parents brought along before you commit · A 10-day rollout, not a year-long programme. What you get — Run the diagnostic: A readiness read on your community before you decide. Adopt in 10 days: The full pack — lessons, PSHE, safeguarding — ready to deploy. Respond with evidence: Safeguarding and incidents on record; embed VBE and show it.
For parents — Your child's school runs on its valuesHow children treat each other — and how the school responds when they do not — shapes your child's day. VBE works on exactly those patterns, and you get a real, structured way to be part of it. Points: A voice that does not depend on attending meetings · Concerns that reach the right place, not a dead end · See the real picture once results are released. What you get — Back the change: Add your weight to your school adopting VBE. Be heard: Back the two asks and stay part of what happens next. Stay informed: The results and what the PTA is doing, shared with you.
For PTAs — Without structure, parents become second- and third-class citizensParents outside the PTA get no information. Parents inside it but outside the inner circle know less than the executive. An open PTA levels that: transparent by default, equal access to information, participation from anywhere. Points: No structure means information lives with a few people · Busy and overseas parents are shut out of the in-person model · Good ideas stall without owners, criteria, or a process. What you get — Five seats, equal responsibility: President, VP, Chair, Secretary, Treasurer — responsibility, not rank. Transparent by default: Voting, decisions, goals and initiatives, visible to every member. Get things done: Rolling agendas, tracked initiatives, formal questions to the school.
/how-it-works
How VBE works — four steps
Eyebrow
How it works
Headline
From “we should have values” to values lived every day.
Intro
Values-based education in four steps — and how vibez supports your whole community through every one of them.
01 Diagnose — See where your community stands.Before you commit to anything, run the free readiness diagnostic. Pupils, staff and parents each answer role-appropriate questions, and you get a clear report on how ready your community is for values-based education. vibez does: vibez runs the survey, protects anonymity, and turns the responses into a readiness picture you can act on. Button: Run the diagnostic
02 Adopt — Choose your values — in 10 working days.The VBE Adoption Pack walks your SLT, teachers, parents and pupils through choosing five values and, crucially, the observable behaviours that make each one real — something a child can do and be held to on any given day. vibez does: vibez gives you the pack, the process, and a place to record the values and behaviours your community agrees on. Button: Get the VBE Adoption Pack
03 Embed — Values lived every day — not a poster on the wall.Your values run through PSHE and lessons, through how behaviour is recognised and addressed, and through the everyday life of the school. The framework becomes the shared language pupils, staff and parents actually use. vibez does: vibez carries your values into ready-to-teach lessons, behaviour tracking, and the tools staff use day to day. Button: See the learning tools
04 Sustain — Everyone pulling in the same direction.VBE only lasts when the whole community owns it: schools rolling it out, parents advocating for it, and PTAs operating well behind it — the three missions vibez is built around. Safeguarding sits underneath as one supporting pillar: when something does go wrong, vibez connects the dots no single person could see alone. vibez does: vibez keeps schools, parents and PTAs working together — and quietly watches for the patterns that matter. Button: See the safeguarding side in action
Ready to start?
Begin with a free diagnostic, or pick up the VBE Adoption Pack. Everything on vibez is free — vibez is the software that carries it through.
Get the VBE Adoption Pack/resourcessecondaryBring vibez to your school/get-startedValues
An example value
One illustrative value, to show how each value is written: a name, what it means, and what it looks like in practice.
We stand up for each otherSilence can let unkindness carry on. Not everyone can act in the moment, so we help each other find safe ways to speak up: say something, or tell a trusted adult. Adults make telling safe and follow it up. Reports made in good faith are never punished. Looks like: A child who invites in someone being left out. A pupil who won't join in a mean joke or a group-chat pile-on. A teacher who calmly challenges a put-down and follows up. A parent who tells the school when something doesn't seem right. Short form for pupils: “Stand up”.
Vision
A school community that is a genuine anchor — a stable, safe, and human place where children can learn who they are, what they believe, and how to treat others — so that when the world asks everything of them, they are ready.
Mission
To develop grounded, confident young people with the values, resilience, and self-knowledge to navigate a fast-moving world on their own terms — and to contribute meaningfully to it.
/get-started
Get started
Eyebrow
Get started
Headline
Bring vibez to your school.
Intro
Tell us your school and we'll be in touch about getting set up. It's free — and there's no commitment from sending this.
Note
vibez is available first to British-curriculum international schools — UK rollout in 2027. Anywhere else? You can still register a pilot below.
Reassurance chips
Free to use · No commitment · Takes about 2 minutes
Form
Bring vibez to my schoolSchool name * (e.g. Riverside Primary School) · Your email * (you@school.edu) · Anything else? (optional): Tell us a bit about where your school is with VBE, or anything you'd like us to know. · ☐ We're outside the first rollout — register us for a pilot from anywhere. (We'll keep your school in mind as vibez expands — no promise of immediate availability.)
Success
We're on it. — Thanks — we'll be in touch about bringing vibez to {School}.
Error
Please enter a valid email address. · Something went wrong — please try again.
/find-school
Find your school
Eyebrow
Find your school
Headline
Find your school and bring vibez to your community.
Intro
Search for your school below. If it's already on vibez, you can join in seconds. If it isn't yet, add your name — when enough families are interested, the school's VOICE begins to form.
Search
Search for your school · Start typing your school's name…
Don't see your school?
Add it and we'll record your interest. It's free, and there's no commitment from adding your name.
Add my schoolSuccess
Thanks — we've recorded your interest. Your interest in {School} is noted — we'll be in touch as its vibez community grows.
/parents
For parents
Eyebrow
For Parents
Headline
Help your child's school live its values, together.
Intro
Bring vibez to your school/get-startedSee how vibez works →/how-it-worksSee where your school stands →/diagnosticYou don't need spare hours or a committee seat to take part — register your interest and join the families already sharing this hope.
Participation that fits a real life
A school's culture is shaped by who shows up. That doesn't mean showing up to everything — it means knowing where your voice counts and using it there. Thirty minutes a term, used well, changes outcomes.
How to Join Your PTAA step-by-step guide, what to expect in your first term, and who to contact. Button: Read more
Footer line
More parent guides are on the way.
How to Join Your PTA (/parents/join-pta)
Joining is simpler than it looks, and you can start small. Here's the path, what your first term will feel like, and who to ask.
1 Find your PTA's contactUsually the chair or secretary — via the school office, the newsletter, or the school website.
2 Say you'd like to joinA single email is enough. You don't need to commit to a role.
3 Ask for the basicsRequest the onboarding pack (or the meeting schedule and current priorities) so you know what's going on.
4 Pick one small thingChoose a 30-minutes-a-term role to start — review a document, help at one event, welcome a new family.
5 Turn up to one thingOne meeting, in person or online, to put faces to names.
Pull quote
Your voice shapes the values your school lives by. A community is shaped by who shows up — and that can be thirty minutes a term, by you.
/diagnostic
Free readiness diagnostic
Eyebrow
Free Diagnostic
Headline
How ready is your school for values-based education?
Intro
Seven short questions, two minutes, no sign-up. This quick self-assessment shows you where your community already shines and where a little focus would go a long way. There are no wrong answers — just an honest snapshot to start the conversation.
Interface
Your progress · N / 7 · See my result → · Answer all 7 questions to see where your school stands. · Your result · Score X of 14 · Start over
1 LeadershipIs your senior leadership team actively committed to leading on values, not just endorsing them? Not yet / Starting to / Embedded
2 Shared valuesHas your community defined a small set of values as actionable behaviours — not single words on a wall? Not yet / We have words, not behaviours / Clear, agreed behaviours
3 In the classroomDo your values show up in everyday teaching, language, and the way lessons are framed? Rarely / In some classes / Across the school
4 CommunityAre parents and the wider community genuinely engaged in shaping and reinforcing your values? Not really / A keen few / Broadly involved
5 Pupil voiceDo pupils help shape the values and feel heard when they raise something that matters to them? Not yet / Occasionally / It's how we work
6 Wellbeing cultureIs wellbeing and safeguarding part of a positive, values-led culture rather than a separate policy? Mostly policy-driven / Getting there / Woven into culture
7 Measuring impactDo you have a simple, honest way to see whether your values are actually changing behaviour? No way to tell / Informal sense of it / We track it
Result bands
Exploring (under 40%)You're at the very start of the journey — and that's a genuinely good place to be. The biggest wins in values-based education come early, when leadership names a clear intention and the community gets to help shape what matters. Nothing here needs to be perfect first; it needs to be shared. A guided first step will give you quick momentum.
Building (40% to under 75%)You've already laid real foundations — there's commitment and some good practice to build on. The opportunity now is consistency: turning values into agreed behaviours everyone recognises, and making them visible in classrooms, with parents, and in pupil voice. A structured rollout will help you join the dots into one coherent culture.
Ready to adopt (75% and over)You're in a strong position. Values are understood, leadership is behind them, and your community is involved. Adopting VBE formally will give you the shared language, the embedding rhythm, and the simple way of measuring impact that turns strong culture into lasting culture. This is the moment to make it official.
/about
About
Eyebrow
About
Headline
Build deliberately, not by default.
Intro
Every school community has a culture — whether it chose one or not. vibez exists to help school communities choose theirs, on purpose, with everyone involved.
Our mission
To equip school communities — schools, parents, and PTAs — to build deliberately rather by default. We provide the frameworks, the tools, and the support to make values-based education real, PTAs credible, and parent participation meaningful.
How we work
Equip, don't pressureSchools get two equal doors — adopt VBE, or run a diagnostic first. We never hard-sell.
Partners, not petitionersEverything we build assumes parents and PTAs working with schools, never against them.
Free and openEverything on vibez is free — the resource library, the diagnostic, the surveys, and the software. Access is never the product.
Evidence-ledVBE rests on more than two decades of research. We treat the people we work with as capable professionals who want frameworks, not slogans.
Pull quote
A value is an actionable belief, not a word. That single distinction shapes everything we make.
Get in touch
Everything on vibez is free — the resources, the diagnostic, and the surveys. If you'd like help putting any of it to work, or want to talk about VBE adoption, just ask. There's no charge and no catch.
Form
Name · Email · Your role (School leader / SLT, Governor, PTA officer, Parent, Other) · How can we help? · Button: Send message · Success: Thank you — your message is on its way. We'll be in touch shortly.
/resources
Resources library
Eyebrow
Resources
Headline
Everything, in one library.
Intro
The full vibez resource set, organised by what you're trying to do. Every document is free. We're publishing them here as they're ready — the library below shows what's on its way.
VBE Adoption PackFor schools adopting VBE — thirteen documents covering the full 10-day rollout. Includes the Values Working Paper, staff and pupil Codes of Conduct, SLT and staff workshop guides, Teacher Training Pack, Parent Communication Pack, Pupil Rollout Guide, 90-Day Review Framework and 10-Day Rollout Calendar.
Operating Structure & GovernanceFor PTAs — constitutional and operational documents that take you from informal to credible. Includes the Draft Constitution, AGM & Meeting Framework, Governance Health Check and New Member Onboarding Pack.
Transparency & CommunicationFor PTAs — the tools that build trust with parents and credibility with the school. Includes the Transparency Charter and Communications Toolkit.
Wellbeing & PSHEFor parents — wellbeing standards and a PSHE starter grounded in real practice, including a 14-lesson KS3 starter.
Evidence & ResearchResearch instruments and methodology for building a picture of community needs, including the Community Prevalence Survey.
Regulatory AlignmentFramework briefings scoped to a specific jurisdiction: Spain / Balearics, UK (KCSiE), and a universal GDPR + UNCRC briefing.
Coalition ToolkitFor parent groups — a VBE Advocacy Brief, a 5-slide “Case for VBE” deck, talking points, and formal requests to the PTA Chair and Headteacher.
Labels used
Coming soon · PDF · Reference · Spain only · UK only · All contexts
Closing line
These tools help you make the case. vibez delivers the reality.
Header, navigation and footer
Site-wide elements
Wordmark
vibez
Top navigation
Schools · Parents · PTAs · Pupils · VOICE
Header actions
Log in (text link) · See vibez (button, demo only) · Get started (primary button)
Footer brand
vibez — New School vibez, Old School Values. — Free tools for values-led school communities.
Newsletter
Not ready yet? Stay in the loop — Get occasional updates as vibez rolls out — no commitment. Fields: Organisation name · Organisation type (School / Local authority / Academy trust / NGO / charity / Other) · Your name · Email address. Consent: I'm happy to receive occasional updates about vibez by email. Button: Keep me updated. Success: You're on the list — we'll be in touch with updates.
Footer: Explore
How it works · For schools · For parents · For PTAs · For pupils · VOICE
Footer: Tools & resources
VBE readiness diagnostic · Learn VBE · Safeguarding & reporting · Free resources · Illustrative case study · About
Footer: Platform
Log in
Copyright
© 2026 vibez — software for VBE.
7. What the designer is inheriting
Keep these three layers separate during discovery.
Shared current system
Strongest common ground
- Text-based Kenyan Coffee wordmark
- Inter + Quicksand application typography
- Blue canvas, actions and gradients
- Rounded cards, buttons and navigation
- Role, status and chart colour tokens
- Light, dark and responsive foundations
Prototype treatments
Visible, not universal
- Role-specific hero gradients
- Glass and glow marketing effects
- Six-theme diary material system
- Page-specific charts and hard-coded palettes
- Demo controls and amber labels
- Separate generic mockup sandbox tokens
Open questions
To resolve in discovery
- Two competing component families
- Two slightly different blues in the source
- Tenant branding changes only the primary colour
- Dark mode and mobile not yet reviewed
Review status
What has and has not been checked, so nobody assumes more than exists.
| Check | Status |
|---|---|
| Product source and styling files | Reviewed |
| Light mode, live desktop | Not yet viewed |
| Mobile | Not yet viewed |
| Dark mode colour values (in source) | Reviewed |
| Dark mode, live | Not yet viewed |
| Claims on this board checked against source | Audited 6 Oct 2026 |
Is this the right level of “what exists today” for the designer?