
Linear
όργανο ακριβείας μεσονυχτίου
Το σύστημα γραμμικού σχεδιασμού είναι ένα νυχτερινό κέντρο διοίκησης χτισμένο σε σχεδόν μαύρες επιφάνειες (#08090a) με καθαρά λευκά γράμματα και μια μοναδική πινελιά σε λαχανί (#e4f222) που λειτουργεί ως λειτουργικός φακός - μικρός, υψηλής αντίθεσης και χρησιμοποιείται με φειδώ για να υποδείξει ενέργειες. Η διεπαφή αντιμετωπίζει το σκοτάδι ως θεμέλιο και όχι ως θέμα: το κείμενο είναι ένα καθαρό λευκό με στενή απόσταση μεταξύ των γραμμάτων (-0,022em), το πάχος των γραμματοσειρών είναι στο χαμηλό εύρος 400-510 αντί για έντονη γραφή και τα περιγράμματα είναι εξαιρετικά λεπτά (0,5px) για να επιτρέπουν στη γεωμετρία να κάνει τη δουλειά που συνήθως κάνουν οι σκιές. Τα στοιχεία δίνουν την αίσθηση ότι έχουν κατασκευαστεί με ακρίβεια - ακτίνες 6px και 12px, συμπαγή περιθώρια 8-12px και σχεδόν πλήρης έλλειψη διακοσμητικών στοιχείων - επιτρέποντας στο περιβάλλον χρήστη του προϊόντος (κάρτες εργασιών, πίνακες Kanban, πίνακες πρακτόρων AI) να είναι η μόνη οπτική υφή σε ένα κατά τα άλλα ήρεμο σύστημα.
Η διάταξη έχει μέγιστο πλάτος περίπου 1200px, στο κέντρο, με σκούρο φόντο που εκτείνεται μέχρι τις άκρες του παραθύρου προβολής. Το κύριο στοιχείο είναι μια μεγάλη επικεφαλίδα, ευθυγραμμισμένη αριστερά (64–72px), σε συνδυασμό με μια παρότρυνση για δράση (CTA) ευθυγραμμισμένη δεξιά, ακολουθούμενη από ένα μεγάλο στιγμιότυπο οθόνης προϊόντος που εκτείνεται ελαφρώς πέρα από το μέγιστο πλάτος. Ο ρυθμός των ενοτήτων εναλλάσσεται μεταξύ συνθέσεων δύο στηλών με κείμενο στα αριστερά και μια εικόνα στα δεξιά, και λωρίδων προβολής προϊόντων πλήρους πλάτους που χωρίζονται από κάθετες υδρορροές 96px. Η λωρίδα με το λογότυπο του πελάτη είναι μία μόνο οριζόντια σειρά. Η σελίδα δεν χρησιμοποιεί ποτέ πλέγματα καρτών τριών στηλών ή δομές με πλακίδια—η πυκνότητα πληροφοριών παραμένει χαμηλή, με τις περισσότερες ενότητες να χρησιμοποιούν άφθονο λευκό χώρο και ένα μόνο εστιακό στοιχείο στην οθόνη. Η πλοήγηση είναι μια σταθερή επάνω γραμμή με λογότυπο ευθυγραμμισμένο αριστερά και συνδέσμους ευθυγραμμισμένους δεξιά, χωρίς πλαϊνή γραμμή ή mega-μενού.
Η οπτική γλώσσα της Linear βασίζεται σε στιγμιότυπα οθόνης προϊόντων: οι εικόνες στην αρχή και στις ενότητες είναι πραγματικές εικόνες της διεπαφής χρήστη της εφαρμογής Linear, αποτυπωμένες με τη μέγιστη λεπτομέρεια — κάρτες εργασιών, πίνακες Kanban, πίνακες ελέγχου πρακτόρων τεχνητής νοημοσύνης, παλέτες εντολών — τοποθετημένες σε λεπτά πλαισιωμένα πλαίσια. Δεν υπάρχουν φωτογραφίες αρχείου, εικόνες lifestyle, αφηρημένες εικόνες. Τα λογότυπα εμφανίζονται ως μια ουδέτερη γκρι λωρίδα (#8a8f98) ομοιόμορφου μεγέθους για τους πελάτες. Τα εικονίδια είναι μινιμαλιστικές γραμμικές εικόνες SVG σε μονοχρωματική κλίμακα του γκρι. Το στιγμιότυπο οθόνης στο επάνω μέρος της σελίδας επιπλέει σε μια διακριτική γραμμική διαβάθμιση (από σκούρο σε ανοιχτό), δημιουργώντας ατμοσφαιρικό βάθος χωρίς τη χρήση πραγματικών τοπίων. Κάθε οπτικό στοιχείο είναι ένα λειτουργικό στοιχείο του ίδιου του προϊόντος.
Παλέτα
Μάρκα
- Acid Lime
#e4f222— Τα κύρια κουμπιά ελέγχου και οι ενεργές ενδείξεις πλοήγησης αποτελούν μια φωτεινή προφορά που σπάει το μονόχρωμο χρωματικό σχήμα.
Ουδέτερος
- Mist
#d0d6e0— Δευτερεύουσες επικεφαλίδες, κείμενο κουμπιών σε σκούρες επιφάνειες - Void
#08090a— Καμβάς σελίδας, εικόνα φόντου πλήρους πλάτους - από προεπιλογή, όλα τα στοιχεία τοποθετούνται σε αυτό το φόντο. - Carbon
#0f1011— Οι επιφάνειες καρτών, οι γραμμές πλοήγησης, είναι ένα βήμα πάνω από τον καμβά για την τοποθέτηση περιεχομένου μέσα σε κάρτες. - Obsidian
#161718— Υπερυψωμένες επιφάνειες, βαθύτερα πάνελ από χαρτόνι - Graphite
#23252a— Λεπτά περιγράμματα, διαχωριστικά, διακριτικά περιγράμματα κουμπιών – ανάγλυφες άκρες χαμηλής αντίθεσης - Smoke
#383b3f— Τα λεπτά περιγράμματα έχουν υψηλότερη αντίθεση από τους διαχωριστές τμημάτων από γραφίτη.
Τυπογραφία
από 13 έως 72px · 8 βήματα
- Inter Variable — αντικατάσταση: Inter (variable) · περιγράμματα 300, 400, 510, 590 · Κύρια γραμματοσειρά διεπαφής χρήστη και κεφαλίδας - Χρησιμοποιείται στην πλοήγηση, στο κυρίως κείμενο, στις επικεφαλίδες, στα κουμπιά και στις κάρτες.
- Berkeley Mono — αντικατάσταση: JetBrains Mono · περιγράμματα 400 · Κείμενο UI δίπλα στον κώδικα - αναγνωριστικά έκδοσης (ENG-2703), συντομεύσεις πληκτρολογίου, μεταδεδομένα γραμματοσειράς monospace
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | ευρύχωρος |
| Βασικό βήμα | 8px |
| Ακτίνα κουμπιού | 6px |
| Ακτίνα κάρτας | 12px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 96px |
| Πλάτος σελίδας | 1200px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Linear και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Aaru — Παρατηρητήριο Σωματιδιακού Πεδίου τα Μεσάνυχτα
- Atlas Card — Το Midnight Vault, με τη μοναδική ακτίνα ζαφειριού του, είναι μια κατάμαυρη έκταση όπου το μόνο που έχει σημασία είναι το βαθύ ηλεκτρίκ μπλε.
- Checkly — Κέντρο Ελέγχου Αποστολών Βαθιάς Τροχιάς
- Savee — Μαύρος καμβάς για οπτικούς επιμελητές
- Inngest — Ένα σκοτεινό, ήσυχο παρατηρητήριο, εξοπλισμένο για εργασία με όργανα, φωτισμένο από ένα μόνο κεχριμπαρένιο πιλοτικό φως
- Dala — ένας αστερισμός που αιωρείται πάνω σε μαύρο βελούδο
- Origin Financial — Μια μεσονύκτια γκαλερί ήσυχης χλιδής. Ένα ήσυχο, σχεδόν σκοτεινό δωμάτιο όπου οι μεγάλες γραμματοσειρές serif και μερικά φωτισμένα χρωματιστά πάνελ δημιουργούν την αίσθηση ότι τα χρηματοοικονομικά είναι ένα προσεκτικά επιμελημένο έργο τέχνης.
- Hyperstudio — Το σχέδιο είναι χαραγμένο σε οψιδιανό. Το κείμενο και οι λεπτές γραμμές πλαισιώνουν έναν λευκό χώρο από καθαρό μαύρο, με περιστασιακά χρυσά σημάδια πυξίδας που υποδεικνύουν τον δρόμο.
- Air — γλυπτό "Μεσόνυχος Ουρανός Μέσα από Γυαλί"
- Resend — μαύρο βελούδο με μωβ νέον χρώμα
- Raycast — Κέντρο Διοίκησης Μεσονυχτίων, Coral Neon
- Dimension — ένας σταθμός εργασίας φωτισμένος από το σούρουπο με αδιαφανή γυάλινα πάνελ