Best design styles for online stores & ecommerce
온라인 스토어는 느낌으로 판매합니다. 상품은 매력적으로 보여야 하고 결제까지의 흐름은 자연스러워야 하며, 전체 스토어가 1초 안에 신뢰감을 줘야 합니다. Curio에서 고른 아래 스타일은 이 조건을 충족하며, 모두 AI가 MCP 또는 DESIGN.md 다운로드로 적용할 수 있는 완전한 시스템입니다.
이커머스에 어울리는 스타일의 조건
전환되는 스토어에는 공통점이 있습니다. 상품 이미지와 경쟁하지 않고 돋보이게 하는 색상, 가격·상품명·CTA 사이의 명확한 타이포그래피 위계, 상품을 고급스럽게 보이게 하는 넉넉한 여백, 중요한 버튼에 단호하게 쓰는 강조색입니다. 스타일은 상품을 주인공으로 만들고 구매 버튼을 분명히 보여 줘야 합니다.
아래의 각 스타일은 템플릿이 아니라 색상, 타이포그래피, 간격, 컴포넌트, 규칙을 갖춘 완전한 디자인 시스템입니다. AI에 지정하면 그 스타일로 스토어를 만듭니다. "What is it"에서 전체 가이드를, "View spec"에서 시스템을 확인할 수 있습니다.
The styles
-
1
Aesop
Refuses urgency. Walnut serif on cream paper — every surface paced like a 19th-century apothecary.
-
2
Danish PH5 Louis Poulsen (1958)
Engineered, not styled. Blue-gray ground, brass hairlines, and a precise shade diagram.
-
3
Etsy Handmade
A digital craft fair, in orange. Hand-drawn accents, cream backgrounds, deliberately imperfect.
-
4
Italian Gelato Shop
Warmth is hand-scooped. Pistachio green, cream panels, high-contrast serif, chalk script.
-
5
Kintsugi & Urushi Lacquer
Breakage becomes ceremony. Urushi black-brown carries gold seams and asymmetric type.
-
6
Klarna
Fintech turns fashion-editorial. Dusty bubblegum pink, black Inter, and white space do all.
-
7
MUJI
Anti-brand restraint. Cream paper, kraft brown, and regular Inter leave only essentials.
-
8
Persian Isfahan Carpet
Ceremony in every knot. Midnight blue frames a saffron medallion and mirrored borders.
-
9
Russian Matryoshka 1890
Warmth nests inward. Birch, cream, russet, and egg-oval type stage handmade depth.
-
10
Tiffany & Co
Romance in one blue. Robin's-egg panel, cream mount, airy serif restraint.
-
11
Acne Studios Pink-Paper
Quiet luxury in one pink plane. Inter type floats on white with a bag-like rectangle.
-
12
Allbirds
Sustainability that breathes. Cream-and-sage tones, carbon labels next to prices, never preachy.
FAQ
홈페이지만이 아니라 상품 페이지와 결제에도 적용되나요?
각 스타일은 색상, 타이포그래피, 간격, 컴포넌트 규칙을 포함한 완전한 시스템입니다. 따라서 AI가 홈페이지뿐 아니라 상품 목록, 상세 페이지, 장바구니, 결제에도 일관되게 적용합니다.
이 스타일을 스토어에 어떻게 적용하나요?
Curio의 MCP 서버를 AI 클라이언트(Claude Code, Cursor, ChatGPT 등)에 연결하고 선택한 스타일로 스토어를 만들도록 요청합니다. 또는 해당 스타일의 DESIGN.md를 다운로드해 프로젝트에 추가합니다.