Co dostajesz
- Jeden plik HTML z osadzonymi fontami i obrazami, bez żądań sieciowych
- Strona główna z hero z pochyloną kartą, siatką funkcji w stylu bento, historią przepływu pracy, opiniami, cennikiem i rejestracją
- Lista zmian, historia klienta, logowanie, strony prawne i 404
- Walidator, który wyłapuje zepsute linki, brakujące teksty alternatywne i pozostałe przykładowe nazwy
- Opcjonalne portrety i zdjęcia do historii z PopNow po wycenie w kredytach
Sprawdzi się przy
- Strony premierowe dla SaaS i narzędzi deweloperskich
- Pełna strona marketingowa, która od pierwszego dnia ma wyglądać na gotowy produkt
- Przeprojektowanie ciemnej strony produktu z działającym cennikiem i formularzami
Nie nadaje się do
- Jasne lub pastelowe marki: projekt jest tylko ciemny
- Sklepy internetowe i blogi z dużą ilością treści
- Strony, które muszą pokazać prawdziwy zrzut ekranu produktu w hero
Jak z niej korzystać
W Claude lub ChatGPT
Użyj umiejętności PopNow „Ciemny landing page SaaS” (dark-saas-landing-page) do tego: Zbuduj landing page dla Tally, narzędzia do alertów dyżurowych dla małych zespołów inżynierskich. Trzy plany: Free, Team 12 $/użytkownika, Business 24 $/użytkownika.
W agencie do programowania
/popnow-dark-saas-landing-page Zbuduj landing page dla Tally, narzędzia do alertów dyżurowych dla małych zespołów inżynierskich. Trzy plany: Free, Team 12 $/użytkownika, Business 24 $/użytkownika.
Potem spróbuj
Wygeneruj trzy portrety do sekcji z opiniami i najpierw podaj cenę.
Przenieś to do mojej aplikacji Next.js pod app/(marketing).
Co przygotować
- Nazwa produktu, co robi i główny efekt
- 4-5 funkcji, 3-4 kroki przepływu pracy i twoje plany cenowe
- Prawdziwe opinie i liczby albo zgoda na wypełniacze
- Opcjonalnie: klucz API PopNow lub zdjęcia twojego zespołu
Podobne umiejętności
Zobacz wszystkie →Kreator awatarów 3D
+3Zbuduj w przeglądarce uroczą pluszową postać 3D i zapisz ją jako przezroczysty PNG albo stronę 3D.
Heatmapa kalendarzowa
+3Rok codziennej aktywności jako cieniowana siatka kalendarza, z seriami, sumami i obsługą klawiatury.
Strona lądowania SaaS AI
+3Ciepły piaszczysty papier i żywa tablica kanban, na której asystent planuje zadania i przesuwa karty.
Animowana sekcja hero
+3Sekcja hero dla landing page z płynnie zmieniającym się słowem w nagłówku, dwoma przyciskami i szeroką ramką na obraz.
Strona agencji kreatywnej z shaderem
+3Żywy pomarańczowy shader w hero, przyklejone hasło, zaokrąglone menu i siatka case studies.
Strona portfolio projektanta
+3Sześć przechylonych kart wokół blednącego nagłówka, jedna czerwona karta portretu, redakcyjne case studies.
Strona portfolio programisty
+3Ciemna strona osobista dla inżynierów z case studies, artykułami, wystąpieniami, CV i formularzem kontaktowym.
Redakcyjna strona SaaS
+3Granatowe dzielone hero, szeryfowy nagłówek obok zdjęcia dokumentalnego, skośne pasma i kobaltowy akcent.
Szablon strony glassmorphism
+3Matowe szklane pigułki na prawie czarnym tle, ogromny szeryfowy nagłówek i zapis e-mail.
Strona produktu sprzętowego
+3Ogromne cienkie nazwy modeli na srebrnych zdjęciach, matowe karty specyfikacji i linia produktów w skali.
Interaktywny diagram architektury
+3Klikalny diagram systemu offline, zbudowany ze sprawdzonego modelu JSON, z dowodami do każdego bloku.
Interaktywne hero z siatką
+3Ciemna siatka cienkich nici, która zagina się ku kursorowi i puszcza świecący pierścień z każdego kliknięcia.
Interaktywny graf wiedzy
+3Zamień notatki z projektu w przeszukiwalny graf offline, w którym każde twierdzenie prowadzi do wiersza źródła.
Szablon pulpitu KPI
+3Cztery kafle KPI ze znacznikami zmian nad wykresem liniowym, tabelą podziału i słupkami celów.
Strona lądowania z makiet AI
+3Najpierw zobacz trzy projekty pełnej strony, wybierz jeden, a agent zbuduje go jako czysty kod.
Szablon strony magazynu
+3Strona magazynu w jakości druku z artykułami, tematami, małym sklepem i prenumeratą, jako jeden plik HTML.
Hero z animacją cząsteczek
+3Tekst na ciepłym papierze obok obracającej się kuli z kropek, która zmienia kształt przy każdym pomyśle.
Strona marki osobistej
+3Portret wtopiony w ciepły papier pod cienkim nawiasem, z mocnymi hasłami po obu stronach.
Filmowa strona premiery produktu
+3Prawie czarna strona w świetle filmowym: szeryfowa karta tytułowa, nocna scena i formularz rezerwacji.
Szablon panelu administracyjnego
+3Działająca konsola zaplecza z wykresami, tabelami, tablicą kanban i kalendarzem, jako jeden plik HTML offline.
Szablon landing page SaaS
+3Spokojna, jasna strona marketingowa produktu software z działającą konsolą produktu, cennikiem i rejestracją.
Strona CV i portfolio w stylu scrapbooka
+3Wielostronicowe CV online z papierowych przedmiotów, z case studies i życiorysem do druku.
Szablon sklepu ze sneakersami
+3Kompletny sklep z obuwiem lub odzieżą: katalog, strony produktów, koszyk i demonstracyjna kasa w jednym pliku HTML.
Strona lądowania automatyzacji przepływów
+3Grafitowa strona, mały nagłówek i żywy graf węzłów, który działa, ponawia i strumieniuje logi.
Pytania
Czy strona wymaga frameworka lub kroku budowania?
Nie. Domyślnie powstaje jeden plik HTML, który otworzysz z dysku lub wrzucisz na dowolny hosting statyczny. Jeśli masz już projekt w React, Vue, Svelte lub Astro, umiejętność odtworzy te same sekcje jako komponenty.
Co generuje tu PopNow?
Tylko zdjęcia: portrety do opinii, małe zdjęcia w pasku z rekomendacjami i obrazy do historii klienta. Hero to rysowany ekran produktu, więc nie potrzebuje obrazu. Każde uruchomienie jest najpierw wyceniane w kredytach i startuje dopiero po twojej zgodzie.
Czy mogę jej użyć bez klucza API PopNow?
Tak. Umiejętność zachowuje dołączone zastępcze portrety pod nowymi nazwiskami lub przechodzi na awatary z inicjałami i mówi, które miejsca wciąż potrzebują prawdziwych zdjęć.
Co się dzieje z przykładową marką i osobami?
Są zastępowane. Walidator zgłasza błąd, jeśli w gotowej stronie zostanie jakakolwiek przykładowa nazwa produktu, osoba lub firma, a wszystko, co umiejętność musiała wymyślić, trafia na listę do twojego potwierdzenia.