Pular para o conteúdo

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

Explorar as telas

Prévia do design de app mobile de fashion, totalmente editável no 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
LookbookTela 4
WishlistTela 5
Shopping BagTela 6

Sobre o 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.

Telas inclusas

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.

Principais recursos

  • 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

Para quem é

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

O que você pode criar

  • 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

Como usar este template

  1. 1

    Abrir o template

    Navegue pelas telas e veja a prévia do design completo para checar se combina com a sua ideia.

  2. 2

    Usar este template

    Abra sua própria cópia totalmente editável no Sleek com um clique.

  3. 3

    Editar com IA

    Mude a paleta, altere layouts e adicione ou remova telas só descrevendo o que você quer.

  4. 4

    Exporte e lance

    Exporte seu design ou entregue aos desenvolvedores, e continue construindo rumo ao lançamento.

Suas dúvidas, respondidas. Tudo o que você precisa saber antes de começar.

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.

Outra dúvida? Escreva para support@sleek.design.

Comece a desenhar seu app de fashion

Use no Sleek e torne-o seu: mude a paleta, edite qualquer tela com IA e exporte para código ou Figma.