Τα Καρβουνάκια, ψητοπωλείο Brand guidelines · έκδοση εργασίας

Το σήμα, τα χρώματα, η φωνή.

Όλα βγαίνουν από ό,τι έχει ήδη το μαγαζί: το λογότυπο με τη φωτιά πάνω στη ψησταριά και τον τυπωμένο κατάλογο. Δεν προτείνουμε νέο σήμα. Βάζουμε κανόνες για να εμφανίζεται ίδιο παντού: site, Instagram, Google, QR στο τραπέζι.

Τα ΚαρβουνάκιαΤο όνομα γράφεται πάντα έτσι, ολόκληρο. Ποτέ συντομευμένο, ποτέ παραλλαγμένο.
Το αρχείο του λογοτύπου που έχουμε είναι raster, φωτογραφημένο πάνω σε kraft. Το καθαρίσαμε σε διάφανο PNG για οθόνη. Για τυπωμένα (QR καρτελάκια, κατάλογος) χρειάζεται το vector από όποιον το σχεδίασε.
01

Το σήμα.

Δύο μορφές: ολόκληρο (ψησταριά, φλόγα, όνομα, «ψητοπωλείο») και μόνο το σύμβολο, για avatar, favicon και μικρούς χώρους. Η φλόγα μένει κόκκινη σε κάθε φόντο. Αλλάζει μόνο το μαύρο: σε σκούρο φόντο γίνεται κρεμ.

Σε χαρτί καταλόγου. Η βασική χρήση.
Σε σκούρο. Κρεμ αντί για μαύρο.
Σε kraft. Όπως στο αρχείο τους, για χάρτινα.
Σύμβολο σε λευκό
Σύμβολο σε σκούρο
Avatar Instagram και Google: λευκός κύκλος
Πάνω σε φωτογραφία μόνο με σκούρο σημείο ή overlay

Χώρος γύρω και ελάχιστο μέγεθος

xxxx

Γύρω από το σήμα μένει ελεύθερο τουλάχιστον x: το ύψος των γραμμάτων «ΚΑΡΒΟΥΝΑΚΙΑ». Τίποτα άλλο μέσα σε αυτό, ούτε κείμενο ούτε άκρη φωτογραφίας.

160 px πλάτος: ελάχιστο για ολόκληρο, αλλιώς το «ψητοπωλείο» δεν διαβάζεται
32 px: ελάχιστο σύμβολο

Ποτέ

Τέντωμα ή στρίμωγμα.

Άλλο χρώμα στη φλόγα.

Ολόκληρο σήμα σε κόκκινο φόντο: η φλόγα χάνεται.

Πάνω σε φωτογραφία με πολλή λεπτομέρεια.

02

Τα χρώματα.

Μετρημένα από το αρχείο του λογοτύπου και τον κατάλογο. Τέσσερα κύρια, όσα έχει ήδη το μαγαζί, και τέσσερα βοηθητικά για οθόνη.

Μαύρο
Μαύρο#0B0B0A · RGB 11 11 10

Κείμενο, το σήμα, σκούρα φόντα.

Φλόγα
Φλόγα#B3141F · RGB 179 20 31

Η φλόγα του σήματος. Κουμπιά δράσης, τιμές, έμφαση. Λίγο.

Kraft
Kraft#C9A27A · RGB 201 162 122

Το χαρτί του σήματος. Φόντα, χάρτινα, γραμμές. Ποτέ κείμενο σε ανοιχτό φόντο.

Χαρτί
Χαρτί καταλόγου#FAF7F2 · RGB 250 247 242

Το βασικό φόντο, όπως το χαρτί του καταλόγου.

Φλόγα σκούρα
#8E0F18 · τιμές, κόκκινο κείμενο σε μικρά μεγέθη
Kraft ανοιχτό
#EFE4D2 · ετικέτες, θέσεις φωτογραφιών
Στάχτη
#2B2826 · κάρτες πάνω σε σκούρο φόντο
Γκρι κειμένου
#6B6560 · δεύτερο κείμενο, περιγραφές

Πόσο από το καθένα

Χαρτί ή σκούρο 60%
Κείμενο 22%
Kraft 12%
Φλόγα 6%

Το κόκκινο δουλεύει επειδή είναι λίγο, όπως στο σήμα: μία φλόγα πάνω σε μαύρο. Αν γίνει φόντο ολόκληρης ενότητας, χάνει τη δύναμή του στα κουμπιά.

Ποιο πάνω σε ποιο

ΔείγμαΚείμενοΦόντοΑντίθεση (WCAG)
Σουβλάκι 2,10 €ΜαύροΧαρτί
Σουβλάκι 2,10 €ΦλόγαΧαρτί
ΚλήσηΛευκόΦλόγα
ΚατάλογοςΜαύροKraft
ΤΑ ΚΑΡΒΟΥΝΑΚΙΑKraftΜαύρο
Η τιμή είναι ανά τεμάχιοΓκρι κειμένουΧαρτί
ΑνοιχτάΦλόγαΜαύρο
ΧειροποίητοKraftΧαρτί
Οι λόγοι αντίθεσης υπολογίζονται ζωντανά στη σελίδα με τον τύπο του WCAG 2.1. Από 4,5:1 και πάνω περνάει για κανονικό κείμενο. Τα δύο τελευταία ζευγάρια δεν περνάνε: κόκκινο σε μαύρο και kraft σε χαρτί μένουν μόνο για διακοσμητικά, ποτέ για κείμενο.
03

Διαβαθμίσεις και ενώσεις.

Κάθε επιφάνεια είναι μια απαλή διαβάθμιση του ίδιου χρώματος, όχι επίπεδο χρώμα. Εκεί που συναντιούνται δύο χρώματα, η άκρη είναι στρογγυλεμένη ή η μία επιφάνεια πατάει πάνω στην άλλη, ποτέ ευθεία γραμμή.

Σκούρο#27231F → #161412 → #1E1311
Χόβολησκούρο με κόκκινη λάμψη από κάτω
Χαρτί#FDFBF8 → #F6F0E6
Κρεμ#F6EFE4 → #EEE3D2
Kraft#DDC09C → #C9A27A → #BC9369
Φλόγα#C7202C → #A6121C, μόνο σε κουμπιά

Πώς ενώνονται

Όχι. Μαύρο και χαρτί σε ευθεία γραμμή: σκληρό, σαν σπασμένο.
Ναι. Η σκούρα ενότητα με στρογγυλές άκρες μέσα στη σελίδα, και η κάρτα πατάει πάνω στην ένωση.
04

Τυπογραφία.

Το όνομα στο σήμα είναι βαριά, στενή κεφαλαία γραμματοσειρά. Το «ψητοπωλείο» από κάτω είναι λεπτό και αραιό. Το site κρατάει την ίδια αντίθεση με δύο δωρεάν γραμματοσειρές της Google που έχουν πλήρη ελληνικά.

Τίτλοι
Fira Sans Extra Condensed 800, κεφαλαία
Τα Καρβουνάκια.
Υπότιτλοι
Fira Sans Extra Condensed 700
Σουβλάκι, πανσέτα, μπιφτέκι
Ετικέτα, όπως το «ψητοπωλείο»
Fira Sans 400, αραιό
Ψητοπωλείο · Λάρισα
Κείμενο
Fira Sans 400, 17 px
Ψήνουμε από τις δύο το μεσημέρι. Τηλεφωνήστε για παραγγελία ή περάστε από την 23ης Οκτωβρίου 112.
Τιμές
Fira Sans 700, σταθερό πλάτος ψηφίων
2,10 €   4,50 €   6,50 €
Η ακριβής γραμματοσειρά του λογοτύπου δεν είναι γνωστή. Αν ο σχεδιαστής του σήματος τη δώσει και έχει ελληνικά με web άδεια, μπαίνει στη θέση της Fira Sans Extra Condensed στους τίτλους.
05

Κατηγορίες και εικονίδια.

Κάθε κατηγορία του καταλόγου έχει ένα εικονίδιο γραμμής, μέσα σε πλαίσιο με σταθερό μέγεθος: 148 px ύψος, εικονίδιο 48 px, όνομα έως δύο γραμμές. Το πλαίσιο δεν μεγαλώνει όταν το όνομα πάει σε δεύτερη γραμμή, ούτε σε σειρά που σύρεται ούτε σε πλέγμα.

Σε σκούρο φόντο

Ως ετικέτες στην κορυφή του καταλόγου

Οι ετικέτες μένουν πάντα σε μία γραμμή: αν δεν χωράνε, σύρονται στο πλάι, δεν πάνε σε δεύτερη σειρά.

06

Στοιχεία του site.

Σε σκούρο φόντο

ΚλήσηΚατάλογοςΟδηγίες

Κατάσταση και ετικέτες

ΨητόΧειροποίητοΧωρίς κρέας

Γραμμή καταλόγου

Σουβλάκι χοιρινό2,10 €Ψητό
Τζατζίκι3,80 €ΧειροποίητοΧωρίς κρέας
Η κατάσταση «ανοιχτά / κλειστά» βγαίνει από το ωράριο με την ώρα της Ελλάδας, όχι από το ρολόι του επισκέπτη. Δευτέρα κλειστά, Τρίτη έως Σάββατο 14:00 έως 00:00, Κυριακή 13:00 έως 23:00.
07

Google, Tripadvisor και τα υπόλοιπα.

Κάθε εκδοχή του site έχει θέση για τις ίδιες πλατφόρμες. Τα σήματα της Google, του Tripadvisor και του Instagram μπαίνουν όπως τα δίνει η κάθε εταιρεία, χωρίς να τα αλλάζουμε στα δικά μας χρώματα. Εδώ φαίνονται ως απλά τετράγωνα.

Κανόνες της Google για κριτικές στο site: δίπλα σε κάθε κριτική το όνομα του συντάκτη, το λογότυπο Google, έως 5 κριτικές ανά φόρτωση, καμία μόνιμη αποθήκευση. Γι' αυτό στο wireframe δεν γράφουμε κείμενα κριτικών: έρχονται ζωντανά. Το 5,0 είναι ενδεικτικό, θα το τραβάει αυτόματα. Tripadvisor: δωρεάν widget αφού ο ιδιοκτήτης διεκδικήσει την καταχώριση (κομμάτι της υπηρεσίας Google και Tripadvisor, 150 €).
08

Φωτογραφία.

Οι φωτογραφίες έρχονται από τον ιδιοκτήτη. Αυτή είναι η λίστα που του δίνουμε, για να ταιριάζουν μεταξύ τους.

Η φλόγα στη σχάρα, κοντά

Σκοτεινό φόντο, η μόνη φωτιά είναι το φως.

Σουβλάκια στη σχάρα

Από πάνω ή στο ύψος της σχάρας. Καπνός επιτρέπεται.

Πιάτο στο τραπέζι

Φως ημέρας, πάνω σε ξύλο ή χαρτί. Ένα πιάτο ανά κάδρο.

Ο χώρος και οι άνθρωποι

Ο ψήστης, ο πάγκος, η πρόσοψη. Αληθινοί άνθρωποι, όχι stock.

Κάθε προϊόν του καταλόγου (32) σε τετράγωνη φωτογραφία 1:1, την ίδια σε όποια εκδοχή διαλέξει. Οι κατηγορίες έχουν εικονίδια, οπότε δεν θέλουν δική τους φωτογραφία. Στην εκδοχή Α μένει μία φωτογραφία ανά κατηγορία για την αψίδα. Για τα ποτά αρκεί η φιάλη ή το ποτήρι σε απλό φόντο. Καμία φωτογραφία από τράπεζα εικόνων: φαίνεται αμέσως σε ψητοπωλείο γειτονιάς.
09

Πώς μιλάει.

Ναι

«Τα Καρβουνάκια, ανοιχτά από τις 14:00.»

«Σουβλάκι χοιρινό, 2,10 € το τεμάχιο.»

«Κλειστά τη Δευτέρα. Τα λέμε Τρίτη.»

Σύντομο, ζεστό, με τα πραγματικά στοιχεία. Πληθυντικός ευγενείας στις οδηγίες («τηλεφωνήστε»), πρώτο πρόσωπο για το μαγαζί («ψήνουμε»). Το όνομα πάντα ολόκληρο.

Όχι

«Μια μοναδική γαστρονομική εμπειρία που θα σας ταξιδέψει.»

«Τα καλύτερα σουβλάκια της πόλης!!!»

Υπερβολές που γράφει κάθε μαγαζί και κανείς δεν πιστεύει. Το «καλύτερο» το λένε οι κριτικές, όχι εμείς.