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.
Vista previa
Explora las pantallas
Vista previa del diseño de app móvil de portfolio, totalmente editable en Sleek.
Sobre 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.
Qué incluye
Pantallas incluidas
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.
Diseño y funciones
Funciones clave
- 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
Audiencia
Para quién es
Casos de uso
Qué puedes crear
- 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
Cómo usar esta plantilla
- 1
Abrir la plantilla
Explora las pantallas y previsualiza el diseño completo para ver si encaja con tu idea.
- 2
Usar esta plantilla
Abre tu propia copia totalmente editable en Sleek con un clic.
- 3
Editar con IA
Cambia la paleta, modifica las estructuras y añade o quita pantallas solo describiendo lo que quieres.
- 4
Exporta y lanza
Exporta tu diseño o pásaselo a los desarrolladores, y sigue construyendo hacia el lanzamiento.
Preguntas frecuentes
Plantillas de apps móviles relacionadas
Empieza a diseñar tu app de portfolio
Úsala en Sleek y hazla tuya: cambia la paleta, edita cualquier pantalla con IA y exporta a código o Figma.
Usar esta plantilla