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.
Önizle
Ekranları keşfedin
Sleek'te tamamen düzenlenebilen portfolio mobil uygulama tasarımını önizleyin.
Portfolio App hakkında
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.
İçindekiler
Dahil olan ekranlar
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.
Tasarım ve özellikler
Öne çıkan özellikler
- 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
Hedef kitle
Kimler için
Kullanım alanları
Neler oluşturabilirsiniz
- 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
Bu şablon nasıl kullanılır
- 1
Şablonu aç
Ekranlara göz atın ve fikrinize uyup uymadığını görmek için tüm tasarımı önizleyin.
- 2
Bu şablonu kullan
Tek tıkla Sleek'te tamamen düzenlenebilir kendi kopyanızı açın.
- 3
Yapay zekâ ile düzenle
Ne istediğinizi anlatarak paleti yeniden tasarlayın, düzenleri değiştirin, ekran ekleyin veya kaldırın.
- 4
Dışa aktar ve yayınla
Tasarımınızı dışa aktarın ya da geliştiricilere teslim edin, lansmana kadar geliştirmeye devam edin.
Sıkça sorulan sorular
İlgili mobil uygulama şablonları
portfolio uygulamanızı tasarlamaya başlayın
Sleek'te kullanın ve kendinize göre uyarlayın: paleti yeniden tasarlayın, herhangi bir ekranı yapay zekâ ile düzenleyin, ardından koda veya Figma'ya dışa aktarın.
Bu şablonu kullan