Brief z 28.09.2026 · wersja 1.2

Grafiki platformy
Better Workplace

Zasady, na których składamy 44 pliki z briefu: kolory i kroje wzięte ze strony klienta, cztery formaty ze strefami, sposób budowania obrazu i promptu. Wszystko czyta generator z tego samego pliku.

Kolory

Paleta główna

#1F0B09

Ciemny brąz, główny kolor marki, tekst hasłabrief = strona (strong-100-primary)

#553935

Brąz tekstowybrief = strona (strong-70-label)

#FF6921

Pomarańcz nadtytułu (format A)strona (corposite--accent); brief nie podaje kodu

#B2FF0D

Limonkowy mocny, akcentbrief = strona (corposite--bold)

#E4FFAD

Limonkowy jasny, tłobrief; na stronie nieużywany

#F6F5F7

Szary, tło spokojnestrona (neutral-10); brief podaje #F5F6F8, różnica niewidoczna, bierzemy kolor z systemu

#FFFFFF

Bielbrief

Team Budget: pozycje 4 i 26–31

#3465EB

Niebieski, jedyny akcent, nadtytuł w Abrief = strona (team-budget--blue)

#FEF3DE

Krem, tłobrief = strona (team-budget--cream)

#FFFBF4

Papier, drugie tłostrona (team-budget--paper)

#F3E6CD

Piasek, cień i podkładstrona (team-budget--sand)

#473A39

Brąz, tekst i nagłówkibrief = strona (team-budget--team-strong)

#FFFFFF

Bielbrief

Tła kafli na platformie dziś (pomiar zrzutu)

#F0E1CD

Duży kafel dziś (beż)zrzut platformy, środek kafla

#E5ECDA

Kafel kalendarza dziś (szałwia)zrzut platformy, środek kafla

#FEF2CB

Kafel abonamentu dziś (masło)zrzut platformy, środek kafla

Tła linii produktowych, tak jak na kaflach strony

#E0FBB6

DailyFruits: owoce i warzywastrona, kafel produktu

#F8FAAE

DailyFoods: kanapki i przekąskistrona, kafel produktu

#F6DFCD

Better Office: kawa i herbatastrona, kafel produktu

#FFEED5

Sendgift: prezenty i paczkistrona, kafel produktu

#EDE3FF

Dietetyka i zdrowiestrona, kafel produktu

Kroje

Stałe zaopatrzenie

Team Budget

Nadtytuł: Nunito Sans 700, wersaliki, 26 px w formacie A
Kolor: #FF6921; Team Budget #3465EB
Źródło: strona: nadtytuł hero „Dla nowoczesnych firm” (16 px, 700, uppercase, #FF6921)

Zacznij od
pierwszego działu

Hasło: DM Sans 200, 60 px, interlinia 1.12, zawsze 2 wiersze
Kolor: #1F0B09; Team Budget #473A39
Źródło: strona: H1 36 px / 200 / #1F0B09

Formaty

Makiety w px CSS, tak jak na ekranie platformy (eksport jest ×2). Obok wycinki zrzutu platformy w tej samej skali. Produkty w makietach to wycięcia z kafli betterworkplace.pl. Przycisk „Pokaż strefy” nakłada strefy z briefu.

Kafel mały pionowy

694 × 1146 px · tekst w grafice: TAK

tekst nadtytuł + hasło w dwóch wierszach na spokojnym, jednolitym tle
obraz produkt i rekwizyty; główny motyw w środku kadru
platforma biała karta platformy zaczyna się na 71% wysokości (pomiar), nie na 80% jak w briefie; do tego miejsca spokojne tło
margines 60 px od każdej krawędzi
na ekranie 352×578 px CSS na platformie, czyli grafika 2:1 bez przycinania

Teksty w makietach są przykładowe, poza Team Budget (poz. 26 z briefu). Biała karta i przycisk to nakładka platformy, nie część grafiki; zaokrąglenie 72 px robi platforma.

Team Budget

Zacznij od
pierwszego działu

tekst

obraz

platforma

Załóż pierwszy zespół

Kafel duży pionowy (wstawka)

646 × 1400 px · tekst w grafice: NIE

platforma tu nachodzi tekst i przyciski platformy (pomiar: ok. 25% szerokości grafiki)
obraz kompozycja może wychodzić za prawą i dolną krawędź
na ekranie dopasowany do wysokości dużego kafla (578 px CSS), ok. 267 px szerokości, przy prawej krawędzi

Grafika dopasowana do wysokości kafla i przyklejona do prawej. Tło kafla robi platforma, więc tło grafiki ma być tym samym kolorem albo przezroczyste.

Kafel kwadratowy

700 × 700 px · tekst w grafice: NIE

obraz jeden wyraźny motyw, ma zatrzymać wzrok przy liście produktów
margines 60 px od każdej krawędzi

Jeden motyw, bez tekstu. Stoi przy liście produktów. Zaokrąglenie przyjęte jak w kaflach (72 px), do sprawdzenia na platformie.

obraz

Pas poziomy

2842 × 480 px · tekst w grafice: NIE

tlo tylko tło; na telefonie znika
obraz cała kompozycja w środkowych 60%
tlo tylko tło; na telefonie znika

Na telefonie pas schodzi do około 340 px i traci boki. Wszystko, co ważne, mieści się w środkowych 60%.

tlo

obraz

tlo

Obraz

Jak budujemy kadr

Produkt na pierwszym planie, na jednolitym pastelowym tle bez gradientu, tak jak kafle na platformie dziś.
Układ jak na stronie: jeden produkt główny, niżej i większy, plus jeden lub dwa mniejsze, unoszące się pod kątem 8 do 15 stopni.
Opakowanie zawsze z prawdziwego packshotu klienta, wklejone, nigdy wygenerowane.
Generujemy tylko tło i rekwizyty okazji (wąs, kalendarz, stół), osobno, na tym samym kolorze tła, potem łączymy.
Światło miękkie, dzienne, z lewej góry; cień kontaktowy krótki i miękki; bez twardych odbić.
Materiały naturalne jak na platformie dziś: drewniana skrzynka, kraftowe tacki i torebki, białe pudełko kanapek.
Team Budget: porządek i decyzja pokazane przedmiotami (stół, biurko, klocki struktury, segregator), krem #FEF3DE i jeden niebieski akcent.

Na żadnej grafice

stockowe zdjęcia ludzi w biurze
ceny, rabaty, procenty, daty, terminy
banknoty, monety, skarbonki, liczby (Team Budget)
produkty spoza oferty: meble, sprzęt
litery i cyfry poza nadrukiem na opakowaniu produktu

Prompt

Szablon rdzenia (do 370 znaków)

{przedmiot}, {wymiar}. Seamless flat {hex} studio background. Soft daylight from upper left, short soft shadow. {uklad}. Empty calm {hex} space {gdzie_pusto}. No text, no logo, no watermark.

Przykład: 9 Movember, format A · 285 znaków

Brown felt moustache prop on a thin wooden stick, 14 cm wide, tilted slightly. Seamless flat #FFEED5 studio background. Soft daylight from upper left, short soft shadow. Object in the lower middle of the frame. Empty calm #FFEED5 space in the top third. No text, no logo, no watermark.

Zasady

Opisujemy tylko stan docelowy. Zakaz nazywający obiekt przyciąga ten obiekt.
Negatyw zostaje tylko dla tekstu, logo i znaku wodnego.
Rdzeń do 370 znaków: przedmiot z wymiarem, tło z HEX, światło, gdzie stoi obiekt, gdzie ma być pusto.
Defekt geometryczny (brzeg, ramka, za mało tła) przycinamy albo dopełniamy kodem, nie kolejną generacją.
Każda seria trafia na numerowaną stykówkę; wybiera właściciel.

Model: z_image (0,15 kr/obraz); nano_banana_pro tylko gdy produkt ma stać w scenie z packshotem jako referencją

Eksport

Plik: JPG jakości 82 (PNG przy płaskich kolorach lub przezroczystości)
Waga: do 400 kB
Rozdzielczość: wymiary formatów są już ×2
Nazwy: temat-format, np. movember-a, ergonomia-b; Team Budget: tb-pierwszy-zespol-a itd.; w nazwach bez rozmiarów w pikselach
Źródło formatu A: Figma: tekst na osobnej warstwie

Otwarte

Brief mówi, że dolne 20% kafla A ma zostać puste, a na platformie biała karta zaczyna się na 71% wysokości. Przyjmujemy pomiar: spokojne tło od 70%.
Opakowania: platforma i strona pokazują dziś drewnianą skrzynkę i kraftowe tacki, a nasze packshoty z katalogu BW to głównie żółte i zielone kartony. Który zestaw jest aktualny? Do tego czasu bierzemy wygląd ze strony.
Kolor #E4FFAD z briefu nie występuje na stronie. Zostaje, bo brief podaje go wprost jako tło.
Teksty do kafli A 7-14, 24, 25 i motywy 15-23: czekamy na klienta.
Pas B i kafel C: nie widzieliśmy ich na platformie (zaokrąglenie, przycinanie). Przyjęte: C z promieniem 72 jak kafle, B bez zaokrąglenia.