Το σύστημα χρωμάτων μας βασίζεται σε φυσικούς, ηρεμιστικούς τόνους που αντικατοπτρίζουν εμπιστοσύνη, ανάπτυξη και επαγγελματισμό. Η παλέτα υποστηρίζει τόσο ψηφιακές όσο και εκτυπώσιμες εφαρμογές με προσεκτικά βαθμονομημένες τιμές.
Μια ολοκληρωμένη κλίμακα 10 βημάτων από ανοιχτό προς σκούρο για το primary χρώμα (Sage Green), παρέχοντας ευελιξία για καταστάσεις UI, φόντα και ιεραρχίες κειμένου.
Κλίμακα 10 βημάτων από ανοιχτό προς σκούρο για το secondary χρώμα (Cool Blue-Gray), παρέχοντας ευελιξία για backgrounds, borders και UI states.
Ένα εκλεπτυσμένο σύστημα διπλής γραμματοσειράς που συνδυάζει την κομψότητα της STIX Two Text (serif) για τους τίτλους με τη σαφήνεια της Geologica για το κύριο κείμενο, δημιουργώντας μια επαγγελματική αλλά προσιτή φωνή.
Επαναχρησιμοποιήσιμα, προσβάσιμα στοιχεία που διατηρούν τη συνέπεια σε όλα τα ψηφιακά σημεία επαφής.
Εξειδικευμένη υποστήριξη για παιδιά με έμφαση στην παιγνιοθεραπεία. Δημιουργούμε ένα ασφαλές περιβάλλον όπου το παιδί μπορεί να εκφραστεί και να αναπτύξει δεξιότητες.
Προσέγγιση REBT προσαρμοσμένη στις ανάγκες των εφήβων. Συνεργαζόμαστε για την αντιμετώπιση προκλήσεων και την ανάπτυξη συναισθηματικής νοημοσύνης.
Ένα συνεπές σύστημα αποστάσεων 8 σημείων εξασφαλίζει οπτικό ρυθμό και ιεραρχία σε όλη τη σχεδίαση.
Ελάχιστη απόσταση για στενές διατάξεις, padding εικονιδίων
Μικρά κενά μεταξύ συναφών στοιχείων
Προεπιλεγμένη απόσταση για πεδία φορμών, κουμπιά
Τυπική απόσταση μεταξύ στοιχείων
Padding ενότητας, μεγαλύτερα κενά
Padding container, κύριες ενότητες
Μεγάλη απόσταση ενότητας
Εξαιρετικά μεγάλη απόσταση μεταξύ κύριων ενότητων
Λεπτές σκιές δημιουργούν βάθος και ιεραρχία, ενισχύοντας τη διεπαφή χρήστη χωρίς να κατακλύζουν το σχέδιο.
0 1px 2px rgba(0,0,0,0.05)
Λεπτή ανύψωση για κάρτες
0 4px 6px rgba(0,0,0,0.1)
Προεπιλεγμένη ανύψωση κάρτας
0 10px 15px rgba(0,0,0,0.1)
Καταστάσεις hover, modals
0 20px 25px rgba(0,0,0,0.1)
Dropdowns, popovers
Η σχεδίαση του ιστοτόπου εφαρμόζει όλες τις αρχές του συστήματος: ζεστό μινιμαλισμό, σαφή ιεραρχία και προσβάσιμες αλληλεπιδράσεις που καθοδηγούν τους χρήστες μέσα από τη θεραπευτική διαδικασία.
Ζεστός Μινιμαλισμός: Καθαρές διατάξεις με οργανικά gradients και λεπτές κινήσεις δημιουργούν μια φιλόξενη, επαγγελματική ατμόσφαιρα. Η ρευστή gradient ενότητα hero χρησιμοποιεί τα brand χρώματα για να καθιερώσει εμπιστοσύνη αμέσως.
Προσέγγιση Mobile-First: Η διεπαφή προσαρμόζεται απρόσκοπτα από 320px έως 1920px+ με 17 ανταποκρινόμενα breakpoints. Το sticky mobile call module εξασφαλίζει προσβασιμότητα στις πληροφορίες επικοινωνίας ανά πάσα στιγμή.
Συμμόρφωση WCAG AA: Όλο το κείμενο πληροί τις απαιτήσεις αντίθεσης (8.5:1 για κύριο κείμενο). Semantic HTML, ARIA labels, πλοήγηση πληκτρολογίου και focus states εξασφαλίζουν μια συμπεριληπτική εμπειρία.
Βελτιστοποιημένη Εμπειρία: CSS custom properties για δυναμικό theming, ελάχιστο JavaScript, lazy-loaded εικόνες και αποτελεσματικές κινήσεις εξασφαλίζουν γρήγορους χρόνους φόρτωσης και ομαλές αλληλεπιδράσεις.
Ολοκληρωμένο σύστημα breakpoints που εξασφαλίζει βέλτιστη εμπειρία σε όλες τις συσκευές.
Πλήρης συλλογή όλων των brand assets: λογότυπα, σύμβολα, favicons και εκτυπώσιμα αρχεία. Όλα τα assets οργανωμένα ανά κατηγορία και μορφή για εύκολη πρόσβαση.
PNG αρχεία με διαφανές φόντο, ιδανικά για ψηφιακές εφαρμογές, presentations και web.
Vector SVG αρχεία για web, scalable και optimized για όλες τις οθόνες.
EPS και PDF αρχεία βελτιστοποιημένα για εκτύπωση σε CMYK, ιδανικά για business cards, letterheads και marketing materials.
Μόνο το σύμβολο σε διάφορες μορφές: favicons (16x16, 32x32) και social media icons (1000x1000).
Αυτή η ενότητα περιέχει λεπτομερείς πληροφορίες στρατηγικής. Παρακαλώ εισάγετε τον κωδικό πρόσβασης.
Καλύτερες πρακτικές για τη διατήρηση της συνέπειας brand και της ποιότητας σχεδίασης σε όλες τις εφαρμογές.
Μετατρέψτε πάντα τα χρώματα σε CMYK για εκτυπώσιμα υλικά:
• Χρησιμοποιήστε STIX Two Text για επαγγελματικές κάρτες, επικεφαλίδες και επίσημα έγγραφα
• Ελάχιστο μέγεθος γραμματοσειράς 8pt για εκτυπωμένο κείμενο
• Αυξήστε το διάστημα γραμμάτων κατά 0.02em για μικρό τυπωμένο κείμενο
• Χρησιμοποιήστε βάρος 600 ή υψηλότερο για έμφαση στην εκτύπωση
• Χαρτί ματ finish για μείωση της αντανάκλασης
• Φόντα off-white ή beige (#E6DDD1) για θερμότητα
• Ελάχιστη ανάλυση 300 DPI για όλα τα εκτυπωμένα υλικά
• Επαληθεύστε την ακρίβεια χρώματος με φυσικά proofs πριν τη μαζική εκτύπωση
Social Media Icons