Foodnoms
Ηλιόλουστη αγορά φρούτων σε λευκή πορσελάνη - ζεστά πορτοκάλια, φρέσκα χόρτα και ογκώδη στρογγυλεμένα σχήματα
Το Foodnoms διαθέτει μια ανάλαφρη γλώσσα μάρκετινγκ για την παρακολούθηση της διατροφής: έναν καθαρό λευκό καμβά, υπερμεγέθη μακέτες τηλεφώνων ως οπτικά άγκυρες και ένα παιχνιδιάρικο λεξιλόγιο χρωμάτων όπου τα χρώματα αντιπροσωπεύουν τα θρεπτικά συστατικά και την πρόοδο. Ένα δίχρωμο σχήμα κεφαλίδας (ένα χρώμα για τη λέξη-κλειδί, σκούρος γραφίτης για τα υπόλοιπα) επιτρέπει μια γρήγορη αξιολόγηση της πρότασης αξίας. Το σύστημα βασίζεται σε μια οθόνη ενός χρήστη (Aquawax Pro) με σαφώς στρογγυλεμένα γεωμετρικά χαρακτηριστικά που μαλακώνουν τις οθόνες εφαρμογών με τα πολλά δεδομένα. Οι περισσότερες επιφάνειες είναι επίπεδες και χωρίς σκιά. Η ομοιόμορφη ακτίνα γωνιών δίνει στα κουμπιά, τις κάρτες και τις ετικέτες μια φιλική, απαλή αίσθηση, κάνοντας την παρακολούθηση της υγείας να φαίνεται πιο προσιτή από την κλινική.
Η σελίδα διαθέτει διάταξη πλήρους πλάτους (~1200px) σε μία στήλη, στο κέντρο, με γενναιόδωρο κάθετο ρυθμό. Η κεφαλίδα είναι μια λεπτή επάνω γραμμή με το λογότυπο στα αριστερά, την πλοήγηση στο κέντρο και ένα πορτοκαλί κουμπί δράσης με συμπλήρωση στα δεξιά. Η ενότητα του ήρωα είναι μια κεντρική στοίβα: ένας δίχρωμος τίτλος, μια υποκεφαλίδα μίας γραμμής, ένα εικονίδιο App Store και, στη συνέχεια, μια σειρά από 3-5 μακέτες τηλεφώνου που εκτείνονται σε όλο το πλάτος. Κάτω από την ενότητα του ήρωα υπάρχει μια κεντρική ενότητα με το λογότυπο τύπου "Όπως συνιστάται" σε πλέγμα 2x3. Οι ενότητες χαρακτηριστικών ακολουθούν ένα επαναλαμβανόμενο μοτίβο: κείμενο δύο στηλών + μακέτα τηλεφώνου, εναλλασσόμενες πλευρές, με επικεφαλίδες ενοτήτων με έμφαση σε πορτοκαλί/πράσινο. Το τελευταίο στοιχείο πριν από το υποσέλιδο είναι μια κάρτα CTA πλήρους πλάτους με δυνατότητα λήψης. Τα κενά μεταξύ των ενοτήτων είναι γενναιόδωρα (96px), δημιουργώντας μια ευρύχωρη αίσθηση γκαλερί. Η πλοήγηση είναι μια μινιμαλιστική επάνω γραμμή - χωρίς πλαϊνή γραμμή ή mega μενού.
Η οπτική γλώσσα της εφαρμογής κυριαρχείται από υψηλής ποιότητας μακέτες πλαισίων iPhone που παρουσιάζουν το λειτουργικό περιβάλλον εργασίας της εφαρμογής — αυτά είναι τα κύρια στοιχεία, όχι φωτογραφίες αρχείου. Οι μακέτες εμφανίζονται με σχεδόν πλήρη διαφάνεια, διαχωρίζονται με μια μικρή επικάλυψη και ομαλή περιστροφή και τοποθετούνται απευθείας σε λευκό φόντο. Μέσα στις μακέτες, το οπτικό στοιχείο παρέχεται από το δικό της περιβάλλον εργασίας της εφαρμογής: διατροφικές πληροφορίες, φωτογραφίες προϊόντων, μακροεντολές και πολύχρωμες ετικέτες κατηγορίας. Το μόνο φωτογραφικό περιεχόμενο είναι εικόνες τροφίμων που υποβάλλονται από χρήστες και είναι ορατές στην οθόνη κάμερας της εφαρμογής Scan Your Food. Δεν υπάρχουν φωτογραφίες τρόπου ζωής, αφηρημένες εικόνες, διακοσμητικά γραφικά. Η επωνυμία ορίζεται εξ ολοκλήρου από την προσαρμοσμένη γραμματοσειρά, το πορτοκαλί/πράσινο/σκούρο χρωματικό συνδυασμό και το δικό της περιβάλλον εργασίας της εφαρμογής.
Παλέτα
Μάρκα
- Ember Orange
#ff5406— Το πορτοκαλί χρησιμοποιείται ως δευτερεύον χρώμα για διακοσμητικές λεπτομέρειες και για να τονίσει σπάνιες ενδείξεις. Δεν πρέπει να χρησιμοποιείται ως κύριο χρώμα για παροτρύνσεις για δράση.
Ουδέτερος
- Graphite
#2f2f2f— Κύριο κείμενο, σκούρα κουμπιά (εικονίδιο App Store) και περιγράμματα εικονιδίων. Κυρίαρχο μη λευκό χρώμα στις επικεφαλίδες και στο κυρίως κείμενο. - Verdant Green
#00b33f— Το πράσινο χρώμα χρησιμεύει ως πρόσθετη πινελιά στις διακοσμητικές λεπτομέρειες και για την έμφαση στις χαμηλές συχνότητες. - Signal Red-Orange
#ff3400— Μια δευτερεύουσα ζεστή πινελιά, ορατή στα στοιχεία του UI της οθόνης της εφαρμογής και στα σχετικά εμπορικά σήματα. Έναν τόνο πιο ζεστό από το Ember Orange, δίνει έμφαση σε επιλεγμένες ή ενεργές καταστάσεις εφαρμογής. - Sky Blue
#00a9dd— Μια ευχάριστη αντίθεση για τις εσωτερικές κατηγορίες δεδομένων της εφαρμογής (υδατάνθρακες/πρωτεΐνες/άλλες ομάδες θρεπτικών συστατικών). Ισορροπεί τη ζεστή, κυρίαρχη παλέτα χρωμάτων στις διατάξεις του τηλεφώνου. - Mist Blue
#72a2c5— Απαλή, δροσερή προφορά - Απαλύνει το χρώμα του ουρανού για πρόσθετες ετικέτες δεδομένων και φόντα γραφημάτων εντός της εφαρμογής. - Sunset Orange
#ff6d00— Μια ζεστή προφορά για δευτερεύουσες επικεφαλίδες και επισημασμένο κείμενο σε σελίδες μάρκετινγκ.
Τυπογραφία
από 12 έως 60px · 7 βήματα
- Aquawax Pro Medium — αντικατάσταση: Inter · περιγράμματα 500 · Aquawax Pro Medium - Βρέθηκε στα εξαγόμενα δεδομένα αλλά δεν περιγράφεται από την Τεχνητή Νοημοσύνη.
- Aquawax Pro — αντικατάσταση: Nunito Sans · περιγράμματα 700, 500, 600 · Η κύρια γραμματοσειρά της επωνυμίας που χρησιμοποιείται σε όλα τα περιβάλλοντα, συμπεριλαμβανομένων των επικεφαλίδων και του κυρίως κειμένου. Αυτή η ειδικά σχεδιασμένη γραμματοσειρά διαθέτει μεγάλα ύψη γραμμάτων, στρογγυλεμένα γεωμετρικά σχήματα και άνετες αναλογίες. Η έντονη γραφή (700) χρησιμοποιείται για επικεφαλίδες και ενότητες - τα τυπογραφικά ορόσημα του συστήματος. Η ημιέντονη γραφή (600) χρησιμοποιείται για υποεπικεφαλίδες και ετικέτες κουμπιών στα 14–1,8 mm. Η μεσαία γραφή (500) χρησιμοποιείται για το κυρίως κείμενο στα 17–1,8 mm, με επαρκές διάστιχο 1,6–1,8 mm για άνετη ανάγνωση.
- System sans-serif — αντικατάσταση: Inter · περιγράμματα 400, 700 · Μια εναλλακτική επιλογή χρησιμοποιείται για πολύ μικρό κείμενο και κείμενο εικονιδίων στο περιβάλλον χρήστη. Το Aquawax Pro δεν χρησιμοποιείται σε μικρομεγέθη. Η γραμματοσειρά συστήματος τα χειρίζεται για να μειώσει το βάρος απόδοσης.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | ευρύχωρος |
| Βασικό βήμα | 20px |
| Ακτίνα κουμπιού | 26px |
| Ακτίνα κάρτας | 26px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 96px |
| Πλάτος σελίδας | 1200px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Foodnoms και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Slite — Ένα ζεστό σημειωματάριο από περγαμηνή με λαβή από τερακότα—κάθε επιφάνεια είναι από κρεμ χαρτί, κάθε πινελιά μια διακριτική πορτοκαλί πινελιά.
- Adora — Το Μουσείο Ιμπρεσιονισμού πίσω από παγωμένο γυαλί
- Bento — Ένα καλαθάκι φαγητού bento σε ηλιόλουστο λινέλαιο. Ένα πλέγμα από στρογγυλεμένες, αυτοκόλλητες κάρτες σε χρώμα λάιμ, λεβάντας, κοβαλτίου και μπορντό, καθεμία με σκιαγράφηση από παχύ μαύρο μελάνι, βρίσκεται πάνω σε ένα ζεστό, κρεμώδες λινό κάτω από έναν έντονο, γεωμετρικό τίτλο.
- Payments — Μια ζωντανή απόχρωση εσπεριδοειδών σε φόντο βασιλικού μωβ. Το βαθύ ηλεκτρικό μωβ θυμίζει τον νυχτερινό ουρανό, ενώ οι κίτρινες πινελιές του λεμονιού λάμπουν σαν φρέσκια φλούδα εσπεριδοειδών σε μια καθαρή λευκή επιφάνεια.
- Textla — Ηλιόλουστο Ρετρό Βοτανικό Ημερολόγιο - Κρεμώδης κίτρινη σελίδα τυπωμένη σε σκούρο πράσινο χρώμα με εικόνες κάκτων που αποδίδονται σε έντονες, μετατοπισμένες σκιές
- AI for Business — Εκθεσιακός χώρος Brutalist σε ζεστούς γκρι τόνους
- Superhuman — συντακτική επιτροπή της χρυσής ώρας
- Visitors — λευκό μηχανικό σχέδιο
- Vercel — Τερματικό τυπωμένο σε λευκό χαρτί
- Jeton — Ένα άρθρο σχετικά με το fintech σε ζεστό μάρμαρο
- Say Briefly — Μπλοκ σχεδίασης δημιουργικού πρακτορείου σε κρεμ χαρτί
- ClickUp — Ένας ισχυρός πίνακας ελέγχου σε λευκό μάρμαρο. Η σελίδα είναι ένα φυλλάδιο προϊόντος για ένα εργαλείο παραγωγικότητας, επομένως η οπτική γλώσσα δανείζεται από το ίδιο το προϊόν: πυκνές λίστες, δείκτες κατάστασης, ομάδες avatar και έντονες τυπογραφικές δηλώσεις που μοιάζουν με προδιαγραφές προϊόντος στην οθόνη.