Shopify

E-commerce platform. Dark-first cinematic, neon green accent.

霓虹绿深色电商轻量级字体电影感

配色方案

primary

background

surface

text

muted

border

标题字体Inter, system-ui, sans-serif

正文字体Inter, system-ui, sans-serif

基础字号16px

行高1.3

字重300, 400, 500, 600, 700

h1Shopify Heading

h2Shopify Heading

h3Shopify Heading

h4Shopify Heading

# Shopify Design System

## Visual Theme & Atmosphere
Cinematic e-commerce. Dark-first with neon green accents. Ultra-light headings.

E-commerce platform. Dark-first cinematic, neon green accent.

Shopify 的主色调是 #96BF48，背景色为 #0F0F0F，文本色为 #FFFFFF。

标题字体: Inter, system-ui, sans-serif。正文字体: Inter, system-ui, sans-serif。基础字号: 16px。

点击上方 DESIGN.md 代码块中的复制按钮，将完整设计规范复制到你的项目中。AI Coding 工具（如 Cursor）可以直接读取 DESIGN.md 来生成符合 Shopify 风格的代码。

发现 50+ 精选设计系统，为你的 AI Coding 项目提供设计灵感。