Brand Guide · Logo Box

← Back to Landing Page

hairdressing.school
Brand Guide

Reduced to what already exists right now: the wordmark, the landing page color system, typography, and the three existing character icons.

Logo
Colors
Type
Icons
hairdressing.school wordmark
Primary wordmark with a black first line and a green second line. The green is taken directly from the logo file: #3A9E7E.

Existing Icons

These three characters are part of the brand system. They should always appear with name and role so they read as a clear product family, not just decorative illustrations.

Maia Icon

Maia

Mentoring AI Assistant

The warm and personal learning companion. Visually soft, pink, and approachable.

Salma Icon

Salma

Salon Marketing Management Talent

The calm and intelligent salon assistant. Visually green, clear, and helpful.

Socci Icon

Socci

Social Content Community Intelligence

The more graphic identity for visibility and content. Slightly darker, sharper, and more expressive.

Brand Core

The brand combines technology with real human support. It should never feel like cold software. It should feel premium, warm, and modern for hairdressers at every stage of growth.

Positioning

One platform for learning, salon management, and visibility. Chat-first, context-aware, and approachable instead of technical and complicated.

Brand Line

One platform. Learn. Manage. Grow.

We love to see you grow.

Color Palette

The primary colors are taken directly from the live CSS and the logo. The supporting colors come from the existing character assets and fit the current brand world closely.

Brand Green 500#3A9E7ELogo and core accent
Brand Green 400#5DB896Buttons, highlights
Ink Black#1A1D1FText, CTA, contrast
Soft White#FCFDFDMain surfaces
Mint 100#E8F6F0Backgrounds
Mint 200#C5E8D9Soft UI, borders
Rose 100#FDF0F3Warm surfaces
Rose 400#E07C94Emotion, highlights
Character Mint#8ADCB4Illustration
Character Rose#E4789AIllustration
Character Sage#6B9A8BSupport Accent
Deep Pink#B05B79Illustration Detail

Typography

The live site typography is modern, distinct, and still soft enough for a human brand. The combination works well and should remain consistent.

Syne

Used for headlines, strong statements, section titles, and brand moments. It feels modern, bold, and editorial.

DM Sans is used for body copy, buttons, navigation, and explanatory content. It stays calm, friendly, and easy to read.
Headlines: Syne
Body: DM Sans

Logo Rules

The wordmark is strong enough when used cleanly. Fewer effects, more breathing room, and clear backgrounds are the right approach here.

Do

Use white or very light backgrounds. Keep generous spacing. Preserve the original colors. A minimum digital width of about 140 px keeps the wordmark readable.

Don't

No shadows, no outlines, no alternate colors, no stretching, no tight cropping, and no placement on busy backgrounds.

Do / Don't

Do

  • Use black as the visual backbone.
  • Use mint and rose in a soft, generous way.
  • Keep rounded corners and clear spacing throughout.
  • Keep the brand feeling warm and premium.

Don't

  • Do not introduce neon green or tech blue.
  • Do not turn it into a crowded dashboard aesthetic.
  • Do not shift it into a dark, aggressive cyber look.
  • Do not use generic startup purple.

Quick Design Formula

If something has to be built quickly, this combination works immediately and stays close to the existing website.

One platform.
Learn. Manage. Grow.

Warm white, clear black typography, brand green as the primary signal, and rose as the softer emotional counterpoint.

Primary Action Secondary Action

Default Setup

Background #FCFDFD

Primary Text #1A1D1F

Primary Accent #3A9E7E

Warm Accent #E07C94

Headline Font Syne

Body Font DM Sans