Speak
loud
A bolder, more editorial student-learning identity inspired by block colour palettes, organic shapes, and social-first zine layouts.
Soft
but sharp
More warm fashion-editorial, less generic edtech.
Study
with edge
Confident enough for SPM, expressive enough for students.
Colour system
The palette is split into primary colours and secondary colours. Primary colours should carry brand recognition and core product behaviour. Secondary colours add range for content, rewards, social posts, and learning states.
Primary colours
Core brand set#efebe1
The warm neutral base. Use for app backgrounds, content calm, poster space, and any moment where KS should feel human rather than tech-cold.
blue
#2557ff
The loud brand anchor. Use for hero surfaces, SPM campaign moments, high-energy social visuals, and strong brand recognition.
#e64c09
The action colour. Use for primary CTAs, start actions, streak energy, and moments that ask the learner to do something now.
Haze = calm
Use Haze as the default background so learning screens stay warm, readable, and not overly academic.
Blue = recognition
Use Electric blue where the brand needs to be instantly recognisable: covers, campaigns, hero cards, SPM mode.
Flame = action
Use Flame for one clear primary action per view. It should not compete with multiple loud buttons.
Secondary palette
Support colours#f0c84bHighlights, reward moments, sticker accents.#f49eafSocial cards, warmth, campaign emphasis.#2fa36bSupport cards, growth moments, and fresh contrast.#f68868Celebrations, friendly alerts, warm emphasis.#ffffffCards, modals, product content surfaces.#101014Text, outlines, icons, and contrast.Typography rhythm
Keep the big stacked typography from the first board, but pair it with softer colours and more fashion-editorial spacing.
up
today
Archivo Black gives KS the social-card punch: direct, memorable, student-facing.
Short practice that feels current, not tuition-centre.
Use friendly sentence case for product UI. Keep headlines short and copy supportive. Use JetBrains Mono for small labels only.
Component treatment
The component treatment should follow the strong-contrast poster cards: solid colour fills, bold type, thick outlines, and more fluid sticker-like shapes. Components should feel punchy and graphic, while still staying usable.
Use one loud primary action, then support it with quieter secondary actions.
Short speaking practice with clear AI-powered feedback.
Make momentum visible with one strong progress cue.
say more
say better
Feedback panels should feel coach-like, clear, and easy to scan.
Quest cards should feel like campaign posters inside the product.
Interview → Long Turn → Discussion. Calm exam language, strong structure.
Social system
Keep the moodboard’s loud layouts, but use more fluid, illustrative shapes. The look should feel like student posters, playlists, sticker captions, and editorial cut-outs.
Updated visual rules
These rules incorporate the new moodboard references while keeping KS clear, student-first, and product-ready without relying on characters or mascots.
Haze, Sunflower, Pulse, Moss green, Spark, and Flame should feel like a confident brand set, not random accents.
Let stacked headlines, short captions, and mono labels carry the brand personality before adding illustration.
Use the loudest treatments for marketing and hero moments. Learning UI should remain simple and readable.
Shapes should feel more Gen Z and illustrative: blobs, swashes, sticker cut-outs, and soft highlight forms rather than rigid geometry.