Description
- Plinth: An Architecture Portfolio Website Template
- Plinth is a bold, design-forward template for architecture studios that want their website to feel as considered as their buildings. Oversized type, a concrete-and-acid colour palette and a staggered layout of mixed image sizes give it a confident, contemporary edge. Each project unfolds in a vertical gallery made for walking through a building image by image.
- view demo – password: abc
- buy me a coffee
- download template
Who it’s for
- Architecture and design studios
- Landscape and urban design practices
- Interior architects and spatial designers
- Architecture graduates building a professional portfolio
Pages included
- Index
- Hero with oversized headline and a staggered image collage
- Scrolling typology ticker
- Selected work in a staggered grid of mixed image sizes
- Animated studio numbers
- “How we build” principles in offset cards
- Call-to-action band
- Projects
- Project count and typology filters (Housing, Cultural, Workplace, Public)
- Staggered project grid with hover colour reveal and project tags
- Project pages
- Large project title and a data row (typology, location, year, floor area, status, client)
- Wide hero image
- Vertical scrolling gallery with a sticky side panel: project summary, clickable sheet index, progress bar
- Mixed image layouts: full width, offset left and right, staggered pairs
- Pull quote, project description in columns, full-screen image viewer
- “Next project” link
- Studio
- Studio story with image
- Partners in a staggered portrait grid
- Awards and press list
- Contact
- Oversized email link
- Two office locations with live local time
- Project enquiry form: typology, site location, floor area options, brief, plus a confirmation message
- Throughout
- Fixed vertical side rail with logo, studio name and current page
- Full-screen “section cut” menu with columns that slide in and preview images
- Shutter-style page transitions
- Breadcrumb navigation strip
- Footer with offices, links and oversized wordmark