跳到主要内容

Gallery Black

Portfolio App Design Template

Folio is a gallery-dark portfolio app design for art directors, designers, and photographers who want their work to be the only light on screen.

Portfolio app intro screen with oversized designer name and dark portrait
Portfolio app work screen with full-bleed project covers and index numbers
Portfolio app project detail screen with full-bleed architecture cover and title

探索各界面

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

Portfolio app intro screen with oversized designer name and dark portrait
Portfolio app work screen with full-bleed project covers and index numbers
Portfolio app project detail screen with full-bleed architecture cover and title
About第 4 屏
Services第 5 屏
Contact第 6 屏

关于 Portfolio App

Folio is a portfolio app design template built around a "Gallery Black" look: a true-black canvas, pure-white condensed signage type, mid-grey metadata, and a single electric chartreuse accent reserved for the active nav state and the contact action. There are no cards here. Full-bleed project imagery sits against black, separated by thin hairline rules and generous negative space, so scrolling feels like walking a darkened exhibition.

The template ships six connected screens that form a complete folio: an Intro with the designer's name at gallery-signage scale, a Work list of full-bleed covers each tagged with an oversized index numeral, a Project detail case study, an About screen with portrait and bio, a numbered Services list, and a Contact screen led by a giant "Let's work together" headline and a chartreuse "Send Email" button. The oversized index numbers (01, 02, 03) act like wall labels beside each project.

Use it in Sleek and make it yours: swap in your own work, restyle the chartreuse accent, edit any screen with AI by describing the change, and add the flows your folio 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

Intro

The designer's name set in oversized condensed type with a tracked-out role line and a high-contrast portrait filling the lower screen. The entry point that sets the gallery-quiet tone.

02

Work

A vertical list of full-bleed project covers, each introduced by a chartreuse index numeral, a condensed title, and a tiny category label. The browse-the-exhibition surface.

03

Project detail

A case study with a full-bleed hero cover, the project number and title set huge, and a stack of high-contrast images below. Where a single project gets its gallery wall.

04

About

A black-and-white portrait above a bio statement in large type, with chartreuse highlights on key phrases. Introduces the designer behind the work.

05

Services

A numbered list of offerings like Visual Identity and Editorial Design, each with a short description and oversized chartreuse index. Communicates what the studio takes on.

06

Contact

A giant "Let's work together" headline, an availability line, a chartreuse "Send Email" button, and social links. The clear call to start a project.

核心功能

  • Gallery Black aesthetic: true-black canvas, white signage type, one chartreuse accent
  • Full-bleed project imagery with no cards, separated by hairline rules
  • Oversized condensed grotesque headlines at gallery-signage scale
  • Index numerals (01, 02, 03) beside every project as wall labels
  • Flat text-only bottom nav with a chartreuse active state
  • Vertical work list of full-bleed covers with titles and categories
  • Case-study project detail with stacked full-bleed images
  • Chartreuse contact action with a 'Send Email' button

适合谁

Art directors and digital designers showcasing a personal folio
Photographers wanting a dark, full-bleed presentation
Freelance creatives building a portfolio app to win commissions
Studio teams prototyping a portfolio app UI design

你可以做什么

  • Launch a personal portfolio app to attract new commissions
  • Mock up a folio for a client pitch or design review
  • Hand a consistent, gallery-style UI off to developers
  • Explore a redesign of an existing portfolio or studio site

如何使用此模板

  1. 1

    打开模板

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

  2. 2

    使用此模板

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

  3. 3

    用 AI 编辑

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

  4. 4

    导出并上线

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

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

How do I build a portfolio app from this template?
Click "Use this template" to open it in Sleek as your own editable project, then make it yours by describing the changes you want: swap in your work, restyle the chartreuse accent, and edit any screen. You start from six complete screens instead of a blank canvas, so you reach a finished portfolio app design far faster.
What screens are included in this portfolio app design template?
Six connected screens: Intro, Work, Project detail, About, Services, and Contact. Together they cover the full arc of a creative folio, from the opening name screen to browsing projects and reaching out to collaborate.
Can I customize the portfolio app UI design?
Yes. Use the template in Sleek and edit any screen by chatting with the AI: change the imagery, restyle the palette, adjust the type, and add or remove sections. There's no manual redraw; you describe the change and it's applied.
Is this template suitable for a graphic design or photography portfolio?
Absolutely. The full-bleed covers, index-numbered work list, and case-study detail map cleanly onto graphic design, photography, art direction, or any visual discipline. Swap in your own projects and adjust the categories to fit your niche.
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 portfolio 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.

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

开始设计你的 portfolio 应用

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