跳到主要内容

Luxe Monochrome Editorial

Fashion App Design Template

Vésper is a luxe editorial fashion shopping app design, built for founders and designers launching a high-end commerce product with a quietly expensive look.

Fashion design app home screen with editorial campaign hero and category tiles
Fashion design app new arrivals listing screen with two-column product grid
Fashion design app product detail screen with photo gallery and size selector

探索各界面

预览 fashion 移动应用设计,可在 Sleek 中完整编辑。

Fashion design app home screen with editorial campaign hero and category tiles
Fashion design app new arrivals listing screen with two-column product grid
Fashion design app product detail screen with photo gallery and size selector
Lookbook第 4 屏
Wishlist第 5 屏
Shopping Bag第 6 屏

关于 Fashion App

Vésper is a fashion shopping app design template built around a Luxe Monochrome Editorial look: a porcelain-white canvas, ink-black text, warm sand neutral section blocks, and a single muted gold reserved for sale prices and primary actions. A high-contrast editorial serif carries the brand name and headlines while a clean grotesque sans handles UI and prices, with lots of tracking on small uppercase labels. Black and white let full-bleed garment photography carry all the color, the way a printed fashion editorial does.

The template ships six connected screens that form a complete shopping flow: a Home with an editorial campaign hero and category tiles, a New Arrivals listing with filter and sort, a Product detail with a swipeable gallery and size selector, a magazine-style Lookbook with shoppable tags, a Wishlist photo grid, and a Shopping Bag with subtotal and a gold checkout button. Crisp rounded cards, thin hairline dividers, and a flat bottom tab bar keep every screen calm and boutique-quiet.

Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your store needs. Then export it to code, copy it into Figma with no plugin, or hand a prompt to an AI agent to build it for real, a far faster start than a blank canvas.

包含的界面

01

Home

A full-width editorial campaign hero with a 'New Arrivals' eyebrow and a 'Shop Now' button, followed by Women, Men, and Bags category tiles and a trending row. The aspirational entry point that sets the boutique tone.

02

New Arrivals

A two-column product grid with photo, brand, name, and price above a filter and sort bar, including a struck-through sale price in gold. The browse-and-discover surface.

03

Product Detail

A full-bleed swipeable photo gallery with share and wishlist icons, brand, name, gold price, a size selector, and a square 'Add to Bag' button. Where shoppers commit to a piece.

04

Lookbook

A magazine-style vertical scroll of styled looks like 'Structural Simplicity', each with a shoppable product chip showing item and price. Turns editorial inspiration into purchases.

05

Wishlist

Saved pieces as a clean photo grid with brand, name, price, per-item 'Add to Bag' buttons, and a 'Sold Out' state on unavailable items. Keeps coveted garments in one place.

06

Shopping Bag

Selected items with size, color, quantity steppers, line prices, a promo code field, and a subtotal with complimentary shipping above a gold checkout button. The final step to purchase.

核心功能

  • Luxe Monochrome Editorial aesthetic: porcelain white, ink black, sand neutral
  • Single muted-gold accent for sale prices and primary actions
  • High-contrast editorial serif paired with a clean grotesque sans
  • Full-bleed editorial product photography on every screen
  • Two-column product grid with filter and sort bar
  • Swipeable product gallery with size selector and add-to-bag
  • Magazine-style lookbook with shoppable tags
  • Crisp rounded cards, hairline dividers, and a flat bottom tab bar

适合谁

Founders launching a high-end fashion commerce MVP
Product designers needing an editorial shopping-app starting point
Indie developers building a boutique retail app
Fashion brands prototyping a mobile storefront

你可以做什么

  • Launch an MVP for a luxury fashion store
  • Mock up screens for an investor or brand pitch
  • Hand a consistent, editorial UI off to developers
  • Explore a redesign of an existing shopping app

如何使用此模板

  1. 1

    打开模板

    浏览各界面并预览完整设计,看看是否契合你的想法。

  2. 2

    使用此模板

    一键在 Sleek 中打开你自己的完全可编辑副本。

  3. 3

    用 AI 编辑

    只需描述你想要的效果,就能重设配色、改布局、增删界面。

  4. 4

    导出并上线

    导出设计或交给开发者,继续推进上线。

有问必答。 开始之前你需要了解的一切。

How do I build a fashion app from this template?
Click "Use this template" to open it in Sleek as your own editable project, then shape it by describing the changes you want: restyle the palette, swap the photography, and add the flows your store needs. You start from six complete screens instead of a blank canvas, so you reach a working fashion design app far faster.
What screens are included in this fashion shopping app design template?
Six connected screens: Home, New Arrivals listing, Product detail, Lookbook, Wishlist, and Shopping Bag. Together they cover the core shopping flow of a real fashion app, from browsing campaigns to adding sizes and checking out.
Can I customize the fashion app design?
Yes. Use the template in Sleek and edit any screen by chatting with the AI: change the colors, type, layouts, and product content, or add and remove flows. There's no manual redraw; you describe the change and it's applied.
Is this fashion shopping app design template free to use?
You can open and explore the design for free, then use it in your own Sleek project to build on it. Editing and exporting follow Sleek's standard plans.
Can I export the design to code or Figma?
Yes. Sleek exports your design as code, copies straight into Figma with no plugin, or hands you a ready-made prompt that an AI agent like Claude Code or Cursor can use to build it into a real, working app.
Is this template suitable for a luxury or boutique fashion brand?
Absolutely. The editorial hero, lookbook, and full-bleed product photography are built for a quietly expensive, high-fashion feel. Adjust the brand name, palette, and imagery to match your label.

还有其他问题?请发邮件至 support@sleek.design。

开始设计你的 fashion 应用

在 Sleek 中使用并改成你的:重设配色、用 AI 编辑任意界面,再导出为代码或 Figma。