Brand Guidelines

Where little leaders begin! ✏️ One page, everything our brand needs to stay playful, warm and consistent.

Playful Nurturing Trustworthy Joyful Curious
01 · Our Brand

The Heart of MQ Playschool

Everything we design should feel like the first day of playschool: bright, welcoming, and full of possibility.

Our Mission

To give every child a joyful start: a safe, playful place where little learners discover how to lead themselves, make friends, and love learning through play.

Our Promise

Learning that feels like play. Care that feels like family. Every crayon stroke, photo and post should radiate that warmth to parents and kids alike.

Playful Caring Energetic Dependable Imaginative Warm
03 · Colors

Our Main Colors

Light Salmon and Burnt Red are our skins. They play the role Royal Blue and Yellow play for the main school. Click any swatch to copy its HEX code.

Main skins: lead every layout

Light Salmon#FFA07A · rgb(255,160,122)The main skin: regular posts, backgrounds and footer bars.
Burnt Red#D9534F · rgb(217,83,79)Official announcements, plus the accent color on salmon layouts.
Pastel Salmon#FFE7DE · rgb(255,231,222)Soft base for chips, cards and airy backgrounds.
Pastel Burnt#F6D4D3 · rgb(246,212,211)Soft tint of Burnt Red for gentle callouts.

Crayon box: the logo colors (confetti use)

MQ Royal Blue#1446A7 · rgb(20,70,167)
Sunshine Yellow#FFB716 · rgb(255,183,22)
Cherry Red#EF404D · rgb(239,64,77)
Playful Teal#3DBFBD · rgb(61,191,189)
Grape Purple#50357A · rgb(80,53,122)

Secondary: warmth & accents

Tangerine#E67227 · headlines & bars
Crayon Sky#3575B3 · the swoosh
Bubblegum#FF86AF · collage shapes
Soft Lavender#7172B3 · footers
Peach Paper#F5E2D1 · backgrounds

Pastel tints: for backgrounds & soft strokes

Pastel Salmon#FFE7DE
Pastel Burnt#F6D4D3
Pastel Blue#C4D1E9
Pastel Yellow#FFEDC4
Pastel Red#FBCFD2
Pastel Teal#CEEFEE
Pastel Purple#D3CCDD
Pastel Orange#F8DBC9
Pastel Sky#CCDCEC
Pastel Pink#FFE1EB

Each tint is its brand color mixed 25/75 with white. Go full pastel on image designs (soft chalk/pastel strokes, doodles and washes) and keep the full-strength skins for post backgrounds, headlines, footer bars and calls to action.

How to mix

Light Salmon is the skin Regular posts, main backgrounds and footer bars wear #FFA07A.
Burnt Red is official Announcements get the #D9534F skin; on salmon layouts it's the accent.
Full pastels on imagery Soft chalk/pastel strokes and doodles over image designs.
Crayon box = confetti The logo colors appear in small doses: headlines & doodles, 2–3 per layout.

The skins in action

Light Salmon regular post sample
Light Salmon for regular posts The everyday skin: salmon background with soft pastel chalk strokes, Burnt Red as the accent in headlines and the footer bar.
Burnt Red official announcement sample
Burnt Red for official announcements The formal skin: burnt red background, one Light Salmon accent word, and a Light Salmon footer bar with the website pill.
Photo post with warm glow overlay and confetti colors
Warm glow + confetti colors Photo-heavy posts: soft salmon glow from the corners over the photo, headline in two colors (one per phrase, here Sunshine Yellow + Playful Teal), tiny crayon-box doodles as confetti.
Pastel collage post with warm glow overlay
Pastel collage + warm glow Pastel teal and yellow paper blocks frame the photo, the salmon glow warms it from below. Two-color headline (Royal Blue + Cherry Red) and a crayon-box footer bar in Playful Teal.
Secondary palette post with warmth and accent colors
Secondary palette: warmth & accents Peach Paper background, Bubblegum and Soft Lavender collage blocks, a tangerine glow from the corner, two-color headline (Tangerine + Crayon Sky) and a Soft Lavender footer bar.
04 · Typography

Our Letters

Two friendly typefaces: one for shouting happy things, one for saying them clearly.

Display · More Sugar
Where Little Leaders Begin!
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789 !?&
Use for headlines, big numbers and short joyful phrases, ideally ALL CAPS or Title Case, letter-spacing +1. Comes in Regular and Thin. Never use for paragraphs.
Body · Quicksand
H1 · 48–64Enrollment is open!
H2 · 32New month, new routines
Subhead · 20The power of unstructured play
Body · 16Our Playschool friends learn safety in a calm and caring way, guided by teachers who make every drill feel like a game.
Caption · 13EXPLORE MORE AT MQSM.EDU.PH
Quicksand (Google Fonts) for everything else: body copy, captions, buttons. Weights 500–700. Its rounded terminals match our crayon world.
05 · Graphic Elements

Doodles & Details

The little touches that make a layout unmistakably MQ Playschool.

Crayon doodles

Crayon doodles

Hand-drawn rockets, stars, clouds & ABCs in brand colors. Scatter 2–4 per layout at low density, often at 40–70% opacity over photos.

Halftone fades

Dotted gradients in light salmon or burnt red, bleeding from a corner. Use one per layout, max.

squiggle time

Crayon swoosh

A chunky underline borrowed from the logo. Underline one key word, never the whole headline.

Explore more atmqsm.edu.ph

Footer bar + pill

Every post ends with a full-width Light Salmon bar holding the website pill; official announcements switch the bar to Burnt Red.

Collage shapes

Angled paper-cut blocks in peach, pink & lavender frame photo collages of school life.

Warm glow overlays

Soft salmon gradients from corners warm up photos and unify mixed lighting.

06 · Voice

How We Sound

We talk like a favorite teacher: cheerful, encouraging, and always reassuring to parents.

We always…

  • Celebrate small wins loudly: “Practice makes us brave!”
  • Speak to parents as partners, kids as heroes.
  • Use short, sunny sentences and one exclamation at a time.
  • Explain the “why” behind play-based learning.

We never…

  • Use fear-based or pressuring enrollment language.
  • Sound corporate, academic or jargon-heavy.
  • Overpromise outcomes or compare children.
  • Shout in ALL CAPS body text (headlines only!).
HeadlineNew month, new routines: the power of unstructured play
CaptionOur Playschool friends joined the Earthquake Drill with their teachers, learning safety in a calm and caring way. 🧡
Call to actionExplore more at mqsm.edu.ph
07 · Applications

Beyond the Feed

How the brand travels into the real world: tarpaulins, uniforms, merch and signage. Keep the logo big, the colors true, and the white space generous.

Tarpaulin enrollment banner mockup
Tarpaulin / banners Same recipe as our posts, scaled up: full-bleed photo with the soft salmon overlay, logo top-center, one loud white + burnt red headline, and the Light Salmon footer bar with the website pill. Print at 150 dpi minimum; keep 10 cm safe margin from eyelets.
School t-shirts mockup in Light Salmon and Burnt Red
Uniforms & shirts T-shirts wear the skins with a subtle tone-on-tone doodle pattern all over the fabric. On Light Salmon the full-color logo gets a white keyline so every letter stays visible; on Burnt Red use the white logo, printed straight on the fabric with no background patch.
Stationery and merch mockup
Stationery & merch Totes, notebooks, IDs and lanyards: logo plus at most one doodle motif, never the full pattern.
08 · Quick Rules

Do's & Don'ts

✓ Do

  • Keep the logo on light, calm areas of the layout.
  • Skin regular posts in Light Salmon; save Burnt Red for official announcements.
  • End every post with the Light Salmon footer bar and website pill.
  • Leave generous white space so layouts can breathe.
  • Use crayon doodles sparingly, like confetti.

✗ Don't

  • Stretch, recolor, outline or add shadows to the logo.
  • Place the logo over busy photo areas or faces.
  • Use More Sugar for paragraphs or tiny text.
  • Introduce colors outside the palette, or use Burnt Red as an everyday post skin.
  • Crowd a layout with more than one background pattern.
Copied!