Flying Papers
Εξομολόγηση σε ένα καρτούν Σάββατο πρωί
Το Flying Papers λειτουργεί σαν ένα καρτούν Σαββατιάτικου πρωινού τυπωμένο σε βαρύ χαρτί ριζογραφίας: μια επίπεδη, απαλή μωβ σκηνή, μια πινελιά από κορεσμένα χρώματα που μοιάζουν με κομφετί και τόσο μεγάλα γράμματα που καταλαμβάνουν την περιοχή προβολής. Η επωνυμία είναι έντονη, έντονη και ασυμβίβαστη - δεν απαιτεί την προσοχή, αλλά την προσελκύει. Κάθε οθόνη έχει σχεδιαστεί για να μοιάζει με μια ενιαία, έντονη αφίσα: ένας κυρίαρχος τίτλος, μια απεικόνιση χαρακτήρα, μία ενέργεια στο κείμενο και άφθονος λευκός χώρος. Τα πλαίσια κάνουν το μεγαλύτερο μέρος της εργασίας, αντικαθιστώντας τις σκιές. Το χρώμα χρησιμοποιείται ως χρώμα, όχι ως δεδομένα. Οι επιφάνειες παραμένουν επίπεδες, οι άκρες διατηρούνται ευκρινείς στα 6px και το μόνο αδύνατο σημείο στο σύστημα είναι το χάπι των 100px στο κουμπί εξόδου.
Διατάξεις αφίσας πλήρους οθόνης χωρίς περιορισμούς μέγιστου πλάτους. Κάθε οθόνη είναι μια ενιαία σύνθεση στο μέγεθος του παραθύρου προβολής: ένας τεράστιος τίτλος ObviouslyVariable, κεντραρισμένος ή αριστερώς ευθυγραμμισμένος, μια ενιαία απεικόνιση μασκότ που επικαλύπτει το κείμενο και μια μικρή ενσωματωμένη ενέργεια από κάτω. Οι ενότητες δεν εναλλάσσονται μεταξύ ανοιχτόχρωμων και σκούρων χρωμάτων—ολόκληρη η σελίδα είναι διατεταγμένη σε καμβά Twilight Purple, με επίστρωση από μονόχρωμες κάρτες. Η πλοήγηση είναι ένα λογότυπο στο κέντρο, χωρίς γραμμή μενού. Οι κάρτες είναι διατεταγμένες σε χαλαρή διάταξη 2-3 στηλών με γενναιόδωρα διαχωριστικά. Τα μεγέθη των καρτών καθορίζονται από το περιεχόμενο αντί να είναι ομοιόμορφα. Η πυκνότητα είναι ακραία: μία ιδέα ανά οθόνη, περιτριγυρισμένη από μωβ χώρο αναπνοής.
Μόνο εικόνες—όχι φωτογραφίες, τρισδιάστατες απεικονίσεις ή αφηρημένες διαβαθμίσεις. Η οπτική γλώσσα είναι ένα χειροποίητο στυλ κινουμένων σχεδίων με παχιά μαύρα περιγράμματα (2–3px), επίπεδα γεμίσματα 2–3 χρωμάτων και χωρίς σκίαση. Οι χαρακτήρες είναι μασκότ που αλληλεπιδρούν με την γραμματοσειρά (κοιτάζοντας έξω, ακουμπώντας ή στέκονται πάνω στο γράμμα). Τα εικονίδια σχεδιάζονται με μαύρες (καθαρές) ή λευκές (κόκκαλο) γραμμές, με πλάτος γραμμής 1,5–2px. Οι εικόνες δημιουργούν κυρίως μια διακοσμητική ατμόσφαιρα, χωρίς να εξηγούν ποτέ—η γραμματοσειρά μεταφέρει το μήνυμα, ο χαρακτήρας μεταφέρει την ατμόσφαιρα.
Παλέτα
Μάρκα
- Dusk Violet
#8584bd— Ο κύριος καμβάς και το κύριο φόντο είναι η σκηνή στην οποία εμφανίζονται όλα τα άλλα χρώματα. - Hi-Vis Yellow
#f4ed36— Το κίτρινο χρησιμοποιείται για την επισήμανση περιγραμμάτων ενεργειών, ετικετών συνδέσμων και διαδραστικών στοιχείων. Δεν πρέπει να χρησιμοποιείται ως κύριο χρώμα για παροτρύνσεις για δράση. - Buttery Yellow
#f9cc73— Το πρόσθετο κείμενο στην οθόνη και τα πιο απαλά περιγράμματα προσφέρουν μια πιο διακριτική εκδοχή του ανακλαστικού χρώματος για περιπτώσεις όπου το ανακλαστικό χρώμα θα ήταν υπερβολικό. - Lilac Shadow
#61609a— Τα φόντα με κάρτες και μπλοκ έχουν πιο σκούρο μωβ χρώμα για ένθετες επιφάνειες σε μωβ σκηνή.
Ουδέτερος
- Bubblegum Pink
#f8c1ba— Τα διακοσμητικά περιγράμματα και οι πινελιές από κομφετί είναι ένα ζεστό ροζ που χρησιμοποιείται με μέτρο για να δημιουργήσει μια πινελιά χρώματος. - Matcha Cream
#b5c995— Τα διακοσμητικά περιγράμματα και οι λεπτομέρειες από κομφετί προσδίδουν μια σκονισμένη πράσινη απόχρωση στους δευτερεύοντες χαρακτήρες της κάρτας. - Magenta Punch
#ac4f98— Πρόσθετη επιφάνεια για κάρτες έμφασης - σχεδιασμένη για μπλοκ εφέ που θα πρέπει να ακούγονται πιο δυνατά από τη σκηνή. - Firecracker Red
#c94245— Κόκκινο γέμισμα για να τονιστεί το φόντο, διακοσμητικές ρίγες και απαλή πινελιά πίσω από το περιεχόμενο. - Bone White
#f9f5f2— Λεπτά περιγράμματα, διαχωριστικά, περιγράμματα πεδίων εισαγωγής και άκρες καρτών σε ανοιχτόχρωμες επιφάνειες. Αποφύγετε τη χρήση αυτού του χρώματος ως κύριου χρώματος για κουμπιά παρότρυνσης για δράση. - Ink Black
#1a1a1a— Το κύριο κείμενο, τα κύρια περιγράμματα και τα περιγράμματα των κουμπιών έχουν σχεδόν μαύρο χρώμα που χρησιμοποιείται για τυπογραφικές εργασίες σε κρεμ επιφάνειες.
Τυπογραφία
από 10 έως 341px · 8 βήματα
- ObviouslyVariable — αντικατάσταση: Founders Grotesk Condensed · περιγράμματα 800, 900 · Αυτή η οικογένεια γραμματοσειρών για τίτλους και μεγάλες εκτυπώσεις είναι η μόνη γραμματοσειρά αρκετά δυνατή για αυτό το σύστημα. Τα μεγέθη κυμαίνονται από 18px για κείμενο σώματος έως 341px για εμφάνιση αφίσας. Η μικρή απόσταση μεταξύ γραμμών 0,80–1,00 επιτρέπει την εμφάνιση τίτλων πολλαπλών γραμμών ως συμπαγή μπλοκ χρώματος. Η λειτουργία Calt είναι απενεργοποιημένη, επομένως τα μεγάλα γεωμετρικά σχήματα παραμένουν χωρίς διακόσμηση. Εναλλακτικές: Founders Grotesk Condensed, Knockout ή Druk Wide.
- DegularVariable — αντικατάσταση: Inter · περιγράμματα 400 · Εξαιρετικά μικρό κείμενο στο περιβάλλον χρήστη—πλοήγηση, μικροαντίγραφο υποσέλιδου και ενσωματωμένες ετικέτες στα 10px. Μια ουδέτερη, ευέλικτη γραμματοσειρά που συνδυάζεται άψογα με το κυρίως κείμενο. Αντικαταστάσεις: Inter, IBM Plex Sans.
- bergen_monoregular — αντικατάσταση: JetBrains Mono · περιγράμματα 400, 600 · Μια μικρογραμματοσειρά μονόχωρης γραμμής για πλοήγηση, ετικέτες και μικρές ετικέτες δεδομένων δημιουργεί έναν ρυθμό γραφομηχανής σε μια στρογγυλεμένη οθόνη. Η απόσταση γραμμών 0,80 στη γραμματοσειρά μονόχωρης γραμμής είναι ένα χαρακτηριστικό σήμα κατατεθέν: μια γραμματοσειρά μονόχωρης γραμμής με σφιχτή διάταξη δίνει την αίσθηση απόδειξης. Εναλλακτικές: JetBrains Mono, IBM Plex Mono.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 17px |
| Ακτίνα κουμπιού | 100px |
| Ακτίνα κάρτας | 6px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 40px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Flying Papers και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Navigate — Ένα μεγάλο σετ αυτοκόλλητων ετικετών προσαρτημένων σε έναν πίνακα: μεγάλη γκροτέσκα γραμματοσειρά, όλα με τη μορφή ταμπλετών και πέντε πολύχρωμα εικονίδια, που επαναλαμβάνονται σαν λογότυπο
- Hatch — Ένα χειροποίητο σχέδιο σε στιλ σαμιζντάτ, αναμεμειγμένο με παστέλ μπολ με γλυκά. Ένας κρεμώδης χάρτινος καμβάς διακοσμημένος με πινελιές μέντας, κουκκίδες κομφετί και παροτρύνσεις για δράση σε σχήμα χαπιού, όπου μια μεγάλη, έντονη γραμματοσειρά serif υπονοεί διασκέδαση και μια μπλε μασκότ κλείνει το μάτι στη γωνία.
- Wonder — Το νέον μωβ κέντρο διοίκησης είναι ένα βαθύ δαμασκηνί σκοτάδι που διαπερνάται από μια μοναδική πηγή φωτός λέιζερ-ιώδους φωτός.
- Duolingo — Παιχνιδιάρικη μασκότ τάξης σε λευκό χαρτί
- Family — Ένα άλειμμα από ένα παραμύθι σε κρεμώδη περγαμηνή
- Visitors — λευκό μηχανικό σχέδιο
- Say Briefly — Μπλοκ σχεδίασης δημιουργικού πρακτορείου σε κρεμ χαρτί
- Superpower — Κέντρο Διαχείρισης Υγείας με Βιοφωταύγεια
- Dopper — Μια ηλιόλουστη, κρεμώδης λιμνοθάλασσα με ένα ζωντανό μπλε ρεύμα. Μια ζεστή, μπεζ έκταση όπου ένα ενιαίο, φωτεινό μπλε κανάλι και κρυστάλλινες, σαν καραμέλες κάρτες τέμνουν τον χώρο σαν το φως του ήλιου στο νερό.
- Dock — Χαρτί κρέμας με ηλιοφωτισμό, παλμός κοβαλτίου
- Portrait — Ένας τοίχος από αναμνήσεις, αποτυπωμένες με Polaroid σε κρεμ χαρτί. Ένα φωτεινό, κρεμ λεύκωμα όπου το σκούρο μπλε μελάνι χρησιμεύει ως το μόνο κείμενο, οι μόνες γραμμές δομής και το μόνο χρώμα πλαισίου—με ένα μόνο χειρόγραφο ουράνιο τόξο που εμφανίζεται μία φορά, στο κουμπί «Εγγραφή» και στην πλάγια λέξη «για πάντα» και ποτέ ξανά.
- Quizlet — Η τάξη είναι διακοσμημένη σε ποικιλία χρωμάτων σε λευκό φόντο - ένα ήσυχο γραφείο, πίσω από το οποίο τέσσερις παστέλ κάρτες είναι η μόνη φωτεινή πινελιά σε ένα φόντο από δροσερούς γκρι τοίχους και ένα μόνο σημάδι με μαρκαδόρο ιντίγκο.