页面
在线演示的逐页截图，在页面框内滚动可查看完整页面。
设计解读
AI 对这套模板设计的解读：配色、字体、间距、区块和标志性细节。使用模板时，Ottermind 会以它为起点。
这份解读暂时还没有中文版本，先以英文显示。
- 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
模板信息
- 分类
- Dashboard, SaaS, E-commerce
- 作者
- flatlogic
- 来源
- 21st.dev
- 价格
- 免费
- Dashboard
- SaaS
- Ecommerce
原始设计来自 flatlogic，发布于 21st.dev。Ottermind 不会复制模板代码，而是根据需求生成一个全新的网站。
Ottermind 起步用的需求
它会作为草稿在 Studio 中打开，发送前先补充你的品牌、受众和页面。
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.
如何使用这个模板
- 1
点击「使用这个模板」，在 Ottermind Studio 中打开并自动填入需求。
- 2
在需求里补充你的品牌、受众、页面和内容。
- 3
Ottermind 以这套设计为灵感生成一个全新网站，你可以在对话中继续修改。
