# MENTORIST — παλέτα & οικογένεια λογοτύπου

**Πηγή:** `mentorist-logo.jpg` (520×520 JPEG, 46.648 bytes) — το μόνο επίσημο αρχείο του λογοτύπου.
**Παραγωγή:** Σεπτέμβριος 2026. Όλα τα παρακάτω βγήκαν **από αυτό το JPEG**.
**Το `mentorist-logo.jpg` δεν αντικαταστάθηκε — μένει ως έχει.**

---

## 1. ΧΡΩΜΑΤΑ — μετρημένα, όχι από ακοή

Μέτρησα κάθε pixel του JPEG (PIL + numpy). Το εικαστικό είναι αυστηρά **δίχρωμο**:

| Ρόλος | Hex | RGB | Απόδειξη μέτρησης |
|---|---|---|---|
| **Πετρόλ** (φόντο, «ink») | `#34545F` | 52, 84, 95 | **46,47 % όλων των pixel** έχουν ακριβώς αυτή την τιμή. Και οι **τέσσερις** γωνίες (δείγμα 20×20) δίνουν διάμεσο `#34545F`. |
| **Κρεμ** (σήμα, «cream») | `#D4C7A7` | 212, 199, 167 | Η **επικρατέστερη τιμή του σήματος** (0,89 % του συνόλου, 1η μετά το φόντο). Το κέντρο της κόρης (δείγμα 24×24) δίνει διάμεσο `#D4C7A7`. |

Ό,τι άλλο υπάρχει στο αρχείο είναι **θόρυβος συμπίεσης JPEG** γύρω από τις ακμές (`#36545E`, `#33535E`… — καθένα <0,7 %). Δεν είναι χρώματα της μάρκας.

**Δευτερεύον (δικό μου, μόνο για τη λεζάντα του og-image):** `#A9BAC0` — ξεθυμασμένο πετρόλ, για δευτερεύον κείμενο πάνω στο πετρόλ.

### Αντίθεση (WCAG 2.2, μετρημένη)

| Ζεύγος | Λόγος | Κρίση |
|---|---|---|
| κρεμ σε πετρόλ | **4,86 : 1** | AA για κανονικό κείμενο (≥4,5). **ΟΧΙ** AAA. |
| πετρόλ σε λευκό | **8,14 : 1** | AAA. Αυτός είναι ο ασφαλής συνδυασμός για ανοιχτά φόντα. |
| κρεμ σε λευκό | **1,68 : 1** | **ΑΠΑΓΟΡΕΥΕΤΑΙ.** Το κρεμ σε λευκό είναι πρακτικά αόρατο. |

> 🔴 Το πιο εύκολο λάθος με αυτή την παλέτα: κρεμ σήμα πάνω σε λευκό. **1,68:1 — δεν φαίνεται.** Σε ανοιχτό φόντο πάει πάντα η **ink** εκδοχή.

### Σχέση με την παλέτα του σημερινού site

Το σημερινό site χρησιμοποιεί `#2b5664` / `#BCAE7C`. **Δεν είναι τα ίδια** με τα χρώματα του λογοτύπου. Το `#34545F` είναι ελαφρώς πιο πράσινο/σκούρο, το `#D4C7A7` πιο ανοιχτό. Ανοιχτή απόφαση: **αλλάζει μόνο το σήμα ή όλη η παλέτα του site;**

---

## 2. ΓΕΩΜΕΤΡΙΑ — μετρημένη από την πηγή

| Στοιχείο | Τιμή (σε pixel της πηγής 520×520) |
|---|---|
| Κέντρο σήματος | (269,5 · 264,0) |
| Πλαίσιο σήματος | x 62–477, y 57–471 → 416×415 px |
| Εξωτερική ακτίνα | 210 px |
| Ομόκεντροι δακτύλιοι | **9**, ακτίνες 66 · 83,5 · 96 · 111 · 128 · 144,5 · 163 · 182 · 202 |
| Πάχος δακτυλίου | ≈ 8,5 px (**4 % της ακτίνας**) |
| Αμυγδαλωτό μάτι | ημιπλάτος 129 px · ημιύψος 70 px (λόγος 1,84) |
| Κόρη | κύκλος ακτίνας 33 px στο κέντρο |
| Κάλυψη κρεμ | 36,1 % του τετραγώνου του σήματος |

Τα SVG έχουν `viewBox="0 0 1000 1000"`· το σήμα καταλαμβάνει το ~94 % (περιθώριο 6,7 %, μετρημένο από το πλαίσιο).

---

## 3. ΤΑ ΑΡΧΕΙΑ — πού μπαίνει ποιο

### Διανυσματικά (πάντα προτιμώνται)

| Αρχείο | Χρήση |
|---|---|
| `mentorist-mark.svg` | **Το κύριο.** `fill="currentColor"` → παίρνει το χρώμα από το CSS. Για inline `<svg>` σε header/footer, όπου το ίδιο αρχείο πρέπει να είναι ink πάνω και ivory κάτω. |
| `mentorist-mark-ink.svg` | Έτοιμο πετρόλ. Για **ανοιχτά** φόντα: header, έντυπο σε λευκό, `Organization.logo`. |
| `mentorist-mark-cream.svg` | Έτοιμο κρεμ. Για **σκούρα** φόντα: footer, σκούρες ενότητες. |

Και τα τρία: **μία `<path>` με 27 υπο-διαδρομές**, `fill-rule="evenodd"`, καμία ενσωματωμένη εικόνα, κανένα base64.

### Raster

| Αρχείο | Διαστάσεις | Φόντο | Χρήση |
|---|---|---|---|
| `mentorist-mark-1024.png` | 1024² | **διαφανές** | Πρωτότυπο υψηλής ανάλυσης, σήμα **σε κρεμ**. Για σκούρα φόντα, παρουσιάσεις, παραγωγή άλλων μεγεθών. 🔴 **Όχι σε λευκό** (βλ. §1). |
| `favicon-16.png` | 16² | διαφανές (πετρόλ δίσκος) | Καρτέλα browser, μικρό μέγεθος. |
| `favicon-32.png` | 32² | διαφανές (πετρόλ δίσκος) | Καρτέλα browser, retina· σελιδοδείκτες. |
| `favicon-48.png` | 48² | διαφανές (πετρόλ δίσκος) | Windows taskbar, μεγάλα εικονίδια. |
| `favicon.ico` | 16+32+48 | ” | `/favicon.ico` στη ρίζα — το ζητούν ακόμα browsers και crawlers χωρίς να διαβάσουν HTML. **Κάθε καρέ έχει τη δική του απλοποίηση**, δεν είναι το ίδιο σμικρυμένο. |
| `apple-touch-icon-180.png` | 180² | **ΣΥΜΠΑΓΕΣ πετρόλ** | iOS «Πρόσθεση στην αρχική οθόνη». Το iOS **δεν δέχεται διαφάνεια ούτε SVG** — γι' αυτό είναι αδιαφανές τετράγωνο. Διορθώνει το σημερινό σφάλμα του site (σερβίρει SVG → κενό εικονίδιο στο iPhone). |
| `icon-192.png` | 192² | διαφανές (πετρόλ δίσκος) | `manifest.json`, Android. |
| `icon-512.png` | 512² | διαφανές (πετρόλ δίσκος) | `manifest.json`, splash screen. |
| `og-image-1200x630.png` | 1200×630 | συμπαγές πετρόλ | `og:image` + `twitter:image`. Σήμα + λέξη MENTORIST + `mentorist.gr`. |

**Για τα 192/512:** το σήμα κάθεται μέσα στο κεντρικό **72 %** — μέσα στη ζώνη ασφαλείας του maskable (80 %). Ο πετρόλ δίσκος γεμίζει το τετράγωνο, οι γωνίες μένουν διαφανείς. Δηλώστε τα ως `"purpose": "any"`. Αν κάποτε χρειαστεί καθαρό `maskable`, θέλει **γεμάτο τετράγωνο** πετρόλ — άλλο αρχείο, όχι αυτό.

---

## 4. ΤΙ ΑΠΛΟΠΟΙΗΣΑ ΓΙΑ ΤΑ ΜΙΚΡΑ ΜΕΓΕΘΗ — και γιατί

**Το πρόβλημα, μετρημένο:** το πλήρες σήμα σμικρυμένο στα 16 px δίνει τυπική απόκλιση φωτεινότητας **13,78** — δηλαδή σχεδόν ομοιόμορφη γκρίζα κηλίδα. Οι 9 δακτύλιοι έχουν πάχος 4 % της ακτίνας· στα 16 px αυτό είναι **0,32 pixel**. Δεν υπάρχει τρόπος να τυπωθούν· λιώνουν μεταξύ τους.

**Άρα τα favicon ΔΕΝ είναι σμίκρυνση του σήματος. Είναι ξαναχτισμένα από τη μετρημένη γεωμετρία, με ρητή απλοποίηση ανά μέγεθος:**

| Μέγεθος | Δακτύλιοι | Τι κράτησα | std @16px |
|---|---|---|---|
| **16 px** | **0** | **Μόνο το μάτι** — αμύγδαλο περίγραμμα 1,25 px + κόρη ακτίνας 1,35 px, πάνω σε πετρόλ δίσκο. Όλοι οι δακτύλιοι αφαιρέθηκαν. | **66,06** ✅ |
| **32 px** | 2 | Μάτι + οι δύο ακραίοι δακτύλιοι (0,72 και 0,97 της ακτίνας), πάχος 13 % — τριπλάσιο του πρωτοτύπου. | — |
| **48 px** | 3 | Μάτι + 3 δακτύλιοι, πάχος 9,5 %. | — |
| **180/192/512** | **9 (όλοι)** | Πλήρες σήμα, χωρίς απλοποίηση. Στα 180 px οι δακτύλιοι είναι ήδη ~3 px — διαβάζονται. | — |

**Δύο αλλαγές πέρα από την αφαίρεση δακτυλίων:**
1. **Πάχυνση γραμμών.** Στο πρωτότυπο το πάχος είναι 4 % της ακτίνας. Στα 16/32/48 ανεβαίνει σε 16 % / 13 % / 9,5 %. Χωρίς αυτό η γραμμή γίνεται υποδιαίρεση pixel και ξεθωριάζει σε γκρι.
2. **Πετρόλ δίσκος αντί για διαφανές φόντο πίσω από το σήμα.** Το κρεμ σε λευκή καρτέλα browser δίνει 1,68:1 — αόρατο. Ο δίσκος κρατά την ταυτότητα (κρεμ σε πετρόλ) και δουλεύει και σε ανοιχτή και σε σκούρα καρτέλα. Οι γωνίες του τετραγώνου μένουν διαφανείς.

**Έλεγχος:** έκανα render και κοίταξα κάθε εικονίδιο στο **πραγματικό** του μέγεθος, σε ανοιχτό και σε σκούρο φόντο, πριν το γράψω. Δοκίμασα 5 παραλλαγές για τα 16 px· επιλέχθηκε η «μόνο μάτι, πλατύ» γιατί στις υπόλοιπες η κόρη ξεχείλιζε από το αμύγδαλο και το σχήμα διαβαζόταν ως **μπάρα**, όχι ως μάτι.

---

## 5. ΕΛΑΧΙΣΤΑ ΜΕΓΕΘΗ

| Εκδοχή | Ελάχιστο | Γιατί |
|---|---|---|
| Πλήρες σήμα (9 δακτύλιοι), SVG ή PNG | **64 px** | Κάτω από αυτό οι δακτύλιοι είναι <1,3 px και αρχίζουν να συγχωνεύονται. Στα 42 px του header είναι **οριακό** — δείτε το πριν το κλειδώσετε. |
| Απλοποίηση 3 δακτυλίων (`favicon-48`) | 32 px | |
| Απλοποίηση 2 δακτυλίων (`favicon-32`) | 24 px | |
| Μόνο μάτι (`favicon-16`) | 12 px | Κάτω από 12 px χάνεται η κόρη. |

🔴 **Το header/footer του σημερινού site (42 px / 26 px) είναι κάτω από το ελάχιστο του πλήρους σήματος.** Στα 26 px του footer πρέπει να μπει η **απλοποιημένη** εκδοχή, όχι το `mentorist-mark.svg`. Μένει ανοιχτό για όταν αλλάξει το λογότυπο στο site.

---

## 6. ΑΠΑΓΟΡΕΥΜΕΝΕΣ ΧΡΗΣΕΙΣ

1. **Κρεμ σήμα σε λευκό ή ανοιχτό φόντο.** 1,68:1. Χρησιμοποιήστε `mentorist-mark-ink.svg`.
2. **Πλήρες σήμα κάτω από 64 px.** Γίνεται κηλίδα — το μετρήσαμε: std 13,78.
3. **Σμίκρυνση του `mentorist-logo.jpg` για favicon.** Είναι ακριβώς το λάθος που παράγει τη γκρίζα κηλίδα. Υπάρχουν έτοιμα favicon.
4. **SVG ως `apple-touch-icon`.** Το iOS το αγνοεί → κενό εικονίδιο. Αυτό συμβαίνει **σήμερα** στο ζωντανό site (6 σελίδες).
5. **Διαφανές PNG για apple-touch-icon.** Το iOS γεμίζει τη διαφάνεια με μαύρο.
6. **Αλλαγή αναλογιών, περιστροφή, σκιά, κλίση (gradient), περίγραμμα.** Το σήμα είναι δίχρωμο και συμμετρικό. Δεν παίρνει εφέ.
7. **Άλλα χρώματα εκτός `#34545F` / `#D4C7A7`** — ούτε τα παλιά `#2b5664` / `#BCAE7C` του site, μέχρι να αποφασιστεί αν η παλέτα ενοποιείται.
8. **Το σήμα πάνω σε φωτογραφία** χωρίς συμπαγή υπόβαθρο. Οι λεπτοί δακτύλιοι χάνονται σε κάθε πολυσύχναστο φόντο.

---

## 7. ΤΙ ΔΕΝ ΕΙΝΑΙ ΑΥΤΟ

Το `mentorist-mark.svg` είναι **auto-trace** (potrace) του JPEG στα 4× — όχι το πρωτότυπο του σχεδιαστή. Είναι πιστό (κάλυψη 36,1 % έναντι 36,1 % της πηγής, μετρημένο με render) και καθαρό σε κάθε μέγεθος, αλλά οι καμπύλες κουβαλούν την **οργανική ανομοιομορφία** του πρωτοτύπου — οι δακτύλιοι δεν είναι τέλειοι κύκλοι στο ίδιο το εικαστικό.

Αν κάποτε φτάσει το πραγματικό `.ai`/`.eps`/`.svg` του σχεδιαστή, **αντικαταστήστε τα τρία SVG** — τα raster μπορούν να μείνουν. Μένουν δύο μόνο ανοιχτά σημεία: το **διάνυσμα του σχεδιαστή** και η **επιβεβαίωση των χρωμάτων** από εσάς.