Wzornik, identyfikacja wizualna. I1, szwajcarski modernizm
Znak narysowany jak rzut: kwadrat, wejście i siatka, na której leży cała reszta.
Rzut to pięcioosobowa pracownia architektoniczna z Wrocławia. Projektuje domy jednorodzinne, małe biura i budynki użyteczności publicznej na Dolnym Śląsku. Zleceniodawcy to prywatni inwestorzy, deweloperzy i gminy, które ogłaszają konkursy.
Do tej pory pracownia podpisywała rysunki logo ze zwykłym Arialem, a oferty wysyłała jako PDF z Worda. Na tablicy budowy nazwa pracowni ginęła między danymi inwestora i kierownika.
Zadanie: identyfikacja, którą da się położyć na rysunku technicznym, tablicy budowy i ofercie dla gminy, i która sama wygląda jak dobrze narysowany projekt.
Architekt tłumaczy decyzje rysunkiem, więc identyfikacja ma być rysunkiem. Wybraliśmy szwajcarski modernizm: jedną rodzinę kroju, czerń i biel, jeden kolor sygnałowy i widoczną siatkę modułową. Nic nie jest dodane dla ozdoby. Każdy element ma wymiar i miejsce.
Inwestor, urzędnik i komisja konkursowa czytają tak samo: szybko i po kolei. Tekst do lewej z poszarpaną prawą krawędzią, numery w marginesie i krótkie zdania pozwalają znaleźć dane bez szukania. Kobalt zamiast klasycznej czerwieni odróżnia pracownię od większości szwajcarskich plakatów i kojarzy się z niebieską kopią rysunku.
siatkamodułrzut
Prywatni inwestorzy, deweloperzy i gminy z Dolnego Śląska, które zamawiają domy, biura i budynki publiczne i chcą wiedzieć, dlaczego projekt wygląda tak, a nie inaczej.
Każdy rysunek leży na siatce i ma ten sam układ tabliczki.
Wymiary podajemy w milimetrach, terminy w tygodniach.
Rysunek tłumaczy się sam, bez ustnego komentarza.
rzeczowaspokojnadokładna
Unikamy: ornamentu, zaokrągleń, gradientów, ilustracji i wszystkiego, co jest tylko ozdobą.
Rzut to pracownia architektoniczna z Wrocławia, która projektuje domy i budynki publiczne na siatce, w której każdy wymiar ma uzasadnienie.
Zaczęliśmy od trzech szkiców, narysowanych na tej samej siatce. Każdy odpowiada na inne pytanie: czy znak ma liczyć projekty, wskazywać oś, czy pokazywać plan.
Odrzucony
Napis Rzut z pogrubioną cyfrą numeru projektu: Rzut 01, Rzut 02.
Odpadł, bo znak zmieniałby się z każdym projektem, a pracownia potrzebuje jednego stałego znaku na tablicy, w stopce i w karcie przeglądarki. Cyfra nie daje też sygnetu.
Odrzucona
Cienka pionowa linia przez literę z, zakończona niebieskim punktem.
Odpadła, bo przy 24 pikselach linia znika, a przecięta litera wygląda jak skreślona. Znak psuł czytelność nazwy zamiast ją porządkować.
Wybrany
Kobaltowy kwadrat z wejściem to rzut pomieszczenia w najprostszej postaci. Działa jako sygnet w karcie przeglądarki, jako pole na rysunku i jako moduł, z którego wynikają marginesy, wysokość nazwy i pole ochronne.
Para zu została rozsunięta, ut ściągnięta o ułamek, a Rz zostawiona prawie bez zmian, żeby kolor tekstu w słowie Rzut był równy.
Wysokość kwadratu jest równa wysokości wersalika R, dolna krawędź kwadratu leży na linii pisma, a odstęp między znakiem a nazwą to dwa moduły.
Sygnet działa od 16 pikseli. Wersja pozioma jest czytelna od 96 pikseli, a pełna z podpisem od 280. Poniżej tych rozmiarów zostaje sam kwadrat.
Kwadrat z wejściem, nazwa Rzut i podpis ze współrzędnymi pracowni. Sygnet działa sam.
Moduł U to jedna szósta wysokości wersalika R. Kwadrat ma bok 6U, wejście ma 2U szerokości i 3U wysokości i leży od dołu.
Odstęp między znakiem a nazwą to 2U. Dolna krawędź kwadratu leży na linii pisma.
Pole ochronne jest równe połowie boku kwadratu, M/2, ze wszystkich stron. Żaden tekst ani brzeg strony nie wchodzi w ten obszar.
Strona niesie biel, tekst niesie czerń. Kobalt jest jedynym kolorem sygnałowym: jedno duże pole na rozkładówkę, a w drobnych numerach i odnośnikach tylko akcent.
Tabela przewija się w poziomie.
| Kolor | HEX | RGB | OKLCH | CMYK (przybliżony) |
|---|---|---|---|---|
| Czerń | #0A0A0A | 10 10 10 | oklch(14.5% 0 0) | C 0 M 0 Y 0 K 96 |
| Biel | #FFFFFF | 255 255 255 | oklch(100% 0 0) | C 0 M 0 Y 0 K 0 |
| Kobalt | #1F4BFF | 31 75 255 | oklch(52.2% 0.267 265.5) | C 88 M 71 Y 0 K 0 |
| Papier | #F4F4F2 | 244 244 242 | oklch(96.7% 0.003 0) | C 0 M 0 Y 1 K 4 |
| Mgła | #E6E6E3 | 230 230 227 | oklch(92.4% 0.004 106.5) | C 0 M 0 Y 1 K 10 |
| Szary | #BDBDB9 | 189 189 185 | oklch(79.7% 0.006 106.5) | C 0 M 0 Y 2 K 26 |
| Beton | #8A8A86 | 138 138 134 | oklch(63.2% 0.006 106.6) | C 0 M 0 Y 3 K 46 |
| Grafit | #5A5A57 | 90 90 87 | oklch(46.7% 0.005 106.6) | C 0 M 0 Y 3 K 65 |
| Asfalt | #2B2B2A | 43 43 42 | oklch(28.9% 0.002 0) | C 0 M 0 Y 2 K 83 |
Tabela przewija się w poziomie.
| Użycie | Para | Kontrast | Wymóg | Poziom |
|---|---|---|---|---|
| tekst podstawowy na tle strony i arkusza | Aa#0A0A0A na #FFFFFF | 19,8:1 | 4,5:1, tekst | AAA |
| tekst na polach i w sekcjach | Aa#0A0A0A na #F4F4F2 | 17,98:1 | 4,5:1, tekst | AAA |
| tekst w tabelach i kartach | Aa#0A0A0A na #E6E6E3 | 15,83:1 | 4,5:1, tekst | AAA |
| tekst drugorzędny, podpisy | Aa#5A5A57 na #FFFFFF | 6,92:1 | 4,5:1, tekst | AA |
| podpisy na polach | Aa#5A5A57 na #F4F4F2 | 6,28:1 | 4,5:1, tekst | AA |
| podpisy w tabelach | Aa#5A5A57 na #E6E6E3 | 5,53:1 | 4,5:1, tekst | AA |
| linki i wyróżnienia w tekście | Aa#1F4BFF na #FFFFFF | 5,99:1 | 4,5:1, tekst | AA |
| linki i numery na polach | Aa#1F4BFF na #F4F4F2 | 5,43:1 | 4,5:1, tekst | AA |
| numery i akcenty w tabelach | Aa#1F4BFF na #E6E6E3 | 4,79:1 | 4,5:1, tekst | AA |
| tekst na polu w kolorze kobaltu i na przycisku | Aa#FFFFFF na #1F4BFF | 5,99:1 | 4,5:1, tekst | AA |
| negatyw: jasny tekst na czerni | Aa#FFFFFF na #0A0A0A | 19,8:1 | 4,5:1, tekst | AAA |
| jasny tekst na asfalcie | Aa#FFFFFF na #2B2B2A | 14,17:1 | 4,5:1, tekst | AAA |
| podpisy i indeksy na czerni | Aa#8A8A86 na #0A0A0A | 5,71:1 | 4,5:1, tekst | AA |
| tekst drugorzędny na czerni | Aa#BDBDB9 na #0A0A0A | 10,51:1 | 4,5:1, tekst | AAA |
| duże nagłówki i liczby | Aa#0A0A0A na #FFFFFF | 19,8:1 | 3:1, duży tekst | AAA |
| znak w kobalcie na czarnym tle (negatyw) | Aa#1F4BFF na #0A0A0A | 3,31:1 | 3:1, element interfejsu | AA large |
| obrys fokusu i aktywne przełączniki | Aa#1F4BFF na #FFFFFF | 5,99:1 | 3:1, element interfejsu | AA |
| obrysy pól formularza i suwaków | Aa#8A8A86 na #FFFFFF | 3,47:1 | 3:1, element interfejsu | AA large |
| linie siatki modułowej | Aa#BDBDB9 na #FFFFFF | 1,88:1 | brak | dekoracja |
| pola siatki i wypełnienia wzoru | Aa#E6E6E3 na #FFFFFF | 1,25:1 | brak | dekoracja |
Dom przy parku. Okna co 1,2 m, schody w osi, wejście od północy.
400 Regular500 Medium700 Bold
Nagłówki i tekst.
Dom przy parku. Okna co 1,2 m, schody w osi, wejście od północy.
400 Regular700 Bold
Liczby, indeksy i podpisy, cyfry tabelaryczne.
ĄĆĘŁŃÓŚŹŻ ąćęłńóśźż 0123456789 „”·×°
Wszystko stoi na dwunastu kolumnach. Przesuń logo po siatce i sprawdź, kiedy robi się za małe.
Logo ma 472 px, czyli 124,9 mm przy 96 ppi. Minimum dla tego wariantu to 96 px. Rozmiar jest poprawny.
Kreska 2 px, proste końce, ostre narożniki, siatka 24 px.
Dwanaście kolumn, widoczna jako cienkie linie w kolorze szarym. Na stronach prezentacyjnych linie zostają na wierzchu, na dokumentach znikają.
Cienka linia z kreskami na końcach i podpisem w milimetrach. Pokazuje, skąd bierze się odstęp. Jedyny element graficzny poza kwadratem.
Numer sekcji, rysunku albo projektu wisi w lewym marginesie, w wąskim kroju. Numerujemy wszystko, co ma kolejność.
Zdjęć w tym projekcie nie generujemy. Opis stylu dla fotografa: budynek frontalnie lub w ścisłym narożniku, pionowe linie pionowo, bez perspektywy żabiej. Światło rozproszone, najlepiej pochmurne popołudnie. Bez ludzi, bez pozowanych wnętrz, bez filtrów. Kolory neutralne, szarość betonu i cegły bez podbijania. Kadr przycinamy do modułu siatki: całość, połowa albo ćwierć.
Opisujemy budynek wymiarami i faktami.
TakDom 168 mkw., dwie kondygnacje, siatka 1,2 m.
NiePrzestronny, nowoczesny dom z duszą.
Przy decyzji piszemy, skąd się wzięła.
TakOkna co 1,2 m, bo tyle wynosi moduł konstrukcji.
NieOkna dobrane tak, żeby było ładnie.
Podmiotem jest pracownia albo rysunek, nie zachwyt.
TakRysujemy na siatce. Pokazujemy, dlaczego.
NieNasz zespół z pasją dba o to, aby każdy projekt był wyjątkowy.
Obiecujemy konkretne etapy zamiast tempa.
TakKoncepcja po trzech tygodniach, projekt budowlany po dziewięciu.
NieRealizujemy projekty szybko i terminowo.
Awatar
Dom przy parku
Siatka 1,2 m
Dni otwarteSiatka rysuje się w sekundę. Potem kwadrat wskakuje na swój moduł, a nazwa i podpis wyrównują się jedno po drugim. Każdy ruch kończy się na linii siatki, bez odbić i rozmycia. Całość trwa trzy sekundy. Przy ustawieniu ograniczenia ruchu strona pokazuje nieruchome logo.
Logo, kolory, kroje, ikony, pliki do druku, media społecznościowe, podpis e-mail i brand book leżą w jednej paczce ZIP. Makiety i animacja leżą osobno, bo pokazują zastosowania i nie są plikami roboczymi. Rozwiń grupę, żeby zobaczyć pliki z wymiarami.
CMYK w tabeli kolorów jest przybliżony. Do druku zamów próbny wydruk. Odpowiedników Pantone nie podajemy.
Opowiedz mi, czym się zajmujesz i do kogo mówisz. Zaproponuję kierunek, pokażę trzy szkice logo i dowiozę komplet plików na każdą okazję.
Zobacz ofertę dla klientów
