Medium
Κρεμώδης λευκή εφημερίδα στη χρυσή ώρα
Το μέσο λειτουργεί σαν μια αίθουσα λογοτεχνικής ανάγνωσης που έχει μεταφερθεί στο διαδίκτυο: ένα ζεστό, κρεμ φόντο (#f7f4ed) αντικαθιστά το αποστειρωμένο λευκό που είναι χαρακτηριστικό του SaaS, κάνοντας τα μεγάλα κείμενα να μοιάζουν με εκτυπωμένη σελίδα. Το οπτικό σύστημα είναι επιθετικά μονόχρωμο — σχεδόν όλες οι επιφάνειες του UI, το κείμενο και τα περιγράμματα βρίσκονται σε μια στενή ζώνη θερμών γκρι που κυμαίνονται από #242424 έως #6b6b6b — έτσι η προσοχή του αναγνώστη επικεντρώνεται πλήρως στο περιεχόμενο. Η μόνη χαρακτηριστική χειρονομία είναι ο τίτλος serif (GT Super, 120px, βάρος 400, απόσταση γραμμάτων -0,055em), μια σκόπιμη επιλογή κατά των τάσεων: μια μεταβατική γραμματοσειρά serif βιβλίων κλιμακωμένη για προβολή, μόλις αισθητή αντί για ένα έντονο γεωμετρικό sans-serif, σηματοδοτεί: «Εκδίδουμε βιβλία, όχι λογισμικό». Τα κουμπιά είναι γεμάτα «χάπια» σχεδόν μαύρου χρώματος — το μόνο συμπαγές μελάνι στη σελίδα.
Η αρχική σελίδα έχει δύο στήλες: η αριστερή πλευρά καταλαμβάνει ~55% του χώρου της σελίδας, με τον τίτλο, το υποκείμενο κείμενο και την παρότρυνση για δράση να είναι διατεταγμένα κάθετα με άφθονο εσωτερικό διάστιχο. η δεξιά πλευρά καταλαμβάνει ~45% του χώρου της σελίδας, με ένα πλαίσιο εικονογράφησης. Η αριστερή στήλη είναι ευθυγραμμισμένη αριστερά (όχι στο κέντρο), αγκυρώνοντας τη σελίδα στον άξονα ανάγνωσης. Κάτω από την αρχική σελίδα, η σελίδα είναι μια ενιαία λωρίδα κρεμ χρώματος πλήρους πλάτους με κεντραρισμένους συνδέσμους στο υποσέλιδο. Δεν υπάρχουν πλέγματα καρτών, ενότητες χαρακτηριστικών ή εναλλασσόμενες ρίγες στην αρχική σελίδα—η αρχική σελίδα ΕΙΝΑΙ μια σελίδα. Η πυκνότητα περιεχομένου είναι σκόπιμα χαμηλή: μία επικεφαλίδα, μία πρόταση, ένα κουμπί, μία εικόνα. Η σελίδα είναι εξώφυλλο, όχι πίνακας ελέγχου.
Οι εικονογραφήσεις είναι συντακτικές και επεισοδιακές, όχι συστηματικές. Η κύρια σελίδα περιλαμβάνει μια μόνο χειρόγραφη εικονογράφηση (ένα πράσινο λουλούδι, ένα γεωμετρικό χέρι, γραμμές αστερισμού) σε χαλαρό, ελαφρώς αφελές ύφος. Οι εικονογραφήσεις μοιάζουν με παραγγελίες που αλλάζουν εποχιακά, και όχι με έργα από μια μόνιμη βιβλιοθήκη. Δεν υπάρχουν φωτογραφίες στην κύρια σελίδα. Δεν υπάρχουν εικονίδια στην κύρια σελίδα—όλη η εργασία γίνεται από το λογότυπο κειμένου και το κείμενο. Η οπτική γλώσσα είναι κυρίως προσανατολισμένη στο κείμενο, με τις εικονογραφήσεις να χρησιμεύουν ως σημεία στίξης.
Παλέτα
Ουδέτερος
- Newsprint Cream
#f7f4ed— Ο καμβάς της σελίδας, το φόντο του κύριου παραθύρου και το φόντο της ενότητας έχουν μια ζεστή, ελαφρώς κρεμώδη απόχρωση που δημιουργεί την αίσθηση μιας εκτυπωμένης διεπαφής και όχι μιας ψηφιακής. - Paper White
#ffffff— Επιφάνειες καρτών, υπερυψωμένα πάνελ, πεδία εισαγωγής φόρμας και οποιεσδήποτε επιφάνειες που πρέπει να διαχωριστούν από τον καμβά σε κρεμ χρώμα. - Ink
#242424— Κείμενο σώματος, κείμενο σώματος, σύνδεσμοι, επικεφαλίδες - ελαφρώς πιο ζεστό από το καθαρό μαύρο, φαίνεται ωραίο σε κρεμ φόντο. - Body Gray
#333333— Το δευτερεύον χρώμα κειμένου και το προεπιλεγμένο χρώμα προσκηνίου χρησιμοποιούνται όπου απαιτείται χρώμα ελαφρώς πιο ανοιχτό από το χρώμα του μελανιού χωρίς απώλεια αντίθεσης. - Button Black
#191919— Υποστηρίζεται ένα ουδέτερο χρώμα για δευτερεύοντα στοιχεία διεπαφής χρήστη, διαχωριστικά και ετικέτες με σίγαση. Δεν θα πρέπει να χρησιμοποιείται ως κύριο χρώμα για παροτρύνσεις για δράση. - Marginalia Gray
#6b6b6b— Υποστήριξη ουδέτερων χρωμάτων για δευτερεύον περιβάλλον χρήστη, διαχωριστικά και ετικέτες με σίγαση.
Τυπογραφία
από 13 έως 120px · 5 βήματα
- medium-content-sans-serif-font — αντικατάσταση: Inter · περιγράμματα 400 · γραμματοσειρά medium-content-sans-serif - βρέθηκε στα εξαγόμενα δεδομένα αλλά δεν περιγράφεται από την τεχνητή νοημοσύνη.
- GT Super — αντικατάσταση: Playfair Display · περιγράμματα 400 · Οι επικεφαλίδες και το κείμενο στο κυρίως μέρος είναι από μια γραμματοσειρά transitional book serif σε ακραία κλίμακα με μικρή απόσταση γραμμάτων και απόσταση γραμμών 0,83. Η επιλογή πάχους 400 (όχι έντονη γραφή) στα 120px είναι ένα χαρακτηριστικό γνώρισμα: οι μορφές των γραμμάτων, όχι το πάχος, κάνουν τη δουλειά. Η αρνητική απόσταση γραμμάτων περιορίζει τα οπτικά κενά, κάνοντας τις "Ανθρώπινες Ιστορίες και Ιδέες" να φαίνονται σαν ένα συνεκτικό τυπογραφικό μπλοκ.
- Söhne — αντικατάσταση: Inter · περιγράμματα 400 · Η γραμματοσειρά sans-serif του UI χρησιμοποιείται για πλοήγηση, κουμπιά, υποεπικεφαλίδες και μικρούς τίτλους. Το εύρος 13–14px αφορά ετικέτες και κουμπιά πλοήγησης. Τα 20–22px αφορούν υποεπικεφαλίδες και δευτερεύον κείμενο εντός του τίτλου. Ένα καθαρό sans-serif με ανθρωπιστικές αναλογίες είναι ευανάγνωστο σε μικρά μεγέθη και διακριτικό σε μεγαλύτερα.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | μέσος |
| Βασικό βήμα | 16-24px |
| Ακτίνα κουμπιού | 9999px |
| Ακτίνα κάρτας | 0px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 64px |
| Πλάτος σελίδας | 1200px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Medium και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Steep — Ανάλυση γραμματοσειρών Serif σε ζεστό χαρτί
- Newformcap — Εκδοτική εφημερίδα στο καμαρίνι
- Claude — Ένα τεχνούργημα τυπωμένο σε ζεστή περγαμηνή—μελάνι σε οστέινο χαρτί, ο πηλός ως η μόνη πνοή χρώματος
- 11x– Digital workers — Μια κινηματογραφική ερημιά του συντακτικού χώρου—πανοραμικές φωτογραφίες του τοπίου με φόντο μνημειώδεις τίτλους σερίφ που θυμίζουν φυλλάδιο πολυτελών περιοδικών.
- Revolut — Ένα μονόχρωμο εκδοτικό έργο βασισμένο σε μια φωτογραφία σύννεφων - λευκό μελάνι, κουμπιά από κουτιά χαπιών, μια ενιαία μπλε λωρίδα χρώματος σε έναν κατά τα άλλα γκρι κόσμο.
- Scheduling — Εκδοτικό μελάνι σε κρεμ χαρτί
- Titan — αρχείο μονόχρωμων χρωμάτων σε ζεστές αποχρώσεις
- Programa — Ένα ελβετικό στούντιο σχεδιασμού το μεσημέρι. Ο λευκός τοίχος της γκαλερί φωτίζεται από ένα μόνο κίτρινο επιτραπέζιο φωτιστικό—όλα είναι σε αποχρώσεις του γκρι μέχρι που ένα κουμπί, ένα εικονίδιο ή ένα διακοσμητικό στοιχείο τραβάει την προσοχή, και τότε αυτό το μοναδικό κίτρινο διακοσμητικό στοιχείο ορίζει ολόκληρο το δωμάτιο.
- Sana Agents — Λάμψη λάιμ σε λευκό φόντο στο κύριο άρθρο
- Visual — Ζεστό συντακτικό σαμιζντάτ. Κρεμ χαρτί, αφίσες serif, μονόχρωμα περιθώρια, ένας κίτρινος μαρκαδόρος.
- Midday — Εκδοτικό φυλλάδιο σε περγαμηνή - τίτλος serif 72px σε φόντο με ζεστή πέτρα, κείμενο sans-serif με διάστιχο, χειριστήρια σε σχήμα χαπιού, χωρίς σκιές
- Chat for impact — Μια καταπράσινη κλινική με δωμάτια σε παστέλ χρώματα