Website-Vorlage
Ecommerce React Template
Turnkey online store with a React frontend, Node.js backend and PostgreSQL, including product listings, a blog CMS, Stripe payments, authentication and an admin dashboard. Originally $119+, free since January 2025.
Die Beschreibung dieser Vorlage ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
Dashboard · SaaS · Kostenlos
Seiten
Screenshots der Live-Demo, Seite für Seite. Scrollen Sie innerhalb einer Seite, um sie ganz zu sehen.
Design-Analyse
Eine KI-Auswertung des Designs dieser Vorlage: Farben, Typografie, Abstände, Abschnitte und markante Details. Ottermind startet damit, wenn Sie die Vorlage verwenden.
Diese Analyse ist noch nicht auf Deutsch verfügbar und wird daher auf Englisch angezeigt.
- Overall
e-commerce, clean minimalism, low density, light
- Palette
background #ffffff; surfaces [#262626,#000000]; text #262626; muted text #555555; primary #bd744c; accents []
- Type
headings Montserrat, 700, sentence-case; body Montserrat, 14px; scale h1 35px / h2 28px / h3 25px
- Shape & spacing
button/card radius 0; borders none; shadows none; section spacing 60px; content width 1140px
- Sections (top to bottom)
- Header — horizontal nav with logo left, menu center, icons right; white background
- Hero — full-width image with overlay text on left, CTA button below headline; light gray background
- New Arrivals — centered title and paragraph above four product thumbnails in row; white background
- About Us — two-column layout with article list on left, images on right; white background
- Shop — left sidebar with filters (categories, price slider, brands), grid of six product cards on right; white background
- Signature details
- Minimalist sans-serif typography throughout
- Primary color used only for CTAs and category labels
- Clean, uncluttered layout with generous whitespace
- Product cards with consistent padding and no borders
- Horizontal rule under article summaries
- Price range slider with labeled min/max values
- Other pages
- /about: two-column layout with blog-style articles and paired images
- /shop: filter sidebar with checkboxes and slider, product grid with hover states
Details zur Vorlage
- Kategorie
- Dashboard, SaaS, E-commerce
- Autor
- flatlogic
- Gelistet auf
- 21st.dev
- Preis
- Kostenlos
- Dashboard
- SaaS
- Ecommerce
Originaldesign von flatlogic, gelistet auf 21st.dev. Ottermind kopiert nicht den Code der Vorlage, sondern erstellt aus dem Briefing eine neue Website.
Das Briefing, mit dem Ottermind startet
Es öffnet sich in Studio als Entwurf – ergänzen Sie Marke, Zielgruppe und Seiten, bevor Sie es senden.
Build a dashboard website inspired by the "Ecommerce React Template" template. Reference brief: Turnkey online store with a React frontend, Node.js backend and PostgreSQL, including product listings, a blog CMS, Stripe payments, authentication and an admin dashboard. Originally $119+, free since January 2025. Style and features to reflect: Ecommerce. Use original copy and imagery for my brand rather than the reference's placeholder content.
So verwenden Sie diese Vorlage
- 1
Klicken Sie auf „Diese Vorlage verwenden“, um sie mit ausgefülltem Briefing in Ottermind Studio zu öffnen.
- 2
Ergänzen Sie das Briefing um Marke, Zielgruppe, Seiten und Inhalte.
- 3
Ottermind erstellt eine neue Website, inspiriert von diesem Design – im Chat verfeinern Sie sie weiter.
