
Anthropic
Ένα επιστημονικό περιοδικό πεδίου για τη ζεστή περγαμηνή - ήρεμες επιφάνειες σε χρώμα ελεφαντόδοντου, επικεφαλίδες με ραβδώσεις και μια μοναδική πινελιά από πηλό που εμφανίζεται μόνο όταν χρειάζεται δράση.
Η διεπαφή του Anthropic μοιάζει με μια προσεκτικά επιμελημένη επιστημονική δημοσίευση σε ζεστό χαρτί περγαμηνής. Οι ουδέτερες αποχρώσεις του ελεφαντόδοντου και της βρώμης αντικαθιστούν την τυπική ψυχρή γκρι παλέτα των σχεδίων εμπνευσμένων από την τεχνολογία, προσδίδοντας σε κάθε επιφάνεια μια χάρτινη υφή που συμπληρώνει την προσαρμοσμένη γραμματοσειρά serif που χρησιμοποιείται σε πρωτοφανή κλίμακα τόσο για το κύριο μέρος όσο και για το κείμενο της επικεφαλίδας. Μια ενιαία πινελιά σε χρώμα πηλού εμφανίζεται μόνο σε στιγμές δραστηριότητας. Όλα τα άλλα παραμένουν ήρεμα και λιτά. Τα στοιχεία είναι επίπεδα - λεπτά περιγράμματα και επιλεκτικές ακτίνες κάτω γωνιών αντικαθιστούν τις σκιές ως γλώσσα σχεδιασμού, με μια γραμματοσειρά sans-serif που αντιπροσωπεύει τα στοιχεία της διεπαφής και μια γραμματοσειρά serif που μεταφέρει εκφραστικότητα.
Ο σχεδιασμός κυριαρχείται από vintage επιστημονικές εικονογραφήσεις: η αρχική σελίδα διαθέτει ένα πυκνό βοτανικό/ζωολογικό κολάζ πεταλούδων και σκώρων, εκτελεσμένο στο κλασικό στυλ φυσιοκρατικών εικονογραφήσεων που θυμίζουν οδηγούς πεδίου του 19ου αιώνα. Οι εικονογραφήσεις έχουν ζεστά χρώματα για να εναρμονίζονται με το φόντο της περγαμηνής αντί να ξεχωρίζουν σε αυτό. Δεν υπάρχουν φωτογραφίες, στιγμιότυπα οθόνης προϊόντων ή αφηρημένες διαβαθμίσεις. Η εικονογραφία είναι ελάχιστη - μικρά σιρίτια για αναπτυσσόμενα μενού και αραιοί γραμμικοί δείκτες, πάντα στην ίδια ζεστή, ουδέτερη παλέτα με το κείμενο. Η οπτική πυκνότητα είναι χαμηλή: κυριαρχούν μεγάλα μπλοκ κειμένου και λευκός χώρος και οι εικόνες εμφανίζονται μόνο εντός του εύρους της αρχικής σελίδας.
Παλέτα
Μάρκα
- Clay
#d97757— Τα γεμάτα κουμπιά παρότρυνσης για δράση (π.χ., "αποδοχή συναίνεσης cookie") είναι το μόνο χρώμα έμφασης στο σύστημα, μια ζεστή απόχρωση τερακότα που ανήκει στην οικογένεια γήινων τόνων και όχι στο τυπικό μπλε του περιβάλλοντος εργασίας χρήστη. - Clay Deep
#c6613f— Η κατάσταση τοποθέτησης του δείκτη του ποντικιού/πατήματος για τα κουμπιά παρότρυνσης για δράση στο Clay και το κανονικό διακριτικό με διακριτικό είναι μια βαθύτερη εκδοχή του βασικού διακριτικού.
Ουδέτερος
- Slate Dark
#141413— Κείμενο κυρίως μέρους, επικεφαλίδες, φόντο υποσέλιδου, λεπτά περιγράμματα - σχεδόν μαύρα με μια ελαφριά ζεστασιά, ποτέ εντελώς μαύρα. - Ivory Medium
#f0eee6— Ο καμβάς της σελίδας και τα μεγάλα γεμίσματα της επιφάνειας αποτελούν φόντο περγαμηνής που καθορίζει ολόκληρο τον ζεστό τόνο. - Ivory Light
#faf9f5— Οι επιφάνειες από χαρτόνι, τα υπερυψωμένα πάνελ και τα κουμπιά click-to-click είναι ένα βήμα πιο φωτεινά από τον καμβά για ένα εφέ σε στρώσεις, χωρίς σκιές. - Cloud Medium
#b0aea5— Υποτονικό βοηθητικό κείμενο, ανενεργά στοιχεία πλοήγησης, πρόσθετες ετικέτες—ένα ουδέτερο στυλ που υποχωρεί στο παρασκήνιο χωρίς να εξαφανίζεται. - Cloud Dark
#87867f— Πλαίσια κουμπιών με περίγραμμα, διαχωριστικά μεσαίας αντίθεσης - Stone
#cccbc8— Τα λεπτά περιγράμματα και οι διαχωριστικές γραμμές μεταξύ των τμημάτων είναι ορατά αλλά ποτέ πολύ εμφανή.
Τυπογραφία
από 12 έως 68px · 6 βήματα
- Anthropic Serif — αντικατάσταση: Georgia · περιγράμματα 400, 600 · Σύνταξη – χρησιμοποιείται για την επικεφαλίδα των 68px, όλο το κείμενο των 20px, τους τίτλους καρτών και τις υποστηρικτικές παραγράφους. Η γραμματοσειρά serif προσθέτει προσωπικότητα στο κείμενο. Η παρουσία της στο σώμα του κειμένου (ασυνήθιστο για τεχνικούς ιστότοπους) υποδηλώνει ότι ανήκει σε μια ερευνητική δημοσίευση. Το πάχος γραμματοσειράς 400 είναι το προεπιλεγμένο, ενώ το πάχος γραμματοσειράς 600 είναι για έμφαση.
- Anthropic Sans — αντικατάσταση: Inter · περιγράμματα 400, 500, 600, 700 · Η διεπαφή χρήστη και η εμφάνιση των γραμματοσειρών sans-serif περιλαμβάνουν συνδέσμους πλοήγησης, κουμπιά, υποσέλιδα, εικονίδια και μια έντονη επικεφαλίδα sans-serif με βάρος 61px 700. Η γραμματοσειρά sans-serif των 61px τοποθετείται δίπλα στη γραμματοσειρά serif των 68px, δημιουργώντας σκόπιμα ένα διπλό σύστημα: η γραμματοσειρά sans-serif εκφράζει δηλωτικές δηλώσεις, ενώ η γραμματοσειρά serif μοιάζει με δοκίμιο σύνταξης.
- Anthropic Mono — αντικατάσταση: JetBrains Mono · περιγράμματα 400 · Χρησιμοποιείται μόνο σε κώδικα ή τεχνικά τμήματα - σπάνια.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 8px |
| Ακτίνα κουμπιού | 8px (bottom-only on filled variants), 12px (outlined) |
| Ακτίνα κάρτας | 24px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 80-120px |
| Πλάτος σελίδας | 1280px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Anthropic και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- ElevenLabs — Ένα φωτογραφικό δοκίμιο σε ζεστές κρεμ αποχρώσεις με διακριτικούς τίτλους. Ένα σημειωματάριο σε στιλ Bauhaus—χαρτί στο χρώμα του κελύφους του αυγού, μαύρο μελάνι και μία μόνο μωβ και πορτοκαλί πινελιά για την προβολή του προϊόντος.
- Awesomic — Συντακτικό πλέγμα ψευδαργύρου με πορτοκαλί σημεία στίξης που θυμίζουν κομφετί
- Monad — συντακτικό τεχνικό περιοδικό σε θερμή περγαμηνή
- Dub — Πίνακας ελέγχου από ματ ριζόχαρτο της Link
- Seline Analytics — Ένα ήσυχο αναλυτικό τραπέζι σε ζεστό χαρτί
- Notion — Ένα ζεστό χάρτινο σημειωματάριο στον μεσημεριανό ήλιο
- Calendly — Σκούρο μπλε μελάνι σε κρύο μάρμαρο
- Augen Pro — Η λευκή παρουσίαση της Apple διαθέτει ένα κλινικό, χωρίς βάρος, ηλεκτρικό μπλε ως τη μοναδική πινελιά σε έναν μονόχρωμο χώρο.
- Antimetal — Ένα συντακτικό χρονικό σε κρεμ χαρτί—ένα ήσυχο πρωινό σε ένα επιστημονικό περιοδικό, όπου η αυτοσυγκράτηση μεταδίδει αυτοπεποίθηση και οι σερίφηδες κάνουν τη δύσκολη δουλειά
- Perk — Ηλεκτρικό λάιμ σε ζεστή λαδόκολλα
- Ditto — Ένα ηλιόλουστο εργαστήριο δημιουργίας δειγμάτων αγριολούλουδων. Ζεστές κρεμ επιφάνειες, ένα έντονο κίτρινο βασικό χρώμα, βαθιά μπλε μελάνια, οργανικές χρωματικές μορφές που ανθίζουν πίσω από το έργο.
- Officevibe — Ένα εκδοτικό περιοδικό σε ζεστό κρεμ χαρτί. Φανταστείτε ένα στοχαστικό δοκίμιο για τη διαχείριση ανθρώπινου δυναμικού, που παρουσιάζεται ως προϊόν - μια καλλιγραφική γραμματοσειρά serif που ψιθυρίζει μέσα από μια μοντέρνα μπλε διεπαφή.