Demo guides › Creative
Architecture Studio
A multi-page website for an architecture studio: projects with large galleries, services, team profiles, awards, press and careers.
template/architecture/src/demos/architecture/Colours#
Set in src/demos/architecture/demo.json → theme.
- Primary
#c2410c - Accent
#a8a29e - Dark
#1c1917 - Light
#ecebe7
Colour switcher schemes (colors): Graphite, Copper, Moss, Steel, Oxide, Ocean, Ochre, Cobalt, Plum.
Pages#
| Page | File | Edit in |
|---|---|---|
| Page not found | 404.html | pages/404.json |
| Awards | awards.html | pages/awards.json |
| Careers | careers.html | pages/careers.json |
| Coming soon | coming-soon.html | pages/coming-soon.json |
| Contact | contact.html | pages/contact.json |
| FAQ | faq.html | pages/faq.json |
| Architecture studio in Chicago | home-2.html | pages/home-2.json |
| Architecture, interiors and landscape | index.html | pages/index.json |
| Press | press.html | pages/press.json |
| Our process | process.html | pages/process.json |
| Projects | projects.html | pages/projects.json |
| Services | services.html | pages/services.json |
| The studio | studio.html | pages/studio.json |
| People | team.html | pages/team.json |
Generated detail pages#
One page per record in data.json. Add, edit or remove a record and its page follows on the next build.
| Collection | Page template | Pages |
|---|---|---|
team | pages/member.json | 4: member-mira-halden.html member-jonas-roe.html member-ines-albers.html member-walter-brandt.html |
projects | pages/project.json | 9: project-harbourside-library.html project-ridge-house.html project-foundry-lane-apartments.html project-birchwood-retreat.html project-meridian-workplace.html project-lakeshore-pavilion.html project-courtyard-house.html project-northside-primary.html project-alder-point-residences.html |
services | pages/service.json | 4: service-architecture.html service-interior-architecture.html service-urban-landscape.html service-adaptive-reuse.html |
Data collections#
Shared records in src/demos/architecture/data.json. The fields of the first record are shown; copy it to add a new one and give it a unique slug.
projects (9 records)#
Fields: slug, title, category, image, gallery, wide, eyebrow, subtitle, excerpt, meta, bodyTitle, body, highlightsTitle, highlights, featuresTitle, features, table, sidebar
services (4 records)#
Fields: slug, title, icon, image, gallery, text, eyebrow, subtitle, body, highlightsTitle, highlights, featuresTitle, features, accordion, price, priceNote, sidebar
team (4 records)#
Fields: slug, name, role, image, tagline, bio, quote, stats, list, education, email, phone, location, social