Tailwind CSS 主页

展示

Shopify

Screenshot of the Shopify website hero. It contains a navbar with the Shopify logo, some menu items, and buttons to log in or start a free trial. The hero is split in two columns. To the right is a photo collage of people in different types of stores and screenshots of various parts of the Shopify product. To the left is a main headline. Above it is a button to watch a video about Shopify. Below is a subheadline and email form to start a free trial.
技术
React, Tailwind CSS
日期
网址
www.shopify.com
访问网站

Shopify

全新的 Shopify.com 网站。

Shopify 是全球最大、最受欢迎的电子商务解决方案之一，拥有超过 200 万家商家。Shopify 团队最近使用 React 和 Tailwind CSS 重新设计了他们的营销网站。

Screenshot of a feature section on the Shopify website showing different ways to buy on Shopify. There’s a headline with an all-caps eyebrow text above. To the right of the headline are a short description and a call to action to start selling. Below are three photos of people buying on Shopify via a website, a smartphone, and using Apple Pay in real life.
展示 Shopify 上不同购买体验的功能部分。
Screenshot of a call-to-action section on the Shopify website with a headline, a subheadline, and a button to start a trial. The text is black on a green gradient background. The button is black and pill-shaped with white text.
简单的号召性用语部分，黑色文本在绿色渐变背景上。
Screenshot of a feature section with a carousel showing the Shopify store builder. Each element is an animated gif; below the gif are three columns with descriptions, one for each feature. Above each description is an animated progress bar indicating when the next element is coming into view.
功能部分，带有轮播，展示 Shopify 商店构建器的三个部分。每个部分上方的线条是动画进度条，指示下一个轮播元素何时进入视野。轮播中的每个元素都是动画 GIF。
Screenshot of the Shopify website hero on a 375-pixel width mobile device. The hero is essentially the desktop version without the photo collage.
Screenshot of a section of the Shopify website on a 375-pixel width mobile device with a four-column row of links to different parts of the Shopify website. On mobile, the row is scrollable horizontally and functions as a carousel.
Screenshot of the Shopify site navigation on a 375-pixel width mobile device. The navbar takes over the entire screen below the navbar and has a sticky section at the button with buttons to log in and start a free trial. Each section in the navbar expands to show subsections.
Shopify 网站体验，在 375 像素宽的移动设备上。
Screenshot of a pricing table on the Shopify website with three tiers. One tier is highlighted as “Most Popular” with a darker background color and a border.
包含三个层级的价格表。
Screenshot of a feature comparison table on the Shopify pricing page where each pricing plan is compared feature by feature.
功能比较表，包含每个定价计划的详细信息。
Screenshot of the website footer on the Shopify website. The main area of the footer contains a Shopify logo and many links to different parts of the Shopify website and ecosystem. At the bottom are a country picker, links to the terms of service and privacy policy, and social icons for various social media platforms.
Shopify 网站上的网站页脚。