Ανερούσες

Οδηγός στυλ

Αυτή η σελίδα περιγράφει τα τρέχοντα στυλ και πρότυπα για την ιστοσελίδα των Ανερουσών.

Χρώματα

Μια επισκόπηση των χρωμάτων της μάρκας αυτού του ιστότοπου.

Δράση

Δράση

Ultra Light

Φως

Μεσαίο

Σκούρο

Εξαιρετικά σκοτεινό

Comp

Πρωτογενές

Πρωτογενές

Ultra Light

Φως

Μεσαίο

Σκούρο

Εξαιρετικά σκοτεινό

Comp

Δευτερεύον

Δευτερεύον

Ultra Light

Φως

Μεσαίο

Σκούρο

Εξαιρετικά σκοτεινό

Comp

Accent

Accent

Ultra Light

Φως

Μεσαίο

Σκούρο

Εξαιρετικά σκοτεινό

Comp

Βάση

Βάση

Ultra Light

Φως

Μεσαίο

Σκούρο

Εξαιρετικά σκοτεινό

Comp

Σκιά

Σκιά

Ultra Light

Φως

Μεσαίο

Σκούρο

Εξαιρετικά σκοτεινό

Δράση

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Πρωτογενές

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Δευτερεύον

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Accent

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Βάση

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Σκιά

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Κουμπιά

Τα συμπαγή και τα περιγραμματισμένα κουμπιά είναι διαθέσιμα σε όλα τα χρώματα, συμπεριλαμβανομένου του μαύρου και του λευκού.

ΚΟΥΜΠΙΆ ΣΕ ΑΝΟΙΧΤΌ ΦΌΝΤΟ

ΔράσηΠερίγραμμα δράσηςΠρωτογενέςΠρωτογενές περίγραμμαΔευτερεύονΔευτερεύον περίγραμμαAccentΠερίγραμμα έμφασηςΒάσηΠερίγραμμα βάσης

ΚΟΥΜΠΙΆ ΣΕ ΣΚΟΎΡΟ ΦΌΝΤΟ

ΔράσηΠερίγραμμα δράσηςΠρωτογενέςΠρωτογενές περίγραμμαΔευτερεύονΔευτερεύον περίγραμμαAccentΠερίγραμμα έμφασηςΛευκόΛευκό περίγραμμα
Κλίμακα κουμπιών
Κουμπί XS
btn--primary / btn--xs
Κουμπί S
btn--primary / btn--s
Κουμπί M
btn--primary / btn--m
Κουμπί L
btn--primary / btn--l
Κουμπί XL
btn--primary / btn--xl
Κουμπί XXL
btn--primary / btn--xxl

Τυπογραφία

Παρακάτω παρατίθεται μια επισκόπηση των μεγεθών και βαρών τυπογραφίας που ανταποκρίνονται σε αυτόν τον ιστότοπο. Αυτά υπολογίζονται από ένα βασικό μέγεθος και μια μαθηματική κλίμακα.
Τίτλοι
H1 (--xxl)

Τίτλος 1 Κανονικός

Τίτλος 1 Μεσαίο

Κεφαλίδα 1 Bold

H2 (--xl)

Κεφαλίδα 2 Κανονική

Τίτλος 2 Μεσαίο

Κεφαλίδα 2 Bold

H3 (--l)

Κεφαλίδα 3 Κανονική

Κεφαλίδα 3 Μέτρια

Κεφαλίδα 3 Bold

H4 (--m)

Κεφαλίδα 4 Κανονική

Κεφαλίδα 4 Μεσαία

Κεφαλίδα 4 Bold

H5 (--s)
Κεφαλίδα 5 Κανονική
Κεφαλίδα 5 Μεσαία
Κεφαλίδα 5 Bold
H6 (--xs)
Κεφαλίδα 6 Κανονική
Κεφαλίδα 6 Μεσαία
Κεφαλίδα 6 Bold
Κείμενο σώματος
ΚΕΙΜΕΝΟ ΣΩΜΑΤΟΣ (--m)
Κείμενο m Regular
Κείμενο m Medium
Κείμενο m Bold
ΜΙΚΡΟ ΚΕΙΜΕΝΟ (--s)
Κείμενο s Κανονικό
Κείμενο s Μέσο
Κείμενο s Bold
XTRA SMALL TEXT (--xs)
Κείμενο xs Κανονικό
Κείμενο xs Medium
Κείμενο xs Bold
Παραδείγματα

Τίτλος 1 (H1)

Αυτό είναι μεγάλο κείμενο. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Τίτλος 2 (H2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Τίτλος 3 (H3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Τίτλος 4 (H4)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Τίτλος 5 (H5)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Τίτλος 6 (H6)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Πλάτη

Υπάρχουν έξι τιμές που μπορείτε να χρησιμοποιήσετε για τον έλεγχο του πλάτους του στοιχείου. Ανταποκρίνονται αυτόματα.
--width-xs
--width-s
--width-m
--width-l
--width-xl
--width-xxl

Επικάλυψη τμήματος

Η συμπλήρωση των τμημάτων ανταποκρίνεται και βασίζεται σε έναν πολλαπλασιαστή του συστήματος διαχωρισμού πυρήνων.
Κανένα
XS
S
M
L
XL
XXL

Απόσταση

Υπάρχουν έξι επίπεδα απόκρισης που υπολογίζονται από ένα βασικό μέγεθος και μια μαθηματική κλίμακα. Αυτό διασφαλίζει ότι το περιθώριο, το padding και τα κενά ταιριάζουν απόλυτα.
--space-xs
--space-s
--space-m
--space-l
--space-xl
--space-xxl

Στοιχείο Padding

Ακολουθούν τα έξι επίπεδα διαστήματος που απεικονίζονται ως padding.

Κάρτα

Πρόκειται για μια κάρτα με επένδυση XS. Το περιεχόμενό της είναι αρκετά κοντά στις άκρες.

Κάρτα

Πρόκειται για μια κάρτα με S padding. Έχει λίγο πιο σφιχτό μαξιλάρι.

Κάρτα

Αυτή είναι μια κάρτα με γέμισμα M. Διαθέτει τυπικό χώρο αναπνοής.

Κάρτα

Πρόκειται για μια κάρτα με γέμισμα L. Έχει επιπλέον χώρο για να αναπνεύσει.

Κάρτα

Αυτή είναι μια κάρτα με XL γέμισμα. Έχει σημαντικό χώρο για να αναπνεύσει.

Κάρτα

Πρόκειται για μια κάρτα με γέμισμα XXL. Αποφύγετε τη χρήση της σε περιορισμένο χώρο.

Σκιές

Υπάρχουν τρεις σκιές πολλαπλών επιπέδων για να επιλέξετε.
Σκιά κουτιού M
Σκιά κουτιού L
Κουτί σκιάς XL

Ακτίνα συνόρων

Υπάρχουν έξι τιμές ακτίνας ορίου που υπολογίζονται από ένα βασικό μέγεθος και μια μαθηματική κλίμακα.
Στρογγυλεμένο XS
Στρογγυλεμένο S
Στρογγυλεμένο M
Στρογγυλεμένο L
Στρογγυλεμένο XL
Στρογγυλεμένο XXL