Figma
Wszystkie 4 formaty,
Auto Layout, komponenty
Design Kit
Szablony do Figma
Pobierz gotowy szablon Figma z siatką, strefami zdjęć i typografią. Projektuj nakładki zgodne z systemem Nakładki.com.pl.
Pobierz
Gotowe szablony
Siatka, strefy i typografia już ustawione. Otwórz i zacznij projektować.
Ai
Wkrótce
Illustrator
Artboardy, prowadnice,
warstwy do edycji
PDF
Wkrótce
Instrukcja PDF
Siatka, specyfikacja,
dobre praktyki
Specyfikacja
4 formaty eksportu
Kliknij kartę, aby powiększyć wytyczne.
Nakładka / Overlay
1440 × 1440 px
1:1
Główna ramka nakładana na zdjęcie profilowe. Przezroczysta strefa (photoArea) to miejsce na twarz użytkownika.
Post 1:1
1440 × 1440 px
1:1
Post kwadratowy na Instagram/Facebook. Zdjęcie w kole, tekst pod spodem.
Post 3:4
1440 × 1920 px
3:4
Post pionowy — więcej miejsca na tekst i grafiki. Zdjęcie w kole wyżej.
Stories 9:16
1440 × 2560 px
9:16
Instagram/Facebook Stories. Pełnoekranowy format pionowy.
Siatka i strefy
Pozycje kręgu ze zdjęciem (SPECS) — wartości w pikselach dla Canvas 1440 px
| Format | Canvas | Bez tekstu | 1 linia tekstu | 2+ linie tekstu |
|---|---|---|---|---|
| ● Post 1:1 | 1440 × 1440 | 900×900 @ (270, 270) | 800×800 @ (320, 240) | 700×700 @ (370, 220) |
| ● Post 3:4 | 1440 × 1920 | 1000×1000 @ (220, 380) | 900×900 @ (270, 350) | 800×800 @ (320, 320) |
| ● Stories | 1440 × 2560 | 1000×1000 @ (220, 620) | 900×900 @ (270, 560) | 800×800 @ (320, 520) |
| ● Nakładka | 1440 × 1440 | photoArea: przezroczysta strefa PNG wykrywana automatycznie | ||
Typografia
Font: Host Grotesk (Google Fonts), weight 700.
Rozmiar: max(12, round(circleW × 0.13)).
Maks. szerokość tekstu: canvasW × 0.63.
Kolor: #1A1A2E (light) / #FFFFFF (dark).
Jak projektować nakładki
1
Przezroczystość = strefa zdjęcia
W nakładce 1:1 zostaw przezroczysty obszar — tam system automatycznie umieści zdjęcie użytkownika. Im więcej przezroczystości, tym więcej twarzy widać.
2
Posty: tło + miejsce na koło i tekst
W postach (1:1, 3:4, stories) projektuj tło graficzne. System narysuje zdjęcie w kole na pozycji z tabeli SPECS, a tekst pod spodem. Nie rysuj koła — ono generuje się dynamicznie.
3
PNG, bez kompresji, 1440 px
Eksportuj jako PNG 32-bit z kanałem alfa. Rozdzielczość zawsze 1440 px szerokości. System automatycznie wykryje przezroczystą strefę i wygeneruje wszystkie warianty.
4
Dark mode = osobny plik
Każdy format ma wariant ciemny (overlay_dark, post_1x1_dark, itd.). Projektuj jako oddzielny plik z ciemnym tłem i jasną grafiką.