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

화면 살펴보기

Sleek에서 완전히 편집 가능한 portfolio 모바일 앱 디자인을 미리 보세요.

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.

포함된 화면

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.

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.

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.

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.

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.

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
템플릿 열기
화면을 둘러보고 전체 디자인을 미리 보며 아이디어에 맞는지 확인해 보세요.
2
이 템플릿 사용
한 번의 클릭으로 Sleek에서 완전히 편집 가능한 사본을 엽니다.
3
AI로 편집
원하는 것을 설명하기만 하면 팔레트 재스타일, 레이아웃 변경, 화면 추가·삭제가 가능합니다.
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 주소로 이메일을 보내 주세요.