Minimalna tablica wytycznych dotyczących marki

{ "type": "Projekt prezentacji Modern Brand Guide", "style": "Minimalistyczny szwajcarski projekt redakcyjny charakteryzuje się monochromatyczną paletą barw podkreśloną starannie dobranymi kolorami akcentowymi, przejrzystym systemem siatki, dużą ilością białej przestrzeni, smukłą czcionką bezszeryfową i czystą, wyrazistą estetyką produktu.", "brand": { "name": "{argument name=\"brand name\" default=\"teenage engineering\"}", "subtitle": "Zestaw narzędzi do tworzenia marki", "issue": "v18 - maj 2024", "logo_style": "Wyraziste, geometryczne, abstrakcyjne logo tekstowe o grubych, kanciastych kształtach." }, "canvas": { "aspect_ratio": "16:9", "background": "Tło jest jasnoszare, a centralny element wyświetlania jest otoczony grubą czarną ramką." }, "layout": { "structure": "4 kolumny i 3 wiersze", "total_panels": 12, "sections": [ { "title": "Okładka", "position": "Wiersz 1, Kolumna 1", "count": 1, "theme": "Okładka ma czarne tło z małym białym tekstem i dużym białym logo w prawym dolnym rogu." }, { "title": "Spis treści", "position": "Wiersz 1, Kolumna 2", "count": 1, "theme": "Spis treści zawiera na środku zdjęcie produktu kalkulatora przenośnego, a po prawej stronie pionową listę rozdziałów z numerami stron." }, { "title": "01 Przegląd marki", "position": "Wiersz 1, Kolumna 3", "count": 1, "theme": "Po lewej stronie znajduje się blok tekstu wprowadzającego, a po prawej realistyczny obraz kompaktowego aparatu fotograficznego." }, { "title": "02 Nasze wartości", "position": "Wiersz 1, Kolumna 4", "count": 1, "theme": "Lista zawierająca cztery wartości, którym towarzyszą proste ikony konturowe.", "labels": [ "ciekawość", "kreatywność", "projekt", "osobowość" ] }, { "title": "03 Logo", "position": "Wiersz 2, Kolumna 1", "count": 1, "theme": "Po lewej stronie znajduje się opis logo, a po prawej duże czarne logo na białym tle." }, { "title": "Warianty logo", "position": "Wiersz 2, Kolumna 2", "count": 1, "theme": "Trzy kafelki logo wyświetlane obok siebie", "labels": [ "czarny", "Biały", "szary" ] }, { "title": "Odstęp bezpieczeństwa wokół logo i minimalny rozmiar", "position": "Wiersz 2, Kolumna 3", "count": 1, "theme": "Strona z wykresem pokazuje obszar ochronny wokół logo i dwa przykłady minimalnego rozmiaru." }, { "title": "04 Kolor", "position": "Wiersz 2, Kolumna 4", "count": 1, "theme": "Strona palety kolorów zawiera 6 prostokątnych bloków kolorów ułożonych w dwóch rzędach i trzech kolumnach.", "labels": [ "czarny", "Biały", "Jasnoszary", "Średnioszary", "kolor pomarańczowy", "niebieski", "żółty" ] }, { "title": "05 Układ", "position": "Wiersz 3, Kolumna 1", "count": 1, "theme": "Strona z przykładami czcionek prezentuje trzy grubości czcionek oraz przykłady liter i cyfr.", "labels": [ "65 średnia", "55 rzymska", "45 jasna" ] }, { "title": "Zastosowania składu tekstu", "position": "Wiersz 3, Kolumna 2", "count": 1, "theme": "Edycja i układ na dużą skalę, w tym tekst piętrowy i mniejszy tekst pomocniczy." }, { "title": "06 Siatki i układy", "position": "Wiersz 3, Kolumna 3", "count": 1, "theme": "Na stronie wyświetlana jest różowa pionowa siatka, wyrównane adnotacje i obraz produktu umieszczony po prawej stronie." }, { "title": "07 Ikona", "position": "Wiersz 3, Kolumna 4", "count": 1, "theme": "Strona z czarnym tłem zawierająca macierz 24 minimalistycznych białych ikon liniowych.", "labels": [ "waveform", "pause", "speaker", "stop", "Strzałka w prawo", "Przewiń do tyłu", "Zmniejsz głośność", "round", "plus", "Nagrywanie", "Odtwórz", "pobierz", "zamknięcie", "Sprawdź", "minus", "Prześlij", "Link", "menu", "Oraz 6 innych prostych ikon multimediów/systemu" ] } ] }, "visual_details": { "products": [ { "type": "Urządzenie przenośne w stylu kalkulatora/syntezatora", "appearance": "Małe, czarne, prostokątne urządzenie z okrągłym przyciskiem i wiszącą etykietą." }, { "type": "kompaktowy aparat fotograficzny", "appearance": "Biały korpus wyposażony jest w duży, czarny obiektyw do fotografowania pod wąskim kątem." } ], "typography": "Neutralna czcionka bezszeryfowa Grotesk charakteryzuje się wyjątkowo małym tekstem opisowym, schludnym wyrównaniem i poczuciem hierarchii przypominającym magazyn.", "color_palette": "Projekt jest głównie czarno-biały, uzupełniony jasnoszarą, pomarańczową, niebieską, żółtą i jasnoróżową siatką.", "rendering": "Wysokiej rozdzielczości jednostka demonstracyjna, idealny widok z przodu, ostre krawędzie, profesjonalna estetyka studium przypadku marki." }, "text_treatment": "Wykorzystuje głównie mały, edytowalny tekst zastępczy i zwięzły tekst marki, zachowując minimalistyczny język projektowania korporacyjnego.", "quality": "Schludne, wysokiej klasy, nowoczesne, nagradzane projekty" }