Omnira Demo guides › Agency
Creative Agency
A bold, typographic multi-page demo for design studios: case studies, services, team, careers and a journal.
template/creative-agency/src/demos/creative-agency/Colours#
Set in src/demos/creative-agency/demo.json → theme.
- Primary
#ff4d2e - Accent
#ffd23f - Dark
#111111 - Light
#f6f3ee
Colour switcher schemes (colors): Electric blue, Acid, Hot pink, Tangerine, Emerald, Cobalt night, Cherry, Ink, Teal.
Pages#
| Page | File | Edit in |
|---|---|---|
| Page not found | 404.html | pages/404.json |
| About the studio | about.html | pages/about.json |
| Careers | careers.html | pages/careers.json |
| Coming soon | coming-soon.html | pages/coming-soon.json |
| Contact | contact.html | pages/contact.json |
| Culture | culture.html | pages/culture.json |
| FAQ | faq.html | pages/faq.json |
| Home – Showreel | home-2.html | pages/home-2.json |
| Independent brand & design studio | index.html | pages/index.json |
| Journal | journal.html | pages/journal.json |
| Engagement & pricing | pricing.html | pages/pricing.json |
| Our process | process.html | pages/process.json |
| Services | services.html | pages/services.json |
| Team | team.html | pages/team.json |
| Client stories | testimonials.html | pages/testimonials.json |
| Work | work.html | pages/work.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 | 8: member-maya-okafor.html member-theo-lindqvist.html member-aiko-tanaka.html member-luca-moretti.html member-sam-adeyemi.html member-clara-vance.html member-priya-raman.html member-jonas-weber.html |
posts | pages/post.json | 6: post-rebrand-without-losing-customers.html post-packaging-that-sells-online.html post-design-systems-for-small-teams.html post-brief-template.html post-shooting-real-people.html post-studio-four-day-week.html |
projects | pages/project.json | 6: project-halden-coffee.html project-northwind-skincare.html project-parcel-app.html project-kiln-ceramics.html project-atlas-film-festival.html project-loom-fashion.html |
services | pages/service.json | 6: service-brand-strategy.html service-visual-identity.html service-packaging.html service-websites.html service-motion-film.html service-campaigns.html |
Data collections#
Shared records in src/demos/creative-agency/data.json. The fields of the first record are shown; copy it to add a new one and give it a unique slug.
services (6 records)#
Fields: slug, title, icon, eyebrow, text, subtitle, image, gallery, price, priceNote, meta, body, highlights, features, accordion, sidebar
projects (6 records)#
Fields: slug, title, category, eyebrow, subtitle, image, gallery, lead, meta, body, bodyTitle, highlights, highlightsTitle, features, featuresTitle, table, sidebar, testimonial, shots
team (8 records)#
Fields: slug, name, role, image, tagline, bio, quote, stats, list, listTitle, education, email, phone, location, social
posts (6 records)#
Fields: slug, title, category, date, author, readTime, image, excerpt, html, authorImage
reviews (6 records)#
Fields: quote, text, name, role, avatar, rating