Ten dokument testuje wszystkie elementy HTML, znaczniki i bloki. Każdy element poniżej powinien być ostylowany przez zaimportowany szablon. Jeśli jakiś element nie wygląda prawidłowo, szablon wymaga poprawy.
🏔️ hero
To jest przykładowa sekcja hero z gradientowym tłem, tytułem, podtytułem i przyciskiem CTA.
Przycisk CTA🖼️ heroSplit
Lewa strona: nagłówek i tekst. Prawa strona: obrazek lub grafika. Idealne do prezentacji produktów lub usług z ilustracją.
Dowiedz się więcej →✨ heroMinimal
Tylko nagłówek i CTA, bez zbędnych elementów — czysta esencja przekazu.
Rozpocznij współpracę →📄 pageTitle
📌 sectionHeader
Opcjonalny podtytuł z dodatkowym kontekstem dla czytelnika
📝 content
To jest blok treści z pełnym formatowaniem HTML: kursywa, pogrubienie, linki, zaznaczony tekst, mały tekst oraz kod inline. Obsługuje wszystkie znaczniki HTML z listy w sekcji 3.5 specyfikacji.
📰 contentColumns
Treść w pierwszej kolumnie. Blok contentColumns obsługuje układ 2-4 kolumnowy, automatycznie dostosowujący się do szerokości ekranu.
Treść w drugiej kolumnie. Na urządzeniach mobilnych kolumny układają się jedna pod drugą dla lepszej czytelności.
🖼️ media
Podpis pod obrazkiem — opcjonalny
🖼️ mediaText
MediaText łączy obrazek z towarzyszącym mu tekstem. Na mobile obrazek wyświetla się nad tekstem.
gallery
gallerySlider
video
audio
Blok kodu z syntax highlighting
Wyróżniony cytat z autorem
🛍️ productList · 📦 productCard
📋 productDetail · ⭐ productFeatured · ⚖️ productComparison · 🎠 productCarousel · 🔍 productFilter · 🛒 cartSummary · 💰 priceTable · 🛒 addToCart
💰 priceTable · ⚖️ productComparison
| Plan | Cena | Funkcje | |
|---|---|---|---|
| Basic | 99 zł/mies. | 5 produktów, wsparcie email | Wybierz |
| Pro | 249 zł/mies. | Nielimitowane, wsparcie 24/7, API | Popularny |
| Enterprise | Indywidualnie | Wszystko z Pro + dedykowany opiekun | Kontakt |
📢 cta
Dołącz do grona naszych zadowolonych klientów i rozpocznij transformację swojego biznesu.
🎯 ctaBanner · 🎉 promoBanner · 📌 ctaSticky · 📬 newsletter · 👥 socialProof · ⏱️ countdown · 📝 leadForm
-20% na wszystkie produkty do końca tygodnia
Kup terazOtrzymuj najlepsze oferty i porady na swoją skrzynkę
💬 testimonial · 💬 testimonialCarousel
"Współpraca z Designer całkowicie zmieniła nasze podejście do zarządzania. Profesjonalizm na najwyższym poziomie!"
Anna Kowalska
Dyrektor Operacyjny, Firma XYZ sp. z o.o.
📊 stats · 🔢 statsCounter
Klientów
Produktów
Satysfakcji
Wsparcie
📊 table · 📱 tableResponsive
| Produkt | Cena netto | VAT | Brutto |
|---|---|---|---|
| Produkt A | 100.00 zł | 23% | 123.00 zł |
| Produkt B | 250.00 zł | 8% | 270.00 zł |
| Usługa C | 500.00 zł | 23% | 615.00 zł |
⏳ timeline · ⏳ timelineHorizontal · 📈 chart · 📊 progress · 🗺️ map · 📅 calendar
Rozpoczęcie działalności z 3-osobowym zespołem
Wejście na 5 nowych rynków, 50+ pracowników
Pozycja lidera w branży, 250+ klientów, 15 tys. produktów
📋 accordion
📑 tabs
❓ faq · 🔍 search · 🔍 filter · 🪟 modal · 📋 dropdown · 💡 tooltip
Pozostałe bloki interaktywne wymagają JavaScript do pełnej funkcjonalności:
👥 team · 👤 teamMember
CEO
Zarządzanie i strategia rozwoju
CTO
Technologia, architektura, innowacje
CMO
Marketing, komunikacja, brand
🔗 socialLinks · 📱 socialFeed · 💬 comments · ⭐ rating · 📤 share
🏆 productShowcase
Motto / slogan produktu
Pełna prezentacja produktu — intro zaczyna się w prawej kolumnie. Blok productShowcase układa tytuł i obrazek po lewej, a tekst intro i przyciski CTA po prawej. Cena poniżej obrazka.
📐 productSpecs
🎨 productVariants · 💎 productUsp · 📏 productDimensions · 📥 productDownloads · 🔗 productCrossSell
Warianty: kolor, rozmiar, pojemność
Unikalne cechy — dlaczego ten produkt
Akcesoria i produkty powiązane
📍 ctaInline
🪜 ctaMultiStep
⚖️ ctaComparison · 🎥 ctaVideo · 📋 ctaForm · 🎀 ctaRibbon · 🛡️ ctaGuarantee
Porównanie "przed/po" lub "z nami/bez nas". Pokazuje wartość dodaną rozwiązania w kontraście do stanu obecnego.
CTA z gwarancją satysfakcji, zwrotu pieniędzy lub odwrócenia ryzyka. Buduje zaufanie i obniża barierę zakupową.
📊 pitchDeck
Firmy tracą 30% przychodów przez nieefektywne procesy zarządzania.
Platforma AI automatyzująca procesy — oszczędność 15h/tydzień.
Globalny rynek wart 50 mld USD, rosnący 25% rocznie.
SaaS — subskrypcja miesięczna od 199 zł za użytkownika.
💡 ideaCard
AI do preselekcji CV i onboarding
Monitorowanie śladu węglowego w real-time
Robotic Process Automation dla małych firm
🧩 businessModel · 📈 marketSize · 🚀 traction · 🏟️ competitorMatrix · 🗺️ roadmap · 💰 investorCta
Zainteresowany inwestycją? Pobierz nasz pitch deck i skontaktuj się z nami.
🏅 references · 🏢 clientLogos
Firma A S.A.
Grupa B sp. z o.o.
Instytut C
Korporacja D
Fundacja E
📖 caseStudy · 📚 caseStudyList
Problem: nieefektywne procesy magazynowe. Rozwiązanie: system WMS od Designer. Rezultat: +40% wydajności, -25% kosztów.
Czytaj więcej →Wdrożenie kompleksowego systemu zarządzania dla grupy kapitałowej. Efekt: pełna integracja 5 spółek, oszczędność 200 tys. zł rocznie.
Czytaj więcej →📜 certificates · 📰 pressMentions · 🔒 trustBadges · 🎓 expertQuote
ISO 9001
CE
ISO 14001
GDPR
SSL
"Designer to jeden z najbardziej innowacyjnych graczy na rynku. Ich podejście do automatyzacji procesów wyznacza nowe standardy w branży."
🔧 problemSolution
Wysokie koszty magazynowania
System WMS redukuje koszty o 30% poprzez optymalizację przestrzeni i automatyzację procesów
Długi czas realizacji zamówień
Automatyczny picking i kompletacja skracają czas realizacji z 48h do 4h
Błędy w inwentaryzacji
RFID i skanery eliminują błędy — dokładność inwentaryzacji 99.9%
😣 painPoints · 🔄 beforeAfter · ⚙️ howItWorks · ✅ checklist · 🔬 diagnosticTool · 🛠️ troubleshooting
Poznajemy Twoje potrzeby
Projektujemy rozwiązanie
Instalujemy i konfigurujemy
Monitorujemy i ulepszamy
✅ checklist
🎯 useCases
Materiały izolacyjne, geosyntetyki, chemia budowlana
Maszyny, urządzenia pomiarowe, systemy kontroli
Sprzęt diagnostyczny, materiały sterylne
🏗️ applicationArea · 🏭 industryApplications · 🎬 scenarioCard · 🔌 compatibilityList · 🔨 installationSteps · 🧹 maintenanceGuide
🏗️ systemOverview
Kompleksowe rozwiązanie do zarządzania procesami magazynowymi — od przyjęcia towaru po wysyłkę. Integruje się z systemami ERP, e-commerce i kurierami.
Rejestracja dostaw, kontrola jakości, etykietowanie
Optymalizacja miejsca, lokacje, rotacja
Picking, packing, weryfikacja
Generowanie listów przewozowych, integracja kurierska
🧱 systemComponents · 🔀 integrationDiagram · 🔄 workflowSteps · ⚖️ solutionComparison · 📦 bundleOffer · 📋 systemRequirements
WMS + 5 użytkowników + wsparcie email
WMS + TMS + 20 użytkowników + API
Wszystkie moduły + dedykowany opiekun
🃏 serviceCard · 📋 serviceList
Kompleksowa analiza infrastruktury IT i rekomendacje usprawnień
Dowiedz się więcej →Instalacja, konfiguracja i integracja systemów zarządzania
Dowiedz się więcej →🔄 serviceProcess
💲 servicePricing · ✨ serviceFeatures · 🛡️ serviceGuarantee · 📞 serviceCta
Potrzebujesz wyceny? Zadzwoń: 814 608 814 lub napisz: design@structum.pl
Bezpłatna konsultacja🖼️ portfolioGrid
✅ Wszystkie 120 bloków w 15 grupach zaprezentowane | Szablon: Designer
📞 814 608 814 | 📧 design@structum.pl
Strona demonstracyjna systemu szablonów — Specyfikacja szablonów