ΟΔΗΓΟΣ ΣΤΥΛ · ΕΚΔΟΣΗ 1
Το κλειδωμένο σύστημα για όλες τις σελίδες του κέντρου: τυπογραφία, χρώματα, κουμπιά και επαναχρησιμοποιήσιμα μοτίβα. Ό,τι δεν υπάρχει εδώ, δεν μπαίνει στις σελίδες. Αισθητική: εικονογραφημένη λογοτεχνική εφημερίδα — χαρτί, μελάνι, γραμμές, σκίτσα γραφίτη.
01 — ΧΡΩΜΑΤΑ
Ισορροπία 85% χαρτί/μελάνι — 15% χρώμα γλώσσας. Τα χρώματα γλωσσών χρησιμοποιούνται μόνο σε τίτλους, λεπτές γραμμές, περιγράμματα κουμπιών και hover — ποτέ ως φόντο ενότητας.
Paper
#F4F0E8
Paper Light
#F8F5EF
Paper Dark
#EAE4D9
Paper White
#FBF9F5
Ink
#25231F
Ink Soft
#57534C
Muted
#817B71
Line
#A9A298
English
#745149
French
#9C544C
Greek
#4D6D7C
Line Light
#D4CEC3
02 — ΤΥΠΟΓΡΑΦΙΑ
Επικεφαλίδες: Alegreya 400 — ποτέ bold. Κείμενο: Noto Sans 400/500. Κλίμακα Major Third με clamp(). Κεφαλαία ελληνικά γράφονται πάντα χωρίς τόνους στο ίδιο το κείμενο.
H1 · Hero · text-5xl · Display 400 · lh 1.08 · ls -0.02em
H2 · Τίτλος ενότητας · text-4xl · Display 400
H3 · Τίτλος κάρτας · text-2xl · Display 400
H4 · Πλαϊνή στήλη · text-xl · Display 400
Quote · text-xl · Display 400 Italic — editorial διαχωριστικό
Lead · text-lg · Sans 400 · max-width 44ch στο hero
Σύγχρονη διδασκαλία, εμπειρία και προσωπική υποστήριξη για κάθε στόχο και κάθε ηλικία.
Body · 15-17px fluid · Sans 400 · lh 1.6 · max-width 65ch
Το κέντρο ξένων γλωσσών λειτουργεί με μικρά τμήματα και προσωπική καθοδήγηση, ώστε κάθε μαθητής να προχωρά με τον δικό του ρυθμό προς το πτυχίο που στοχεύει.
Small · text-sm · Sans 400 — λεζάντες, μεταδεδομένα
Φωτογραφία: αρχείο σχολείου, 2026
Eyebrow · text-xs · Sans 600 · ls 0.12em · ΚΕΦΑΛΑΙΑ ΧΩΡΙΣ ΤΟΝΟΥΣ
ΟΙ ΓΛΩΣΣΕΣ ΜΑΣ
02Β — ΕΝΑΛΛΑΚΤΙΚΕΣ ΕΠΙΚΕΦΑΛΙΔΩΝ
Ίδιο δείγμα, ίδιο μέγεθος, έξι υποψήφιες. Όλες αυτοφιλοξενούμενες με πλήρη ελληνικά. Διαλέξτε μία — η αλλαγή γίνεται καθολικά από ένα σημείο.
Noto Serif Display · 400 · κομψή αλλά με λεπτές ακμές
Noto Serif Display · 500 · ίδια ταυτότητα, πιο στιβαρή — η φθηνή διόρθωση
Literata · 400 · βιβλιακή, ομοιόμορφο πάχος, πολύ ευανάγνωστη
Alegreya · 400 — ΤΡΕΧΟΥΣΑ ΕΠΙΛΟΓΗ · ζεστή, λογοτεχνική, με ενέργεια
EB Garamond · 500 · κλασική ευρωπαϊκή, η πιο κοντινή στο λογοτεχνικό ύφος
Vollkorn · 400 · η πιο στιβαρή — σκούρο χρώμα κειμένου
03 — ΚΟΥΜΠΙΑ
Radius 0, περίγραμμα 1px, κεφαλαία με letter-spacing 0.065em, padding 12×22. Hover: αντιστροφή γεμίσματος. Στις κάρτες γλωσσών το secondary παίρνει το χρώμα της γλώσσας.
Primary — μελάνι, hover σε διαφανές
Secondary — περίγραμμα, hover γεμίζει
Language variant — accent περίγραμμα
04 — ΜΟΤΙΒΟ ΕΠΙΚΕΦΑΛΙΔΑΣ ΕΝΟΤΗΤΑΣ
Κάθε ενότητα ανοίγει με eyebrow, λεπτή γραμμή με ελαφριά κλίση (-1°), και editorial τίτλο. Παράδειγμα:
ΟΙ ΓΛΩΣΣΕΣ ΜΑΣ
05 — ΚΑΡΤΑ ΓΛΩΣΣΑΣ (ΠΡΟΤΥΠΟ)
Καμία σκιά, καμία καμπύλη. Δομή με γραμμές: border πάνω & δεξιά. Τίτλος στο χρώμα της γλώσσας, ιταλική υπογραφή, σκίτσο, λίστα προγραμμάτων, outline κουμπί.
[σκίτσο: Big Ben — γραφίτης]
· Παιδιά & Έφηβοι
· Ενήλικες
· Cambridge Exams
· IELTS
· Business English
+ μικρή σημαία δίπλα στον τίτλο
[σκίτσο: Πύργος του Άιφελ — γραφίτης]
· Παιδιά & Έφηβοι
· Ενήλικες
· DELF – DALF
· Γαλλικά για Επαγγελματίες
+ μικρή σημαία δίπλα στον τίτλο
[σκίτσο: Ακρόπολη — γραφίτης]
· Ελληνικά για ξένους
· Modern Greek
· Εξετάσεις Ελληνομάθειας
· Πολιτισμός & Ιστορία
+ μικρή σημαία δίπλα στον τίτλο
06 — ΛΩΡΙΔΑ ΧΑΡΑΚΤΗΡΙΣΤΙΚΩΝ (ΠΡΟΤΥΠΟ)
[εικονίδιο line-art 32px]
ΕΞΑΤΟΜΙΚΕΥΜΕΝΗ ΠΡΟΣΕΓΓΙΣΗ
Μικρά τμήματα και προσωπική καθοδήγηση για μέγιστα αποτελέσματα.
[εικονίδιο line-art 32px]
ΣΥΓΧΡΟΝΟΣ ΧΩΡΟΣ
Άνετο και επαγγελματικό περιβάλλον για μάθηση με συγκέντρωση.
[εικονίδιο line-art 32px]
ΠΟΙΟΤΙΚΟ ΥΛΙΚΟ
Ενημερωμένο εκπαιδευτικό υλικό και σύγχρονες μέθοδοι διδασκαλίας.
[εικονίδιο line-art 32px]
ΕΜΠΕΙΡΟΙ ΚΑΘΗΓΗΤΕΣ
Καταρτισμένοι καθηγητές με αγάπη για τη διδασκαλία.
Εικονίδια: line-art, stroke 1.25 (Lucide/Phosphor thin ή custom σκίτσα) — εκκρεμούν ως assets.
07 — ΠΛΑΪΝΗ ΣΤΗΛΗ ΝΕΩΝ (ΠΡΟΤΥΠΟ)
Στο desktop ζει δεξιά από το hero (πλάτος 280–340px, border αριστερά). Στο κινητό μεταφέρεται κάτω από το hero ως πλήρες μπλοκ.
ΣΑΝ ΣΕΛΙΔΑ ΕΦΗΜΕΡΙΔΑΣ
Νέα σχολική χρονιά 2026–2027
Οι εγγραφές ξεκίνησαν! Εξασφαλίστε τη θέση σας εγκαίρως.
08 — ΚΑΝΟΝΕΣ & ΑΠΟΣΤΑΣΕΙΣ
Πάντα
· Φόντο χαρτιού #F4F0E8 — ποτέ καθαρό λευκό
· Radius 0 σχεδόν παντού (max 4px)
· Γραμμές 1px για δομή, όχι κάρτες με σκιά
· Serif 400 — ποτέ bold serif
· Κεφαλαία ελληνικά χωρίς τόνους, γραμμένα ρητά
· Παράγραφοι max 65ch, hero copy max 44ch
· Ενότητες: padding clamp(4rem…8rem)
· Σελίδα: padding clamp(1.25rem…4rem)
Ποτέ
· Gradients, glassmorphism, μεγάλες σκιές
· Στρογγυλεμένες SaaS κάρτες
· Solid πολύχρωμα εικονίδια / Font Awesome heavy
· Stock φωτογραφίες χαμογελαστών μαθητών
· Watercolor, 3D, flat vector — μόνο γραφίτης/χαρακτικό
· Χρώματα γλωσσών ως φόντο ενοτήτων
· Έντονα entrance animations
· Νέον αποχρώσεις
Εικονογράφηση: όλα τα visuals σε ενιαίο στυλ fine-line graphite / engraved — σαν να προέρχονται από το ίδιο εικονογραφημένο βιβλίο. Raster εικόνες περνούν από φίλτρο grayscale(1) contrast(.9) sepia(.15).