Telegram, WhatsApp+380637610482
Βαλέρι Ντανιούκ
Βαλέρι ΝτανιούκπρογραμματιστήςΑνάπτυξη εργαλείων Τεχνητής Νοημοσύνης για επιχειρήσεις. Υψηλής ποιότητας. Προσιτό.Αποστολή μηνύματος στο Telegram
Vivid+Co — μια προεπισκόπηση ενός ιστότοπου σε αυτό το στυλ

Vivid+Co

πρισματικό φως μέσα από οψιδιανό

Η Vivid+Co λειτουργεί σε ένα κινηματογραφικό, σκοτεινό κενό: ένας σχεδόν μαύρος καμβάς #101010–#495764, που διακόπτεται από μια ενιαία, σχεδόν λευκή απόχρωση (#fffdf9) που χρησιμοποιείται για σχεδόν όλες τις γραμματοσειρές και τα στοιχεία διεπαφής. Η τυπογραφία αποδίδεται κυρίως στη Neue Montreal σε βάρος 400—μια σκόπιμη απόρριψη της έντονης γραφής, όπου η αυθεντία επιτυγχάνεται μέσω της κλίμακας (136px και 105px) και όχι μέσω του βάρους. Μια τεχνική-υπογραφή είναι το χρωματικό πρίσμα: μπλοκ κορεσμένου κόκκινου/πράσινου/μπλε φωτός, χωρισμένα από RGB, φιλτράρονται μέσα από γυάλινους κύβους, διαταράσσοντας τη μονόχρωμη επιφάνεια. Η διάταξη είναι κεντρική και ευρύχωρη. η πλοήγηση, το κείμενο του σώματος και οι σύνδεσμοι είναι όλα σε ένα μόνο χρώμα #fffdf9, χωρίς ξεχωριστά κουμπιά έμφασης, γεμίσματα ή σκιές—η διαφοροποίηση επιτυγχάνεται μέσω της απόστασης, της κλίμακας και ενός τεχνουργήματος ουράνιου τόξου που χρησιμεύει ως η μοναδική χρωματική έμφαση της μάρκας.

Ένας σκούρος καμβάς πλήρους πλάτους με μία μόνο στήλη περιεχομένου μήκους ~1440px το μέγιστο. Το κύριο στοιχείο είναι ένα πρισματικό τεχνούργημα στο κέντρο με έναν επικαλυπτόμενο τίτλο (κείμενο που τέμνει τους κύβους) και έναν υπότιτλο με αριστερή στοίχιση. Η πλοήγηση βρίσκεται σε μια λεπτή επάνω γραμμή: το λογότυπο στα αριστερά, τέσσερις αόρατοι σύνδεσμοι στα δεξιά και ένα ειδικό κουμπί "Επικοινωνία" στο τέλος της σειράς. Ο ρυθμός της ενότητας εναλλάσσεται μεταξύ πάνελ ηρώων πλήρους ύψους και στενότερων λωρίδων περιεχομένου με κενά ~108px. Η διάταξη περιεχομένου είναι ασύμμετρη: το πρισματικό τεχνούργημα χρησιμεύει ως οπτικό κέντρο και οι τίτλοι τυλίγονται γύρω του. Τα μπλοκ κειμένου μίας στήλης έχουν μέγιστο πλάτος περίπου 440px. Δεν υπάρχουν πλέγματα πολλαπλών στηλών, πίνακες καρτών και πίνακες τιμολόγησης. Το υποσέλιδο είναι μια λεπτή λωρίδα, χωρισμένη από μια λεπτή γραμμή, με δύο στήλες μεταδεδομένων.

Το κύριο στοιχείο σχεδιασμού είναι μια αφηρημένη τρισδιάστατη εικόνα γυάλινων κύβων με χρωματική εκτροπή στις άκρες, που χωρίζονται από χρώμα RGB. Δεν υπάρχουν φωτογραφίες, δεν υπάρχουν εικόνες ανθρώπων, δεν υπάρχουν φωτογραφίες προϊόντων. Το πρίσμα είναι η εικόνα της μάρκας. Όλα τα άλλα είναι μονόχρωμη τυπογραφία σε σκούρο καμβά. Η εικονογραφία είναι μινιμαλιστική: οι διακριτικές ετικέτες πλοήγησης και ένα μικρό σύμβολο κέρσορα/γλύφου (περιοχή 142765) στο τέλος μιας από τις επικεφαλίδες υποδηλώνουν ένα μόνο, μονογραμμικό εικονίδιο 16px. Δεν υπάρχουν εικόνες, δεν υπάρχουν διακοσμητικά μοτίβα, δεν υπάρχουν υφές.

Παλέτα

Ουδέτερος

  • Bone White #fffdf9 — Το κύριο κείμενο, οι ετικέτες πλοήγησης, το χρώμα συνδέσμων και το γέμισμα επικεφαλίδας είναι σχεδόν λευκά, καταλαμβάνοντας όλες τις τυπογραφικές επιφάνειες σε έναν σκούρο καμβά.
  • Obsidian #101010 — Ο καμβάς της σελίδας, με το γέμισμα φόντου για τις κύριες και τις διαχωριστικές λωρίδες, έχει βαθύ μαύρο χρώμα με ένα πρισματικό τεχνούργημα στο εσωτερικό.
  • Graphite Veil #495764 — Πίσω από τις επικεφαλίδες και τα μπλοκ περιεχομένου, κυριαρχεί ένα ψυχρό, σκούρο σχιστόλιθο, δίνοντας στον καμβά βάθος χωρίς τη χρήση επίπεδου μαύρου.
  • Ash Border #403f3f — Μια διακριτική διαχωριστική γραμμή και ένα περίγραμμα κάρτας χρησιμοποιούνται στα 1px για να διαχωρίζουν τις γραμμές χωρίς να ανταγωνίζονται το κείμενο.
  • Fog Blue #6f879c — Υποτονικό δευτερεύον κείμενο και διακριτικές ετικέτες κουμπιών (αντίθεση 3,7:1) – οι ονομασίες κατηγορίας υπηρεσιών όπως «Στρατηγική», «Δημιουργικό», «Επικοινωνίες + Μάρκετινγκ» θεωρούνται ως μη επισημασμένα μεταδεδομένα.
  • Pure Black #000000 — Διακοσμητικό γέμισμα για εικονίδια και εικόνες SVG—χρησιμοποιείται στην εικόνα πρίσματος και στα σύμβολα εικονιδίων· όχι ως φόντο.

Τυπογραφία

από 15 έως 136px · 9 βήματα

  • Neue Montreal — αντικατάσταση: Söhne · περιγράμματα 400, 700 · Η αποκλειστική γραμματοσειρά χρησιμοποιείται σε όλη τη διεπαφή χρήστη—επικεφαλίδες, κείμενο σώματος, πλοήγηση, κουμπιά, συνδέσμους και υποσέλιδο. Το πάχος 400 είναι το προεπιλεγμένο. Το πάχος 700 προορίζεται μόνο για υποεπικεφαλίδες. Οι επικεφαλίδες με πάχος 105px και 136px έχουν απόσταση γραμμών 1,00–1,01em και απόσταση γραμμάτων -0,02em, δημιουργώντας κινηματογραφικούς, στοιβαγμένους τίτλους που δίνουν περισσότερο γλυπτική παρά τυπογραφική αίσθηση.

Διαστήματα και μορφή

ΣκοπόςΕννοια
Πυκνότηταευρύχωρος
Βασικό βήμα7px
Ακτίνα κουμπιού0px
Ακτίνα κάρτας15px
Σκιέςχωρίς περιγράμματα αντί για σκιές
Μεταξύ τμημάτων108px
Πλάτος σελίδας1440px

Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Vivid+Co και θα τον γεμίσει

  • Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
  • Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
  • Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
  • Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.

Παρόμοια στυλ

  • Sequel — Μια ιδιωτική προβολή μετά το σκοτάδι είναι το μόνο ζεστό φως σε έναν κατά τα άλλα σκοτεινό κινηματογράφο.
  • ThoughtLab — Ένα μνημείο από οψιδιανό με ένα κατακόκκινο σήμα. Ένας καμβάς από μαύρο κενό, όπου το μόνο κορεσμένο κόκκινο αντικείμενο στον καθεδρικό ναό, τυπωμένο με μεγάλα λευκά γράμματα, είναι μια ενιαία χρωματική φιγούρα.
  • Dovetail — Ένα σχέδιο κάτω από ένα μαύρο φεγγάρι—μόλις ορατές γραμμές γραφήματος, λευκή γραμματοσειρά, μια μωβ λάμψη
  • MekaVerse — Μια μονόχρωμη συλλογή ψηφιακών αντικειμένων—ένα συμπαγές μαύρο κενό όπου ο αποδοσμένος κόσμος κρέμεται σαν μουσειακό έκθεμα, και ολόκληρη η διεπαφή χρήστη είναι φτιαγμένη από λευκό μελάνι σε ματ μαύρο γυαλί.
  • Krea — γκαλερί νουάρ τα μεσάνυχτα
  • Factory — Το τερματικό του «αίθουσας πολέμου» τα μεσάνυχτα. Το «εργοστάσιο» είναι ένας κατάμαυρος πίνακας ελέγχου όπου μια μόνο λευκή κάρτα προσγειώνεται σαν αποστολή φωτισμένη με φακό — το μόνο αντικείμενο στο δωμάτιο είναι η ίδια η εργασία.
  • basement — Ένα άδειο τυπογραφείο στις 3 π.μ. – τεράστιες, συμπιεσμένες γραμματοσειρές να απλώνονται στο σκοτάδι, μια μοναδική πορτοκαλί λάμψη στη γραμμή πλοήγησης, όλα τα άλλα λευκά ή γκρίζα.
  • Stink Studios — Ένα κινηματογραφικό στούντιο τα μεσάνυχτα - ο προβολέας βουίζει, το δωμάτιο είναι σκοτεινό, μόνο η ταινία είναι αναμμένη
  • Apple (España) — μαύρο θέατρο με φωτιζόμενα εξαρτήματα
  • Charlie — Τυπογραφία σκαλισμένη από μοναστηριακή πέτρα πάνω σε οψιανό. Ένα χαρτοφυλάκιο στο οποίο ένας μόνο κόκκινος τοίχος δημιουργεί μια εκκωφαντική σιωπή.
  • Rive — Νυχτερινή όραση υψηλής ακρίβειας. Η διεπαφή διαθέτει έναν ειδικό φακό που διαπερνά το σκοτάδι για να εστιάζει σε τεχνικές λεπτομέρειες με απόλυτη ευκρίνεια.
  • Datalands — Ένας μαύρος καθεδρικός ναός με έναν μόνο παλμό νέον. Το λογότυπο γεμίζει τον κυρίως ναό. Όλα τα άλλα είναι μόλις ακουστό κείμενο από κάτω.