A spatial portfolio for architects and interior designers with project galleries, awards, location pins, and a private admin to add new builds.
e.g. Atlas Architecture
e.g. Considered residential architecture in the Bay Area
e.g. Residential, Commercial, Interiors, Landscape
e.g. Press section, team bios, awards list
“An architecture studio portfolio with residential and commercial projects, location pins, awards section, and admin to upload new builds”
Create an architecture/interior-design studio portfolio for {studio_name}. Tagline: {tagline}. Project categories: {categories}. Visual style: {style}. Pages: Home (silent oversized photo hero + selected projects), Projects index (filterable by category, large 16:10 cards), Project detail (title, location, year, area, status, brief, image gallery, plan/section sketches, awards), Studio/About (bio + team + press logos), Contact, and a sign-in protected /admin page for uploading new project imagery. Use GenMB File Storage for project images (<genmb-uploader accept='image/*' multiple folder='projects'>), GenMB Auth to gate /admin (window.genmb.auth - owner email only), and a GenMB PostgreSQL projects table (window.genmb.db.projects) with id, title, slug, category, location, year, area_sqm, status, brief, hero_image_url, gallery_urls (JSON), awards (JSON array of strings), display_order, published_at. Lightbox: full-bleed overlay, Esc to close, ArrowLeft/ArrowRight, swipe on touch. Image grid: lazy-loaded, CSS aspect-ratio. URL-synced ?category= filter. Seed the projects table with 8 placeholder builds using these exact Picsum URLs: - https://picsum.photos/seed/arch-residential-1/1800/1100 - https://picsum.photos/seed/arch-residential-2/1800/1100 - https://picsum.photos/seed/arch-commercial-1/1800/1100 - https://picsum.photos/seed/arch-commercial-2/1800/1100 - https://picsum.photos/seed/arch-interior-1/1800/1100 - https://picsum.photos/seed/arch-interior-2/1800/1100 - https://picsum.photos/seed/arch-landscape-1/1800/1100 - https://picsum.photos/seed/arch-landscape-2/1800/1100 Typography: serif headings, generous whitespace, calm dark/light toggle. Mobile responsive with 44x44 tap targets. {extra}
Highlighted values like {variable} will be replaced with your inputs.
Fill in the fields and generate your app instantly