Lifestyle · 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.
Aperçu
Explorer les écrans
Prévisualisez le design d'app mobile portfolio, entièrement modifiable dans Sleek.
À propos de 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.
Ce qu'il y a dedans
Écrans inclus
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.
Design et fonctionnalités
Fonctionnalités clés
- 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
Public
Pour qui c'est fait
Cas d'usage
Ce que vous pouvez créer
- 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
Comment utiliser ce template
- 1
Ouvrir le template
Parcourez les écrans et prévisualisez le design complet pour voir s'il correspond à votre idée.
- 2
Utiliser ce template
Ouvrez votre propre copie entièrement modifiable dans Sleek en un clic.
- 3
Modifier avec l'IA
Restylez la palette, changez les mises en page, et ajoutez ou supprimez des écrans simplement en décrivant ce que vous voulez.
- 4
Exportez et lancez
Exportez votre design ou confiez-le aux développeurs, et poursuivez le développement jusqu'au lancement.
Questions fréquentes
Templates d'apps mobiles associés
Commencez à designer votre app portfolio
Utilisez-le dans Sleek et faites-en le vôtre : restylez la palette, modifiez n'importe quel écran avec l'IA, et exportez en code ou Figma.
Utiliser ce template