Bpco
Ένα τυπογραφικό μανιφέστο φτιαγμένο από τσιμεντένια πλάκα. Ένα ασπρόμαυρο κιτ τύπου όπου η υπερμεγέθης γραμματοσειρά Helvetica μιμείται μια φωτογραφία και η μόνη υφή είναι ένα μόνο φύλλο τσαλακωμένου χαρτιού κάτω από την κύρια γραμματοσειρά.
Το Bigpicture χρησιμοποιεί ένα μονόχρωμο σύστημα επεξεργασίας που αντιμετωπίζει την ιστοσελίδα σαν ένα τυπωμένο κιτ τύπου σε ακατέργαστο χαρτί. Η διεπαφή είναι εντελώς απαλλαγμένη από χρωματικά χρώματα, βασιζόμενη αποκλειστικά σε μαύρο μελάνι, λευκό χώρο, λεπτές γραμμές και μια ομοιόμορφη υφή τσαλακωμένου χαρτιού για να δημιουργήσει ατμόσφαιρα. Η τυπογραφία είναι προϊόν: οι επικεφαλίδες φτάνουν τα 274px σε Helvetica Neue 700 με έντονη αρνητική απόσταση μεταξύ των γραμμάτων, καθιστώντας το κείμενο την κυρίαρχη οπτική μάζα σε κάθε οθόνη. Οι λεζάντες μονού διαστήματος ([01-N ΕΙΣΑΓΩΓΗ], ΔΗΜΙΟΥΡΓΙΚΟ/ΟΡΓΑΝΙΣΜΟ) λειτουργούν ως υπογραφές στυλ εκτύπωσης και τα τετράπλευρα λαμπερά εικονίδια χρησιμεύουν ως η μόνη διακόσμηση μεταξύ των ενοτήτων. Η διάταξη είναι γενναιόδωρη και θυμίζει αυτοέκδοση - κενά 72px μεταξύ των ενοτήτων, οριζόντια περιθώρια 144-250px και μπλοκ εικόνας πλήρους πλάτους με γωνίες 288px επιτρέπουν στη σελίδα να αναπνέει σαν τοίχος γκαλερί και όχι σαν λογισμικό.
Το μέγιστο πλάτος είναι ~1440px, στο κέντρο με οριζόντια συμπλήρωση 40–144px ανάλογα με την πυκνότητα της ενότητας. Η κύρια εικόνα είναι μια εικόνα πλήρους πλάτους με επικαλυπτόμενο κείμενο. Κάτω από την εικόνα, το περιεχόμενο εναλλάσσεται μεταξύ κεντραρισμένων μπλοκ κειμένου και τυπογραφίας από άκρη σε άκρη. Το κάτω 60% της σελίδας είναι ένα μακρύ, κυλιόμενο μανιφέστο, με μεγάλα γράμματα που γεμίζουν ολόκληρο το πλάτος του παραθύρου προβολής γραμμή προς γραμμή, χωρισμένα από σειρές γυαλιστερών διαχωριστικών. Η πλοήγηση είναι μια πλωτή γραμμή στο κέντρο στο επάνω μέρος του παραθύρου προβολής, αντί για ένα πλαίσιο πλήρους πλάτους. Το υποσέλιδο είναι μια ενιαία λωρίδα με λεπτό περίγραμμα.
Η φωτογραφία κυριαρχεί στην κύρια οθόνη—μεγάλες εικόνες αρχιτεκτονικής και εξωτερικής διαφήμισης (διαφημιστικές πινακίδες, επενδύσεις κτιρίων, διαφημίσεις σε επίπεδο δρόμου) που παρουσιάζονται σε φυσικό μέγεθος με στρογγυλεμένες γωνίες. Μια υφή τσαλακωμένου χαρτιού επικαλύπτεται στα κάτω τμήματα της σελίδας, δημιουργώντας μια αίσθηση αφής και δίνοντας στη διεπαφή την εμφάνιση ενός έντυπου περιοδικού. Ένα μικρό εικονίδιο υδρόγειου σφαίρας, σχεδιασμένο με γραμμές, είναι το μόνο ενδεικτικό στοιχείο. Χωρίς τρισδιάστατα εφέ, χωρίς αφηρημένες διαβαθμίσεις, χωρίς μακέτες προϊόντων—οι εικόνες είναι ντοκιμαντέρ, βιομηχανικής φύσης και βασίζονται στο χαρτοφυλάκιο εξωτερικής διαφήμισης του πρακτορείου.
Παλέτα
Ουδέτερος
- Press Ink
#121212— Το κυρίως κείμενο, οι λεπτές γραμμές, τα περιγράμματα ενοτήτων, τα περιγράμματα εικονιδίων και το κείμενο του υποσέλιδου χρησιμοποιούν έναν μόνο σκούρο τόνο που μεταφέρει το 95% όλων των πληροφοριών πρώτου πλάνου. - Paper White
#ffffff— Καμβάς σελίδας, επιφάνειες από χαρτόνι, φόντο γραμμής πλοήγησης, επιφάνειες με πλαίσια τίτλου. - Newsprint
#f1f1f1— Λεπτό γέμισμα επιφάνειας, απαλά περιγράμματα, λεπτά διαχωριστικά, τόνος κρυμμένος πίσω από την υφή του τσαλακωμένου χαρτιού. - Foil Gray
#e1e1e1— Φωτεινά πλαίσια, πινελιές με τη μορφή περιγραμμάτων εικονιδίων, πρόσθετα διαχωριστικά. - Mute Gray
#c5c5c5— Δευτερεύον κείμενο, κατάσταση αναπηρίας, γραμμές επιφάνειας χαμηλής αντίθεσης
Τυπογραφία
από 13 έως 274px · 6 βήματα
- Helvetica Neue — αντικατάσταση: Inter · περιγράμματα 400, 500, 700 · Ένα καθολικό εργαλείο - κείμενο σώματος στα 17px/1,29, επικεφαλίδες εμφάνισης στα 75–274px με απόσταση γραμμάτων -0,04em στα μεγαλύτερα μεγέθη, ετικέτες πλοήγησης στα 15px
- PPSupplyMono — αντικατάσταση: JetBrains Mono · περιγράμματα 400 · Οι μετα-ετικέτες και οι ετικέτες σε παρένθεση όπως [01-N ΕΙΣΑΓΩΓΗ], καθώς και οι ετικέτες ενότητας (ΔΙΑΦΗΜΙΣΗ, ΔΗΜΙΟΥΡΓΙΚΟ/ΠΡΑΚΤΟΡΕΙΟ, ΜΑΡΚΕΤΙΝΓΚ ΕΚΤΟΣ ΖΩΝΗΣ) είναι οι μόνες τυπογραφικές προφορές που σπάνε τη μονοτονία της Helvetica.
- PPSupplySans — αντικατάσταση: Inter · περιγράμματα 400 · Δευτερεύουσα πλοήγηση και μικροαντιγραφή στο υποσέλιδο όπου απαιτείται διαφορετική γραμματοσειρά sans-serif.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | μέσος |
| Βασικό βήμα | 50px |
| Ακτίνα κουμπιού | 8px |
| Ακτίνα κάρτας | 20px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 72px |
| Πλάτος σελίδας | 1440px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Bpco και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - 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 — Μια καταπράσινη κλινική με δωμάτια σε παστέλ χρώματα