Spokój
Dwanaście pokoi, brak animatora i brak hałasu o poranku.
Hotel, który mówi szeptem i podpisuje się rocznikiem.
Identyfikacja wizualna, butikowy hotel z winnicą, Dolny Śląsk
- Branża
- butikowy hotel z własną winnicą
- Miejsce
- Dolny Śląsk, u stóp Ślęży
- Zakres
- strategia, logo, system, makiety, animacja, brand book
Klient i zadanie
Cuvée to dwanaście pokoi i cztery hektary winnicy pod Ślężą. Hotel działa w dawnym folwarku, a gospodarze sami tłoczą wino z odmian, które dobrze znoszą dolnośląską zimę: solarisa, johanniter, regenta i trochę pinot noir.
Goście przyjeżdżają na weekend z Wrocławia, Berlina i Pragi. Czytają stronę hotelu jak magazyn, zanim zdecydują o rezerwacji, a potem biorą ze sobą butelkę do domu. Do tej pory nazwę pisano na tablicy przy bramie, a karty dań drukowano w edytorze tekstu.
Zadanie: identyfikacja, która nie krzyczy. Ma wyglądać jak dobrze wydana książka, działać na szyldzie, etykiecie i karcie śniadaniowej i dać się utrzymać w porządku przez dziesięć lat.
- Branża
- butikowy hotel z własną winnicą
- Miejsce
- Dolny Śląsk, u stóp Ślęży
- Zakres
- strategia, logo, system, makiety, animacja, brand book
- Odbiorcy
- pary i małe grupy, 30 do 55 lat, z Wrocławia, Berlina i Pragi
Kierunek i strategia
Cisza jako luksus
W hotelu, który sprzedaje spokój, identyfikacja nie może hałasować. Dlatego Cuvée ma najmniej elementów ze wszystkich możliwych: ciepła czerń, kość słoniowa i jeden mosiężny akcent, bez gradientów i bez efektu folii. Mosiądz jest zwykłym kolorem, nie błyskiem.
Krój nagłówkowy to szeryf o wysokim kontraście, w lekkich grubościach i w kapitalikach ze światłem, jak w tytule książki. Tekst składa drugi, spokojniejszy szeryf. Pomiędzy nimi zostaje dużo pustego papieru, bo pusta przestrzeń jest tu częścią oferty. Cienkie linie prowadzą oko, a ikony pojawiają się wyłącznie tam, gdzie gość musi znaleźć drogę.
ciszawinnicakontrast
Ziemia
Wino rośnie za oknem i trafia na stół z tego samego wzgórza.
Czas
Rytm hotelu wyznacza winobranie, a nie sezon promocji.
- Odbiorcy
- Pary i małe grupy w wieku 30 do 55 lat z Wrocławia, Berlina i Pragi, które rezerwują weekend dla ciszy, wina i dobrego jedzenia i czytają hotel jak magazyn.
- Osobowość
- powściągliwa, elegancka, cicha
- Czego unikamy
- głośnych kolorów, ikon dla ozdoby, zaokrągleń, efektów i rabatów
Cuvée to dwanaście pokoi i cztery hektary winnicy pod Ślężą, hotel dla gości, którzy wolą ciszę i dobre wino od atrakcji.
Proces
Zaczęliśmy od trzech szkiców, narysowanych szybko i surowo. Każdy odpowiada na inne pytanie: czy znak ma być napisem, rysunkiem czy pieczęcią. Jeden poszedł dalej.
Odrzucony 1
Kursywa z kropką
Mała kursywa cuvée z mosiężną kropką po ostatniej literze.
Odpadła, bo kursywa w małych literach jest ciepła i piękna, ale brzmi jak pracownia ceramiki albo kawiarnia. Hotel z dwunastoma pokojami potrzebuje powagi kapitalików.
Odrzucony 2
Jedna linia
Pojedyncza kreska rysująca liść i kiść winogron.
Odpadła, bo jest ilustracją, a brief tej realizacji wyklucza ozdobniki. Linia dobrze wygląda duża, ale przy 24 pikselach rozpada się w szum i nie da się jej przybić ani wytłoczyć.
Wybrany
Wersalik
Rozstrzelone kapitaliki Cuvée, cienka linia w kolorze mosiądzu i napis Hotel, Winnica w kapitalikach dają znak, który wygląda jak okładka dobrej książki. Sygnet to litera C w arkadzie z dwóch cienkich linii, jak okno w murze folwarku, z mosiężną kreską jak próg pod literą. Dobrze zastępuje napis tam, gdzie brakuje miejsca.
Ręczny kerning
Przy dużym rozstawie liter pary UV i VÉ musiały zbliżyć się o ułamek, bo przekątne V zostawiały dziury, a CU i ÉE pozostały prawie bez zmian. Napis Hotel, Winnica rozciągnięto tak, żeby kończył się dokładnie pod ostatnią literą nazwy.
Wyrównania optyczne
Okrągłe C i U wystają ponad i pod linię o ułamek wysokości, a akcent w É został wysoko, jak w druku książkowym. Mosiężna linia ma tę samą szerokość co napis i prawie nie ma grubości.
Test czytelności
Pełny sygnet z dwiema cienkimi liniami arkady działa od 48 pikseli. Poniżej zastępuje go sygnet uproszczony: jedna gruba arkada, grubsza litera i szeroka mosiężna kreska, które w 16 pikselach czytają się jako ikona karty przeglądarki.
sygnet uproszczony, 16 px- 24 px
- 48 px
pełny sygnet, 48 px- 96 px
- 192 px
Logo w sześciu wersjach
Głównenazwa, mosiężna linia i opis, gdy jest miejsce
Poziomepaski, nagłówki i podpis e-mail
Pionoweetykiety, szyldy i kwadratowe pola
Sygnetsama litera C w arkadzie, awatary i pieczęć
Jednokoloroweczarne, do druku w jednym kolorze
Negatywjasne na ciepłej czerni
Pole ochronne i rozmiary
Pole ochronne jest równe wysokości litery C z napisu Cuvée. Żaden tekst ani brzeg strony nie wchodzi w ten obszar.
- Sygnet uproszczony: 16 px na ekranie, 6 mm w druku.
- Pełny sygnet: 48 px na ekranie, 14 mm w druku.
- Logo główne: 140 px szerokości, 30 mm w druku.
Zastosowania
Media społecznościowe
Awatar
Winobranie
Cisza ma rocznik.
Dwanaście pokoi
Taki komplet powstaje dla każdej marki.Zobacz ofertę dla klientów
Złóż etykietę cuvée
Wybierz dwie albo trzy odmiany z dolnośląskiej winnicy i rocznik. Etykieta układa proporcje sama, a dominująca odmiana jest pierwsza. Bez ceny i bez koszyka.
2024
Solaris 60Johanniter 40
Dolny Śląsk, pod Ślężą
Zbierane ręcznie, leżakowane w piwnicy hotelu.
0,75 l12,5 % obj.
Proporcje
- 60Solarisdominuje
- 40Johanniter
Cuvée 2024, wino białe: Solaris 60, Johanniter 40.
Kolor
- Czerń winnicy#15110Eokładka, tekst, znak
- Kość słoniowa#F3ECDDtło strony, znak na czerni
- Mosiądz#B08D57linia, kropka i napis na czerni
- Mosiądz ciemny#7A5A2Aakcent w tekście na kości
- Szampan#D7BE8Djasny akcent w tekście na czerni
- Papier#FAF6ECetykiety, karty i papier firmowy
- Len#E5DCC8tło sekcji i tabel
- Kamień#C9BFA8cienkie linie, bez tekstu
- Mgła#8C8472linie pomocnicze, bez tekstu
- Węgiel#4A443Atekst drugorzędny
| Kolor | HEX | RGB | OKLCH | CMYK (przybliżony) |
|---|---|---|---|---|
| Czerń winnicy | #15110E | 21 17 14 | oklch(18.1% 0.009 59) | C 0 M 19 Y 33 K 92 |
| Kość słoniowa | #F3ECDD | 243 236 221 | oklch(94.5% 0.021 85.9) | C 0 M 3 Y 9 K 5 |
| Mosiądz | #B08D57 | 176 141 87 | oklch(66.4% 0.083 77.4) | C 0 M 20 Y 51 K 31 |
| Mosiądz ciemny | #7A5A2A | 122 90 42 | oklch(49.1% 0.077 75.3) | C 0 M 26 Y 66 K 52 |
| Szampan | #D7BE8D | 215 190 141 | oklch(81.1% 0.071 83.9) | C 0 M 12 Y 34 K 16 |
| Papier | #FAF6EC | 250 246 236 | oklch(97.4% 0.014 88.7) | C 0 M 2 Y 6 K 2 |
| Len | #E5DCC8 | 229 220 200 | oklch(89.6% 0.029 86.6) | C 0 M 4 Y 13 K 10 |
| Kamień | #C9BFA8 | 201 191 168 | oklch(80.7% 0.033 87.3) | C 0 M 5 Y 16 K 21 |
| Mgła | #8C8472 | 140 132 114 | oklch(61.5% 0.028 86.9) | C 0 M 6 Y 19 K 45 |
| Węgiel | #4A443A | 74 68 58 | oklch(38.9% 0.018 80.6) | C 0 M 8 Y 22 K 71 |
Kontrast
Każda para tekstu i tła w systemie ma policzony stosunek kontrastu. Teksty spełniają WCAG AA, a elementy dekoracyjne są oznaczone osobno.
19 par, wszystkie teksty co najmniej AAPokaż tabelę
| Użycie | Para | Kontrast | Wymóg | Poziom |
|---|---|---|---|---|
| tekst podstawowy na tle strony | Aa#15110E na #F3ECDD | 15,96:1 | 4,5:1, tekst | AAA |
| tekst na etykiecie i papierze firmowym | Aa#15110E na #FAF6EC | 17,4:1 | 4,5:1, tekst | AAA |
| tekst w tabelach i na tle sekcji | Aa#15110E na #E5DCC8 | 13,77:1 | 4,5:1, tekst | AAA |
| tekst drugorzędny, podpisy | Aa#4A443A na #F3ECDD | 8,19:1 | 4,5:1, tekst | AAA |
| podpisy na kartach i etykietach | Aa#4A443A na #FAF6EC | 8,93:1 | 4,5:1, tekst | AAA |
| podpisy w tabelach | Aa#4A443A na #E5DCC8 | 7,07:1 | 4,5:1, tekst | AAA |
| linki i akcenty w tekście na kości | Aa#7A5A2A na #F3ECDD | 5,37:1 | 4,5:1, tekst | AA |
| akcenty na kartach i etykiecie | Aa#7A5A2A na #FAF6EC | 5,85:1 | 4,5:1, tekst | AA |
| negatyw: tekst na okładce i w ciemnych sekcjach | Aa#F3ECDD na #15110E | 15,96:1 | 4,5:1, tekst | AAA |
| napisy w kolorze mosiądzu na czerni | Aa#B08D57 na #15110E | 6,07:1 | 4,5:1, tekst | AA |
| jasny akcent w tekście na czerni | Aa#D7BE8D na #15110E | 10,41:1 | 4,5:1, tekst | AAA |
| tekst drugorzędny na czerni | Aa#C9BFA8 na #15110E | 10,28:1 | 4,5:1, tekst | AAA |
| czarny napis na polu w kolorze mosiądzu | Aa#15110E na #B08D57 | 6,07:1 | 4,5:1, tekst | AA |
| obrys fokusu i ramki pól formularza | Aa#7A5A2A na #F3ECDD | 5,37:1 | 3:1, element interfejsu | AA |
| obrys fokusu na czerni | Aa#B08D57 na #15110E | 6,07:1 | 3:1, element interfejsu | AA |
| duże nagłówki | Aa#15110E na #F3ECDD | 15,96:1 | 3:1, duży tekst | AAA |
| linia i kropka w logo na kości | Aa#B08D57 na #F3ECDD | 2,63:1 | brak | dekoracja |
| włosowate linie podziału | Aa#C9BFA8 na #F3ECDD | 1,55:1 | brak | dekoracja |
| linie pomocnicze i wzór szpaleru | Aa#8C8472 na #F3ECDD | 3,16:1 | brak | dekoracja |
Typografia
Noto Serif Display
Winorośl pamięta każdy rok. Cisza też ma rocznik.
Nagłówki i znak. Grubości 200, 300, 400, 500 i kursywa. Licencja OFL.
Source Serif 4
Winorośl pamięta każdy rok. Cisza też ma rocznik.
Tekst. Grubości 400 i 600 oraz kursywa. Licencja OFL.
- Tytuł64 px, interlinia 1,02: okładki i hasła
- Nagłówek36 px, interlinia 1,12: sekcje i karty
- Kapitaliki15 px, interlinia 1,4: etykiety, numery i nazwy sekcji, rozstaw 0,22 em
- Tekst18 px, interlinia 1,6: akapity, opisy, menu
- Podpis14 px, interlinia 1,45: podpisy, adresy, drobny druk
ĄĆĘŁŃÓŚŹŻ ąćęłńóśźż 0123456789 „”·×
Ikony, wzór i grafika
butelka
dzwonek
filizanka
grono
kapiel
kieliszek
klucz
lozko
parking
schody
spokoj
wzgorze
Wzór szpaleru
Cienkie przekątne, jak druty między palami w winnicy, i mosiężne punkty tam, gdzie się krzyżują. Wzór jest rzadki, kafel nie ma szwu i nigdy nie wypełnia całej strony.
Cienka linia
Jedna linia o grubości jednego piksela dzieli sekcje, prowadzi podpis i rysuje ramkę etykiety. Linie są proste, bez zaokrągleń i bez cieni.
Ikony jak tablice w hotelu
Dwanaście piktogramów rysowanych cienką kreską z prostymi zakończeniami. Służą wyłącznie do znalezienia drogi, na planie, na karcie pokoju i w księdze, nigdy jako ozdoba.
- Jedna wąska kolumna, szerokość do 52 znaków, w szerokich marginesach.
- Czarna okładka, jasne wnętrze, jeden mosiężny akcent na ekran.
- Linie mają jeden piksel i kończą się ostro. Zaokrągleń nie używamy.
- Animacja jest wolna i bez odbicia: tylko zanikanie i rozsuwanie liter.
Zdjęcia i ton głosu
Zdjęć w tym projekcie nie generujemy. Opis stylu dla fotografa: światło dzienne, miękkie, od okna lub przed zachodem słońca. Dużo ciemności i cienia, jedno źródło światła, ciemne tło z ciepłymi zielenią i brązem. Kadry nieruchome, symetryczne albo spokojnie asymetryczne, z dużą ilością wolnego miejsca na tekst. Winnica w mgle, szklanka na parapecie, ręka na klamce, nigdy uśmiechnięci goście pozujący do obiektywu. Kolory przygaszone, bez nasycenia, bez filtrów.
Mówimy cicho
Gość przyjechał po spokój. Piszemy krótko i nie podnosimy głosu.
TakŚniadanie od 8:30. Stolik przy oknie czeka.
NieNiesamowite śniadania, których nie możesz przegapić!
Rocznik zamiast promocji
Czas pokazujemy rocznikiem, nie rabatem. Nie obniżamy cen hasłem.
TakRocznik 2024, zbierany ręcznie w drugim tygodniu października.
NieTylko teraz minus 20 procent na weekend w winnicy.
Konkret zamiast przymiotników
Podajemy odmianę, godzinę, liczbę pokoi. Przymiotniki zostawiamy winu.
TakSolaris i johanniter, trzydzieści hektolitrów z czterech hektarów.
NieWyjątkowe, ekskluzywne wina najwyższej jakości.
Gość ma czas
Nie ponaglamy, nie pytamy o decyzję w ostatniej chwili.
TakPokój będzie czekał do piątku. Odpowiedź może poczekać do rana.
NieZostały ostatnie dwa pokoje, rezerwuj natychmiast!
Animacja
Cienkie linie rysują się, rozstaw liter zwalnia z szerokiego do końcowego, a znak wygasa w jednej chwili. Całość trwa trzy sekundy, bez odbicia i bez przesunięć. Przy ustawieniu ograniczenia ruchu strona pokazuje nieruchome logo.
Pliki do pobrania
Paczka ZIP zawiera pliki robocze: logo, ikonę strony, kolory, kroje, wzór, ikony, druk, grafiki do mediów, podpis e-mail i brand book. Animacja i makiety leżą osobno, w grupach poniżej. Rozwiń grupę, żeby zobaczyć pliki z wymiarami.
Cała paczka waży 2,0 MB.
cuvee-identyfikacja.zip2,0 MB
LogoSVG, PDF, PNG, PNG 410, 461, 512, 819, 922, 1024, 1638, 1843, 2048 px30 plików692 KB
- cuvee-horizontal.svg4,1 KB
- cuvee-mono-black.svg4,0 KB
- cuvee-negative.svg4,0 KB
- cuvee-primary.svg4,1 KB
- cuvee-symbol.svg789 B
- cuvee-vertical.svg4,2 KB
- cuvee-horizontal.pdf1 str.7,3 KB
- cuvee-mono-black.pdf1 str.4,0 KB
- cuvee-negative.pdf1 str.4,0 KB
- cuvee-primary.pdf1 str.4,0 KB
- cuvee-symbol.pdf1 str.7,1 KB
- cuvee-vertical.pdf1 str.7,5 KB
- cuvee-horizontal-1024.png1024×371 px28 KB
- cuvee-horizontal-2048.png2048×741 px61 KB
- cuvee-horizontal-512.png512×185 px12 KB
- cuvee-mono-black-1024.png1024×414 px21 KB
- cuvee-mono-black-2048.png2048×828 px47 KB
- cuvee-mono-black-512.png512×207 px8,8 KB
- cuvee-negative-1024.png1024×414 px23 KB
- cuvee-negative-2048.png2048×828 px51 KB
- cuvee-negative-512.png512×207 px10 KB
- cuvee-primary-1024.png1024×414 px23 KB
- cuvee-primary-2048.png2048×828 px52 KB
- cuvee-primary-512.png512×207 px10 KB
- cuvee-symbol-1024.png819×1024 px37 KB
- cuvee-symbol-2048.png1638×2048 px83 KB
- cuvee-symbol-512.png410×512 px15 KB
- cuvee-vertical-1024.png922×1024 px41 KB
- cuvee-vertical-2048.png1843×2048 px96 KB
- cuvee-vertical-512.png461×512 px19 KB
Ikona stronyPNG, ICO, SVG, PNG 180 px3 pliki7,4 KB
- apple-touch-icon.png180×180 px3,8 KB
- favicon.ico16, 32, 48 px2,8 KB
- favicon.svg831 B
KolorJSON, CSS2 pliki8,3 KB
- cuvee-palette.json8,0 KB
- cuvee-tokens.css281 B
KrojeWOFF2, TXT11 plików218 KB
- NotoSerifDisplay-200.woff221 KB
- NotoSerifDisplay-300-italic.woff222 KB
- NotoSerifDisplay-300.woff221 KB
- NotoSerifDisplay-400-italic.woff221 KB
- NotoSerifDisplay-400.woff219 KB
- NotoSerifDisplay-500.woff220 KB
- OFL-NotoSerifDisplay.txt4,2 KB
- OFL-SourceSerif4.txt4,3 KB
- SourceSerif4-400-italic.woff224 KB
- SourceSerif4-400.woff230 KB
- SourceSerif4-600.woff232 KB
WzórSVG1 plik245 B
- cuvee-pattern.svg245 B
IkonySVG13 plików3,2 KB
- cuvee-icons.svg115 B
- cuvee-icon-butelka.svg253 B
- cuvee-icon-dzwonek.svg232 B
- cuvee-icon-filizanka.svg287 B
- cuvee-icon-grono.svg436 B
- cuvee-icon-kapiel.svg276 B
- cuvee-icon-kieliszek.svg227 B
- cuvee-icon-klucz.svg234 B
- cuvee-icon-lozko.svg230 B
- cuvee-icon-parking.svg229 B
- cuvee-icon-schody.svg214 B
- cuvee-icon-spokoj.svg239 B
- cuvee-icon-wzgorze.svg272 B
DrukPDF2 pliki38 KB
- cuvee-business-card.pdf2 str.17 KB
- cuvee-letterhead.pdf1 str.21 KB
Media społecznościowePNG, PNG 1080 px4 pliki118 KB
- cuvee-avatar.png1080×1080 px16 KB
- cuvee-post-1.png1080×1350 px30 KB
- cuvee-post-2.png1080×1350 px34 KB
- cuvee-post-3.png1080×1350 px38 KB
Podpis e-mailHTML1 plik1,1 KB
MakietyJPG5 plików324 KB
Animacja logoMP4, WEBM2 pliki110 KB
- cuvee-logo.mp41080×1080 px45 KB
- cuvee-logo.webm1080×1080 px65 KB
Brand bookPDF1 plik1,2 MB
- cuvee-brandbook.pdf29 str.1,2 MB
CMYK w tabeli kolorów jest przybliżony. Do druku zamów próbny wydruk, zwłaszcza dla mosiądzu. Odpowiedników Pantone nie podajemy.
Twoja marka też może mówić ciszej
Opowiedz mi o swoim miejscu i o ludziach, którzy do niego wracają. Zaproponuję kierunek, pokażę trzy szkice logo i dowiozę komplet plików na każdą okazję.
Zobacz ofertę dla klientów