Η BePro είναι σχολή επαγγελματικής εκπαίδευσης ομορφιάς (makeup, nails, hairstyling, massage, eyelashes, PMU & tattoo) με 6 σχολές σε Λάρισα, Θεσσαλονίκη, Βόλο, Αθήνα και Αλεξανδρούπολη. Το brand identity είναι θαρραλέο, γυναικείο και επαγγελματικό — εκπαιδεύει επαγγελματίες, όχι ερασιτέχνες.
Αυθεντική εκπαίδευση από εν ενεργεία επαγγελματίες. Πρακτική πάνω σε πραγματικούς πελάτες.
Η μαθήτρια γίνεται αυτόνομη επαγγελματίας. Self-confidence, αυτονομία στην καριέρα.
Σύγχρονο, καθαρό design. Όχι παραδοσιακή σχολή — startup-energy aesthetic.
Custom wordmark «bepro» σε rounded geometric sans-serif. Δύο colour treatments: το be σε cream και το pro σε magenta, με ένα διακριτικό hexagon cut-out στο "o" του "pro" — αυτό είναι το secondary brand mark. Το ® υποδηλώνει registered trademark.
Το hexagon έρχεται από το "o" του "pro". Μπορεί να χρησιμοποιηθεί stand-alone ως avatar, favicon, social profile pic ή loading state.
Minimum clear space: ίσο με το ύψος του γράμματος "b" από όλες τις πλευρές.
Minimum width: 80px σε digital, 25mm σε print.
Format: πάντα PNG με transparent background ή SVG. Ποτέ JPG σε χρωματιστό φόντο.
Το παλέτο είναι έντονα contrasted: magenta primary για ενέργεια και προσοχή, cream για το γυναικείο/professional reading, και dark για ισορροπία και γείωση. Click σε κάθε swatch για copy του hex.
Δύο custom fonts από την οικογένεια Artegra Sans (Artegra Foundry — commercial license).
Artegra Sans Extended για headings — extended-width geometric sans, δίνει τον editorial / fashion-forward χαρακτήρα. Artegra Sans (regular width) για body/UI. Τα font files είναι uploaded στο WordPress (`/wp-content/uploads/2022/`), όχι από Google Fonts.
| Token | Font | Size / Line | Weight |
|---|---|---|---|
| --font-h1 | Artegra Sans Ext | 56 / 61 | 500 |
| --font-h2 | Artegra Sans Ext | 40 / 48 | 500 |
| --font-h3 | Artegra Sans Ext | 28 / 36 | 500 |
| --font-display-light | Artegra Sans Ext | 40 / 48 | 300 |
| --font-body | Artegra Sans | 16 / 26 | 400 |
| --font-small | Artegra Sans | 13 / 20 | 500 |
| --font-btn | Artegra Sans | 14 / 18 | 500 |
| --font-label | Artegra Sans | 11 / 14 · UPPER | 500 |
| File | Family | Weight |
|---|---|---|
| ArtegraSansExLight-1.ttf | Artegra Sans Ext | 300 Light |
| ArtegraSansExMedium-1.ttf | Artegra Sans Ext | 500 Medium |
| ArtegraSansExBold.ttf | Artegra Sans Ext | 700 Bold |
| ArtegraSans-Light-1.ttf | Artegra Sans | 300 Light |
| ArtegraSans-Regular-1.ttf | Artegra Sans | 400 Regular |
| ArtegraSans-Medium-1.ttf | Artegra Sans | 500 Medium |
Local path: brand-assets/fonts/
Βασικά building blocks για το LMS UI — buttons, inputs, tags, cards. Όλα ευθυγραμμισμένα με τα brand tokens (radius 8–999px, magenta primary, dark borders για secondary).
Pill shape (radius 999px), magenta fill, white text, all-caps.
Outline style, 2px dark border, no fill.
Cream background, dark text. Για κατηγορίες, status.
Radius 8px, 1.5px border, magenta focus.
| Token | Value | Usage |
|---|---|---|
| --radius-sm | 8px | Inputs, small cards |
| --radius-md | 12px | Cards, panels |
| --radius-pill | 999px | Buttons, tags |
| --space-xs | 8px | Tight grouping |
| --space-sm | 16px | Card padding |
| --space-md | 32px | Section padding |
| --space-lg | 72px | Section vertical |
| --shadow-card | 0 8px 24px rgba(0,0,0,0.08) | Hover lift |
| --border-default | 1px solid #E8E5DE | Card outlines |
Η φωνή της BePro είναι direct, empowering, professional. Μιλάει σε γυναίκες που θέλουν να γίνουν επαγγελματίες — δεν τους τραβάει μέσα, τις προκαλεί να βγουν μπροστά. Imperative mood, γρήγορος ρυθμός, όχι γλυκανάλατα superlatives.
| Context | Bad | BePro Voice |
|---|---|---|
| Empty state | Δεν υπάρχουν μαθήματα διαθέσιμα | Διάλεξε ένα μάθημα και ξεκίνα |
| Success | Η εγγραφή σας ολοκληρώθηκε επιτυχώς | Είσαι μέσα. Καλώς ήρθες στη BePro. |
| Error | Σφάλμα συστήματος. Δοκιμάστε ξανά. | Κάτι δεν πήγε καλά. Δοκίμασε ξανά. |
| Loading | Παρακαλώ περιμένετε... | Φορτώνουμε... |
| CTA card | Πατήστε εδώ για περισσότερες πληροφορίες | Δες το μάθημα → |
Real photography από πραγματικά μαθήματα — όχι stock. Γυναίκες σε δράση: κρατούν εργαλεία, δουλεύουν σε πελάτες, παρουσιάζουν αποτελέσματα. Warm color grading, ποτέ ψυχρό blue/clinical.
Quick reference για development. Όλα τα παρακάτω είναι τυποποιημένα — τυχόν απόκλιση χρειάζεται έγκριση πριν εφαρμοστεί.
| Element | Rule |
|---|---|
| Primary CTA | Magenta pill button (#EB008B), uppercase Roboto 700, padding 14×32 |
| Headings | Artegra Sans Ext 500, dark text (#191919), συνήθως sentence case (όχι uppercase εκτός tagline) |
| Body text | Artegra Sans 400, #333333, line-height 1.6 |
| Cards | White bg, 12px radius, 1px border #E8E5DE, hover lift 0 8px 24px rgba(0,0,0,0.08) |
| Links | Magenta με 1px underline. Hover: deep magenta (#D9286A). |
| Logo | Πάντα PNG/SVG transparent, ποτέ JPG. Min 80px wide. |
| Spacing | 8 / 16 / 32 / 72 grid. Section vertical = 72px, section horizontal = 32px. |
| Accessibility | Contrast ratio ≥ 4.5:1 σε body, ≥ 3:1 σε large text. Magenta on white = 4.6:1 ✓ |
| Tagline use | «ΓΙΝΕ ΕΠΑΓΓΕΛΜΑΤΙΑΣ ΟΜΟΡΦΙΑΣ» πάντα uppercase, Artegra Sans Ext 500 |
| Mobile breakpoint | 720px. Σε mobile, hero font drops από 56 → 36px. |
:root {
/* Brand colors */
--bepro-magenta: #EB008B;
--bepro-magenta-deep: #D9286A;
--bepro-cream: #E3DCCA;
--bepro-dark: #191919;
--bepro-white: #FFFFFF;
--bepro-body: #333333;
/* Typography */
--font-heading: 'Artegra Sans Ext', 'Manrope', sans-serif;
--font-body: 'Artegra Sans', system-ui, sans-serif;
/* Spacing */
--space-xs: 8px;
--space-sm: 16px;
--space-md: 32px;
--space-lg: 72px;
/* Radius */
--radius-sm: 8px;
--radius-md: 12px;
--radius-pill: 999px;
/* Shadow */
--shadow-card: 0 8px 24px rgba(0,0,0,0.08);
}