跳到主要内容

Warm Editorial Gallery

Interior Design App UI Template

Atelier is a warm, magazine-style interior design app for founders and designers building a home inspiration and shop-the-look product.

Interior design app explore feed with masonry room photos and style tags
Interior design app Japandi style category gallery with editorial intro
Interior design app room detail screen with hero photo and shop-the-look list

探索各界面

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

Interior design app explore feed with masonry room photos and style tags
Interior design app Japandi style category gallery with editorial intro
Interior design app room detail screen with hero photo and shop-the-look list
Product Detail第 4 屏
Boards第 5 屏
Board Detail第 6 屏

关于 Interior Design App

Atelier is an interior design app template with a "Warm Editorial Gallery" look: a plaster-warm canvas, soft charcoal text, stone-grey metadata, and a single earthy terracotta accent reserved for the save action. An elegant serif carries room titles and section headers like a home magazine spread, while a quiet sans handles UI labels and prices, so the photography does the talking.

The template includes the full inspiration-to-purchase flow: an Explore feed of styled rooms in a masonry grid with style tags, filterable style galleries (Japandi, Mid-Century, Coastal, Minimalist, Modern), a room detail with a shop-the-look product list, a product detail with dimensions and materials, plus saved Boards and a board detail with curated items and collaborators. A floating translucent tab bar and a soft circular bookmark button overlaid on every photo tie the screens together.

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 app 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, far faster than starting from a blank canvas.

包含的界面

01

Atelier Explore

A masonry feed of styled interiors with style tags like Japandi, Mid-Century, Coastal, and Modern, each with a bookmark button and a filter row across the top. This is the browse-and-discover entry point.

02

Style Category

A filtered gallery for one style with a short editorial intro, here Japandi described as Scandinavian functionality meeting Japanese minimalism. It groups rooms by aesthetic so users can dive into a single look.

03

Room Detail

A large hero room photo with a style label, an editorial title, a short description, and a "Shop the Look" list of products with prices. It turns a saved room into shoppable items.

04

Product Detail

A product photo with name, price, designer collection, dimensions, and materials, plus share and save-to-board actions. It gives buyers the specifics behind each piece.

05

Boards

Saved collections shown as cover-photo tiles like Living Room and Dream Kitchen, each with an item count and an add button. The home for organizing inspiration.

06

Board Detail

The contents of one board, mixing saved rooms and products with a filter row, item count, and shared collaborators. It shows everything gathered for a single space.

核心功能

  • Warm Editorial Gallery palette: plaster canvas, charcoal ink, one terracotta accent
  • Editorial serif headings paired with a humanist sans for UI and prices
  • Masonry photo grid with 20px rounded image cards and generous whitespace
  • Soft circular bookmark save button overlaid on every photo
  • Floating translucent tab bar
  • Style-tagged explore feed with filterable categories
  • Shop-the-look product lists on room detail screens
  • Saved boards with cover tiles, item counts, and shared collaborators

适合谁

Founders validating an interior design or home inspiration app
Product designers needing a polished home-decor app starting point
Indie developers building a shop-the-look or furniture app
Home and lifestyle brands prototyping a curated catalog experience

你可以做什么

  • Launch an MVP for an interior design inspiration app
  • Mock up shop-the-look screens for an investor pitch
  • Hand a complete, consistent home-decor UI to developers
  • Explore a redesign of an existing furniture or decor app

如何使用此模板

  1. 1

    打开模板

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

  2. 2

    使用此模板

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

  3. 3

    用 AI 编辑

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

  4. 4

    导出并上线

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

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

How do I build an interior design app from this template?
Click "Use this template" to open Atelier in Sleek as your own editable project, then shape it by describing the changes you want: restyle the palette, edit any screen, and add the flows your app needs. You start from six connected screens instead of a blank canvas, so you can build an interior design app UI faster.
What screens are included in this interior design app template?
Six connected screens: Explore, Style category, Room detail, Product detail, Boards, and Board detail. Together they cover the full flow from browsing styled rooms to shopping the look and saving items into boards.
Can I customize the interior design app UI?
Yes. Use the template in Sleek and edit any screen by chatting with the AI: change the palette, swap photography, adjust layouts, and add or remove flows. There's no manual redraw; you describe the change and it's applied.
Is this interior design app 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 shop-the-look or furniture app?
Absolutely. The room detail and product detail screens are built around shoppable items with prices, dimensions, and materials, and the boards let users save what they love. Adjust the catalog and categories to fit your niche.

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

开始设计你的 interior design 应用

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