ElevenLabs
Ένα φωτογραφικό δοκίμιο σε ζεστές κρεμ αποχρώσεις με διακριτικούς τίτλους. Ένα σημειωματάριο σε στιλ Bauhaus—χαρτί στο χρώμα του κελύφους του αυγού, μαύρο μελάνι και μία μόνο μωβ και πορτοκαλί πινελιά για την προβολή του προϊόντος.
Η ElevenLabs λειτουργεί σε ένα ζεστό, λευκό μινιμαλιστικό στυλ: ένας καμβάς στο χρώμα του κελύφους του αυγού (#fdfcfc) με μαύρα γράμματα και μία στρώση από ζεστές γκρι επιφάνειες (#f5f3f1). Η ταυτότητα της μάρκας είναι ήσυχη και γεμάτη αυτοπεποίθηση - η μόλις διακριτή γραμματοσειρά Waldenburg 300 αναδεικνύει τους τίτλους με εξαιρετική καθαρότητα (-0,02em), ενώ η Inter 400/500 δίνει σε όλα τα άλλα μια ήρεμη ουδετερότητα. Δύο χρώματα έμφασης - έντονο μωβ #0447ff και έντονο πορτοκαλί #ff4704 - ξεχωρίζουν μόνο μέσα στα οπτικά στοιχεία του προϊόντος (ακουοσφαίρες, εικονίδια προϊόντος), ποτέ τόσο χρώμιο στο περιβάλλον χρήστη. Τα στοιχεία παραμένουν επίπεδα ή ελαφρώς υπερυψωμένα με λεπτά περιγράμματα 1px, φαρδιές ακτίνες 20px σε κάρτες και πλήρως γεμάτα κουμπιά 9999px. Το σύστημα θυμίζει ένα στούντιο Bauhaus σε κρεμ χαρτί: συγκρατημένο, συντακτικό και τεχνικά ακριβές.
Τα τμήματα πλήρους πλάτους είναι διατεταγμένα κάθετα σε μία κεντρική στήλη μέγιστου πλάτους με εξωτερικά κενά 1280px. Το κύριο τμήμα είναι ασύμμετρο: η επικεφαλίδα είναι ευθυγραμμισμένη αριστερά στο επίπεδο Waldenburg των 48px, το κείμενο περιγραφής είναι ευθυγραμμισμένο δεξιά και δύο κουμπιά σε σχήμα χαπιού βρίσκονται κάτω από την επικεφαλίδα. Κάτω από το κύριο τμήμα υπάρχει μια μεγάλη γραμμή πλοήγησης με καρτέλες που εκτείνεται σε ολόκληρο το πλάτος του περιεχομένου. Τα τμήματα εναλλάσσονται μεταξύ φόντου σε χρώμα κελύφους αυγού και γκρι με κάθετα κενά 96–125px. Το υποσέλιδο είναι μια συμπαγής, ενιαία λωρίδα. Η πλοήγηση είναι μια μινιμαλιστική επάνω γραμμή—χωρίς σταθερή συμπεριφορά, χωρίς mega-μενού. Ο ρυθμός του περιεχομένου ταιριάζει με το στυλ σύνταξης: άφθονος λευκός χώρος, ένα κύριο οπτικό στοιχείο ανά ενότητα και χωρίς πλέγματα καρτών κάτω από την ενότητα "Εμπιστοσύνη".
Ο οπτικός σχεδιασμός κυριαρχείται από ένα χρωματικό συνδυασμό: μεγάλες διαβαθμίσεις με τη μορφή απαλών ηχητικών σφαιρών (κύκλοι άνω των 200px με ακτινικές μεταβάσεις από μοβ σε πορτοκαλί και ροζ) χρησιμεύουν ως το κύριο γραφικό στοιχείο. Τα λογότυπα στην ενότητα "Εμπιστοσύνη" παρουσιάζονται σε κλίμακα του γκρι χαμηλής αντίθεσης σε ματ φόντο καμβά. Η φωτογραφία είναι ελάχιστη—δεν υπάρχουν φωτογραφίες τρόπου ζωής ή προϊόντων. Η εικονογραφία είναι αραιή και μονόχρωμη (μαύρο περίγραμμα ή γεμάτα εικονίδια, χωρίς χρωματικά εικονίδια). Το οπτικό σύστημα θυμίζει περισσότερο μια έκδοση σχεδιασμού παρά έναν κατάλογο προϊόντων—ο συντακτικός περιορισμός υπερισχύει του αντίκτυπου στο μάρκετινγκ.
Παλέτα
Μάρκα
- Violet Spark
#0447ff— Οπτική έμφαση προϊόντος - Εμφανίζεται μόνο μέσα σε εικονογραφήσεις ηχητικής σφαίρας και διακοσμητικά εικονίδια προϊόντος. Δεν χρησιμοποιείται ποτέ για στοιχεία διεπαφής.
Ουδέτερος
- Eggshell
#fdfcfc— Ο καμβάς της σελίδας, οι επιφάνειες των κουμπιών και οι επιφάνειες των καρτών είναι ζεστές, ελαφρώς κρεμώδεις, αντί για έντονα λευκές, για να αποφεύγεται η ψηφιακή αντανάκλαση και να δίνεται στην ιστοσελίδα η ηρεμία του χαρτιού. - Warm Taupe
#f5f3f1— Οι διαχωριστικές λωρίδες, οι διακοσμητικές κάρτες και ένα επιπλέον επίπεδο επιφάνειας – ένα βήμα βαθύτερο από τη ματ επιφάνεια – δημιουργούν έναν ήσυχο διαχωρισμό χωρίς περιθώρια. - Stone
#ebe8e4— Τα λεπτά περιγράμματα, τα διαχωριστικά και τα φόντα των εικονιδίων έχουν ένα ζεστό γκρι χρώμα που βρίσκεται μεταξύ μπεζ και μεσαίου γκρι χωρίς να είναι κρύα. - Ink
#000000— Είτε πρόκειται για κείμενο στο κυρίως σώμα, γεμάτα κουμπιά, πλοήγηση ή συνδέσμους, το καθαρό μαύρο χρησιμεύει ως βάση για μια ζεστή παλέτα χρωμάτων και δημιουργεί τη μόνη έντονη αντίθεση στο σύστημα. - Graphite
#44403b— Κείμενο κυρίως μέρους, επικεφαλίδες ενοτήτων - ένα διακριτικό ζεστό σκούρο γκρι για κείμενο που χρειάζεται να είναι έντονο χωρίς την τραχύτητα του μαύρου. - Smoke
#777169— Το κύριο κείμενο, οι διακριτικές περιγραφές και οι λεζάντες είναι σε μεσαίο-ζεστό γκρι χρώμα· το κυρίαρχο, ευανάγνωστο, αλλά και ήρεμο ύφος των καρτών και των θεματικών κειμένων.
Τυπογραφία
από 10 έως 48px · 8 βήματα
- Waldenburg — αντικατάσταση: Inter (300) or Söhne Light · περιγράμματα 300 · Μόνο για επικεφαλίδες και στοιχεία σχεδίασης. Χρησιμοποιείται σε μορφές 48/36/32px με βάρος γραμματοσειράς 300—μια εξαιρετικά ελαφριά γραμματοσειρά είναι αντισυμβατική. Οι περισσότεροι ιστότοποι χρησιμοποιούν 600-700. Αυτή η διακριτική γραμματοσειρά μεταδίδει κύρος μέσω περιορισμού. Η μικρή απόσταση μεταξύ των γραμμάτων -0,02em δημιουργεί μια πιο στενή εφαρμογή μεταξύ των γραμμάτων σε μεγαλύτερα μεγέθη. Εναλλακτικές: "Inter" σε βάρος 300 ή "Söhne" σε ελαφρύ βάρος ως premium εναλλακτική λύση.
- Inter — αντικατάσταση: Inter or system-ui · περιγράμματα 400, 500 · Όλα όσα βρίσκονται εκτός οθόνης: κείμενο σώματος, πλοήγηση, κουμπιά, σύνδεσμοι, ετικέτες, πεδία εισαγωγής, κάρτες. Το προεπιλεγμένο βάρος είναι 400. Το 500 προορίζεται για κουμπιά και επισημασμένους συνδέσμους. Τα μεγέθη κυμαίνονται από 10 έως 10, με μειωμένο διάστιχο (1,47–1,6), δίνοντας στις παραγράφους χώρο να αναπνεύσουν. Ένα μικρό διάστιχο +1 (2) σε μεγέθη από 14 έως 3 βελτιώνει την αναγνωσιμότητα σε μικρά μεγέθη.
- Geist Mono — αντικατάσταση: JetBrains Mono or IBM Plex Mono · περιγράμματα 400 · Μικροκείμενο που βρίσκεται δίπλα σε κώδικα ή τεχνικό κείμενο, τοποθετημένο στα 13px—σπάνια χρησιμοποιείται (συχνότητα = 28) για τεχνικές ετικέτες ή μεταδεδομένα. Μονή στρώση, μεγάλο ύψος γραμμής 1,69.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 8-16px |
| Ακτίνα κουμπιού | 9999px |
| Ακτίνα κάρτας | 20px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 96-125px |
| Πλάτος σελίδας | 1280px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ ElevenLabs και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Awesomic — Συντακτικό πλέγμα ψευδαργύρου με πορτοκαλί σημεία στίξης που θυμίζουν κομφετί
- Monad — συντακτικό τεχνικό περιοδικό σε θερμή περγαμηνή
- Dub — Πίνακας ελέγχου από ματ ριζόχαρτο της Link
- Seline Analytics — Ένα ήσυχο αναλυτικό τραπέζι σε ζεστό χαρτί
- Notion — Ένα ζεστό χάρτινο σημειωματάριο στον μεσημεριανό ήλιο
- Anthropic — Ένα επιστημονικό περιοδικό πεδίου για τη ζεστή περγαμηνή - ήρεμες επιφάνειες σε χρώμα ελεφαντόδοντου, επικεφαλίδες με ραβδώσεις και μια μοναδική πινελιά από πηλό που εμφανίζεται μόνο όταν χρειάζεται δράση.
- Calendly — Σκούρο μπλε μελάνι σε κρύο μάρμαρο
- Augen Pro — Η λευκή παρουσίαση της Apple διαθέτει ένα κλινικό, χωρίς βάρος, ηλεκτρικό μπλε ως τη μοναδική πινελιά σε έναν μονόχρωμο χώρο.
- Antimetal — Ένα συντακτικό χρονικό σε κρεμ χαρτί—ένα ήσυχο πρωινό σε ένα επιστημονικό περιοδικό, όπου η αυτοσυγκράτηση μεταδίδει αυτοπεποίθηση και οι σερίφηδες κάνουν τη δύσκολη δουλειά
- Perk — Ηλεκτρικό λάιμ σε ζεστή λαδόκολλα
- Ditto — Ένα ηλιόλουστο εργαστήριο δημιουργίας δειγμάτων αγριολούλουδων. Ζεστές κρεμ επιφάνειες, ένα έντονο κίτρινο βασικό χρώμα, βαθιά μπλε μελάνια, οργανικές χρωματικές μορφές που ανθίζουν πίσω από το έργο.
- Officevibe — Ένα εκδοτικό περιοδικό σε ζεστό κρεμ χαρτί. Φανταστείτε ένα στοχαστικό δοκίμιο για τη διαχείριση ανθρώπινου δυναμικού, που παρουσιάζεται ως προϊόν - μια καλλιγραφική γραμματοσειρά serif που ψιθυρίζει μέσα από μια μοντέρνα μπλε διεπαφή.