Przejdź do treści
ZOBACZ PROJEKT. WYBIERZ WYGLĄD. DOPASUJ DO SIEBIE.

Wybierz wygląd swojej nowej strony. Od projektu, który Ci się podoba, do strony z Twoją marką.

Obejrzyj gotową stronę i wybierz jej układ. Potem zleć AI dopasowanie kolorów, tekstów i zdjęć. OneDollarStock daje Ci edytowalny HTML oraz instrukcję projektu, na którym możesz pracować dalej.

Claude Code · Codex · Cursor · Gemini CLI
Aluna → Mira Studio
Oryginalny Aluna: studio urody w szałwiowych kolorach, ze zdjęciem w hero i wyśrodkowanym tekstem
AI ChatSkrót przykładowego polecenia
Ty

Pracuj na index.html i RECREATE.md Aluna. Zmień nazwę w nagłówku na Mira Studio i hero na fikcyjny koncept. Nagłówek: „Chwila spokoju. W Twoim rytmie.” Wstaw do hero dołączone zdjęcie aluna-serum.webp i ciepłą paletę z pełnego polecenia. Zachowaj układ, font Archivo i dolne sekcje. Przyciski nadal prowadzą do #services i #about. Zapisz plik i pokaż podgląd.

index.html · RECREATE.md
AI

Podgląd pokazuje przygotowany początek Mira Studio: inne zdjęcie, ciepłe kolory i nowe teksty hero. Porównaj go z Aluna. Układ oraz font Archivo są zachowane.

Przygotowany skrót rozmowy. Przycisk kopiuje pełne polecenie do edycji plików. Brak połączenia z AI na żywo.

Pełne polecenie do skopiowania

Aluna i przygotowana personalizacja początku fikcyjnego Mira Studio. Zmieniono nazwę w górnym pasku, treści hero, zdjęcie hero i globalną paletę. Układ i font Archivo pozostają. Teksty dolnych sekcji zachowano ze źródłowego Aluna po angielsku; to przykład zakresu zmian, nie pełna strona nowej marki.

Pliki projektu

Rozpakuj ZIP i udostępnij AI plik HTML, instrukcję oraz dołączone materiały.

index.htmlRECREATE.mdassets/
01 / WYBIERZ WYGLĄD, NA KTÓRYM CHCESZ PRACOWAĆ

Inspiracja, którą możesz zmienić w swoją stronę.

Otwórz pełny podgląd i wyobraź sobie własne treści w tym projekcie. Wybierz układ, który chcesz zachować; kolory, zdjęcia i teksty dopasujesz później.

01

Układ dla Twoich treści.

Czy potrzebujesz dużego zdjęcia, listy usług czy miejsca na realizacje? Sprawdź sekcje i ich kolejność w pełnym podglądzie.

02

Wygląd, który chcesz zachować.

Porównaj typografię, odstępy i sposób użycia zdjęć. Wybierz projekt, w którym możesz już zobaczyć swoją markę.

03

Sprawdź także telefon.

Otwórz podgląd na małym ekranie. Przejrzyj nagłówek, menu, obrazy i przyciski, zanim zdecydujesz się na szablon.

Pokazane projekty zawierają edytowalny HTML i instrukcję RECREATE.md. Dokładną zawartość paczki sprawdzisz na stronie szablonu.

02 / TWÓJ WYGLĄD NA WYBRANYM UKŁADZIE

Podoba Ci się układ? Nadaj mu własny charakter.

Poproś AI o konkretną zmianę koloru lub typografii i zachowanie kompozycji. Porównaj wersje w podglądzie, zanim wybierzesz tę, na której chcesz pracować dalej.

Mira Studio
Przygotowany początek Mira Studio: ciepłe kolory, zdjęcie serum oraz nagłówek Chwila spokoju. W Twoim rytmie. na zachowanym układzie Aluna
AI ChatPrzykładowe polecenie
Ty

Pracuj na zapisanym index.html Mira Studio. Zmień tylko typografię i odstępy hero: nagłówek na Georgia z serifowym fallbackiem, maksymalnie 96 px, interlinia 1.08, tracking nagłówka -.035em. Dodaj 34 px pod nagłówkiem, 160 px nad treścią hero i 190 px pod nią; tracking etykiety .12em. Zachowaj teksty, zdjęcie, kolory, przyciski do #services i #about oraz układ. Zapisz plik i pokaż podgląd.

AI

Ten sam początek Mira Studio ma teraz szeryfowy nagłówek i inne odstępy. Treści, ciepła paleta, zdjęcie i cele przycisków są zachowane. Porównaj podglądy, aby wybrać wygląd.

Dwie przygotowane wersje początku Mira Studio. Druga zmienia wyłącznie font, rozmiar i odstępy nagłówka oraz odstępy hero. Treści, globalna paleta, zdjęcie, układ i linki #services oraz #about pozostają takie same.
03 / TRZY RÓŻNE POMYSŁY NA WYGLĄD

Którą z tych stron widzisz jako swoją?

Porównaj fotografię, dużą typografię i ciemny projekt z animowanym niebem. Wybierz kompozycję, którą chcesz wykorzystać z własną marką.

Aluna / zdjęcia i spokojna paleta

Aluna / zdjęcia i spokojna paleta

Zdjęcie w hero, szałwiowe kolory i część z usługami. To układ do rozważenia, gdy własne fotografie mają nadawać stronie charakter.

Obejrzyj cały szablon
Aster Works / duża typografia i kolor

Aster Works / duża typografia i kolor

Liliowy projekt studia z abstrakcyjną grafiką i dużymi literami. Sprawdź go, jeśli chcesz oprzeć wygląd na wyrazistej kompozycji.

Obejrzyj cały szablon
Nightglass / ciemny projekt i niebo

Nightglass / ciemny projekt i niebo

Projekt obserwatorium z animowanym niebem. Obejrzyj efekt na swoich urządzeniach i sprawdź, czy taki charakter pasuje do Twojej strony.

Obejrzyj cały szablon
04 / WŁASNE TREŚCI. WŁASNY WYGLĄD.

Zobacz swój pomysł w wybranym projekcie.

Zacznij od swoich tekstów i materiałów. Zlecaj zmiany w istniejącej stronie, a potem sprawdzaj, jak Twoja marka wygląda w całym układzie i na telefonie.

01

Wybierz najbliższy układ.

Obejrzyj pełną stronę i wybierz projekt pasujący do Twoich treści.

02

Przekaż projekt AI.

Rozpakuj ZIP. Udostępnij HTML, RECREATE.md i dołączone materiały narzędziu, które edytuje pliki.

03

Dopasuj wygląd do siebie.

Opisz własne kolory, teksty i zdjęcia. Napisz też, które elementy układu mają pozostać.

Projekt i instrukcja w pakiecie

  • Własne teksty, kolory i zdjęcia w kompozycji, którą już wybrałeś.
  • Konkretne polecenia: zmień ten element, zachowaj pozostały układ.
  • Zapisane pliki i podgląd do porównania przed kolejną edycją.

Co jeszcze trzeba przygotować

  • Udostępnij pliki narzędziu, które potrafi je czytać, edytować i zapisywać. AI wybierasz i opłacasz osobno.
  • Sprawdź czytelność tekstu, menu, linki i zachowanie strony na telefonie po każdej edycji.
  • Hosting, domena oraz obsługa wiadomości, rezerwacji czy płatności wymagają osobnego wdrożenia.

Sprawdź personalizację na bezpłatnym Formwell.

Pobierz projekt i zleć AI jedną własną zmianę koloru lub tekstu. Otwórz podgląd i sprawdź, jak pracuje Ci się na gotowym układzie.

Pobierz Formwell bezpłatnie

WYBIERZ SWÓJ DOSTĘP

Weź jeden szablon. Albo całą bibliotekę szablonów stron www, zdjęć, mockupów, presetów i wiele więcej — w jednym planie PRO.

Wiesz już, który projekt wybierasz? Weź pojedynczy szablon. Chcesz testować różne kierunki? Wybierz dostęp PRO.

Pojedynczy szablon

Wybrany wygląd strony i pliki do dopasowania do Twojej marki.

138,97 PLN/ szablon

  • Wybrany projekt strony
  • Pliki źródłowe i instrukcje dla AI
  • Jednorazowa płatność
Wybierz wygląd mojej strony

PRO Yearly

Pełna biblioteka PRO: porównuj projekty i korzystaj z materiałów podczas aktywnej subskrypcji.

718,74 PLN/ rok

  • Pełna biblioteka szablonów stron
  • Zdjęcia, mockupy, presety, LUT-y i tekstury
  • Rok dostępu do biblioteki PRO
  • Automatyczne odnowienie co rok. Możliwa rezygnacja w dowolnym momencie.
Specjalna oferta Lifetime

PRO Lifetime

Stały dostęp do biblioteki PRO, gdy chcesz wracać po kolejne projekty i materiały.

Poprzednia cena2.870,37 PLN

953,60 PLN/ jednorazowo

  • Pełna biblioteka szablonów stron
  • Zdjęcia, mockupy, presety, LUT-y i tekstury
  • Dostęp Lifetime do biblioteki PRO
  • Jedna płatność. Bez corocznych odnowień.

Ceny dla licencji Commercial Use. Cena i podatki są potwierdzane w koszyku. Narzędzie AI, domena i hosting są osobno.

05 / PRZED WYBOREM SWOJEGO PROJEKTU

Sprawdź wygląd i to, co kupujesz.

Jak wybrać szablon, który pasuje do mojej strony?

Obejrzyj pełny podgląd. Sprawdź, czy układ daje miejsce na Twoje teksty, zdjęcia, usługi lub realizacje. Zwróć uwagę na kolejność sekcji i widok na telefonie. Wybierz kompozycję najbliższą temu, co chcesz pokazać; później możesz zlecić AI dopasowanie treści i wyglądu.

Co mogę zmienić, jeśli podoba mi się układ?

Pokazane projekty mają edytowalny HTML. Możesz zlecić AI zmianę tekstów, kolorów, fontów i zdjęć oraz poprosić o zachowanie wybranego układu. Możesz też przebudować kompozycję. Sprawdzaj zapisany plik i podgląd po edycji; wynik zależy od Twojego polecenia, materiałów i narzędzia.

Co dostanę po zakupie szablonu?

Pliki wybranego projektu. Pokazane szablony zawierają HTML, RECREATE.md z instrukcją wyglądu i dołączone materiały. Dokładną zawartość sprawdzisz na stronie produktu. Pobranie ZIP-a nie uruchamia publicznej strony ani nie podłącza usług, kont czy obsługi rezerwacji.

Czy mogę sprawdzić wygląd na telefonie przed zakupem?

Tak. Otwórz pełny podgląd wybranego szablonu na telefonie albo w wąskim oknie przeglądarki. Sprawdź menu, czytelność tekstu, obrazy i przyciski. Po wprowadzeniu własnych zmian sprawdź je ponownie. Nightglass zawiera animację WebGL, więc warto obejrzeć ją także na urządzeniach, z których będą korzystać odbiorcy.

Czy potrzebuję konkretnego narzędzia AI?

Wybierz narzędzie, któremu możesz udostępnić pliki strony do odczytu i edycji, na przykład Claude Code, Codex, Cursor lub Gemini CLI. Rozpakuj projekt i przekaż HTML, RECREATE.md oraz materiały. Przycisk na tej stronie kopiuje pełne przykładowe polecenie edycji; pliki udostępniasz osobno. Możliwości zależą od narzędzia i planu. OneDollarStock dostarcza projekt, a AI wybierasz i opłacasz osobno.

Wybierz projekt, w którym widzisz swoją stronę.

Obejrzyj pełny podgląd. Wybierz kompozycję, a potem dopasuj ją do własnej marki na plikach szablonu.