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.

Use this template

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

Explore the screens

Preview the portfolio mobile app design, fully editable in Sleek.

AboutScreen 4

ServicesScreen 5

ContactScreen 6

About the 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.

Screens included

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.

Key features

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

Who it's for

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

What you can build

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

How to use this template

1
Open the template
Browse the screens and preview the full design to see if it fits your idea.
2
Use this template
Open your own fully editable copy in Sleek with one click.
3
Edit with AI
Restyle the palette, change layouts, and add or remove screens just by describing what you want.
4
Export and ship
Export your design or hand it to developers, and keep building toward launch.

Questions, answered. Everything to know before you start.

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.

Something else? Write to support@sleek.design.