51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T7d2,

Pack'N'Pay Business Website

Pack'N'Pay is building a commerce network that connects consumers, retailers, distributors and suppliers across Africa. I designed and built its business website in Framer to give the company a clearer digital presence and make its growing ecosystem easier to understand.

The website brings Pack'N'Pay's different offerings together under one brand, explains who each platform is for, builds trust through partner and customer proof, and creates clear routes for potential customers, suppliers and partners to take the next step. Pack'N'Pay

My approach

The main challenge was clarity. Pack'N'Pay serves very different audiences and has several products, so the site could easily become confusing.

I started by simplifying the information architecture and thinking about the website from the visitor's point of view: What is Pack'N'Pay? Who is it for? Which product is relevant to me? Why should I trust the company? What should I do next?

From there, I created a visual system that could present a growing business without making the site feel corporate or overloaded. I used strong typography, clear sections, product-led storytelling and intentional calls to action to move visitors through the page.

I then built the responsive website in Framer, creating reusable sections and components so the team can continue expanding the site as the business grows.

My role

Strategy · UX/UI Design · Information Architecture · Framer Development · Responsive Design · Content Structure

Working closely with the business also meant I could translate the company's product strategy into the website, making sure the way Pack'N'Pay presents itself matches how the wider product ecosystem actually works.

53:T7c6,

Concave is a bold, editorial Framer template for finance leaders, operators, consultants, coaches, and independent experts who want a credible online presence. It combines immersive photography, confident typography, responsive layouts, and CMS-powered publishing so you can share your story, thinking, press, and career in one polished site.

Who it is for

A personal brand template for consultants, coaches, executives, advisors, and independent experts. If your CV or resume, your writing, and your press coverage live in three different places, this personal website template pulls them into one portfolio website.

Pages

Every page of the portfolio template is designed for desktop, tablet, and phone: Home, About, Career, Press, CMS-powered notes, and a custom 404.

Career scroller

The signature section of this personal website template. One image un-clips to full screen, then every role wipes in as you scroll with company, title, dates, and a short note. Frame size, text case, overlay colour and opacity, title fit-to-width, wipe direction, and image zoom are all set from the properties panel, per breakpoint. On mobile it stacks into a normal scrolling layout so every line stays readable.

Publishing

Field Notes runs on the Framer CMS, with the blog template, cards, categories, and related posts already wired. Press cards ship with print, audio, video, and YouTube variants.

Built for reuse

The template ships with shared colour and text styles, clearly named layers, and components for navigation, footer, blog cards, press cards, and calls to action. Swap the photography and this portfolio template changes character while the layout holds. No layout surgery needed.

Ready to publish

One H1 per page, alt text on every image, a title and description on every page, working mailto links, and a custom 404. Replace the demo content and your personal brand website is ready to go live.

54:T4b5,

David Anderson is a portfolio website template for designers, creative directors, brand studios and small agencies.

A portfolio for people who sell judgment, not just visuals. This portfolio template is built around case studies that argue a point of view — a design portfolio, a creative agency portfolio, a freelance designer portfolio or a personal portfolio site, all from one file.

Six CMS-driven portfolio project pages with a full image sequence, overview and about sections, and a more-work section linking to the next case study. An Insight blog for essays and process writing. A contact page with a working inquiry form.

One navigation component handles desktop, tablet and phone from the layout template, so every new page inherits it. Each page picks its own nav variant per breakpoint — light nav on a dark hero, dark on the next page.

Seven color tokens and ten text styles carry the whole portfolio. Change a token and everything follows. A Read Me page inside the file walks through every customisation without touching code.

Includes: 8 pages · 2 CMS collections · 11 components · custom 404 · mobile drawer · scroll, appear and text effects.

55:T572,

Full description

Built for photography studios, creative agencies, and art directors who want their work to feel as considered as their portfolio.

This template combines a bold editorial layout with a clear studio structure: a strong homepage narrative, featured projects, a services section, a simple step-by-step process, and social proof through testimonials and a curated clientele list. It also includes polished project pages with a consistent case-study layout (overview, year, services, story, and a next-project link), plus a clean contact section with locations and contact details.

What’s included

Home with hero, studio story, featured projects, services, process, and testimonials
Project / case-study pages with repeatable structure and “Next project” navigation
Contact + locations + social links footer

Customising is straightforward

Swap typography and colours in one place using Framer styles
Replace images, project titles, services, and testimonials without breaking the layout
Duplicate project pages to add more work, keeping the same structure and spacing

Designed to feel modern, confident, and gallery-like—perfect for studios that want a premium presence without a complex setup.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-cd60f82e-c6b1-43b6-8beb-d0abc20c574b-all:/unified/creator/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/activity/":[{"data":[{"id":"01a0fe1d-d007-751f-99ba-c91611271ec8","type":"site.created","target":{"type":"site","id":"17855","preview":"PacknPay","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a0fe11-75b8-7318-87d8-0c7ef49a97e4.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","slug":"temitope-niyi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-02T19:36:01.799Z","latestAt":"2026-10-02T19:36:01.799Z"},{"id":"01a0c41a-5e89-764e-b473-9cb7a3beaa1e","type":"comment.liked","target":{"type":"comment","id":"01a0ab6a-d16d-774a-ab5e-6b1fa9dc85b8","preview":"A strong template system with a confident visual language and clear flow.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A strong template system with a confident visual language and clear flow."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a02ff6-eed7-70a4-a7ac-6fa7ada598c2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0ab6a-d16d-774a-ab5e-6b1fa9dc85b8"},"repost":null}},"context":{"type":"post","id":"01a02ff6-eed7-70a4-a7ac-6fa7ada598c2","preview":"Concave","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a08078-1008-746c-a931-468550244670.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a02ff6-eed7-70a4-a7ac-6fa7ada598c2","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","slug":"temitope-niyi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T13:14:17.604Z","latestAt":"2026-09-21T13:14:17.604Z"},{"id":"01a02ff6-f107-761f-adee-55c0dfae7f8b","type":"template.created","target":{"type":"template","id":"71755","preview":"Concave","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a08078-1008-746c-a931-468550244670.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","slug":"temitope-niyi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-23T18:51:47.847Z","latestAt":"2026-08-23T18:51:47.847Z"},{"id":"019ff209-a0fb-7189-bce3-866f3f6d3b0d","type":"template.created","target":{"type":"template","id":"71128","preview":"David Anderson","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/019ff1d3-9963-768e-a663-2562d3c3ee8c.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","slug":"temitope-niyi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-11T18:15:45.147Z","latestAt":"2026-08-11T18:15:45.147Z"},{"id":"019eea9d-8627-7500-b5ee-e9b8fa09341e","type":"creator.followed","target":{"type":"creator","id":"2b8cca01-a62c-4617-a51a-e838a51bce1d","preview":"Veronica G","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/572523/avatar-4iku66P1Iv6wGFjuq0rP0pczgK9FMJ.jpg","slug":"veronicag","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","slug":"temitope-niyi","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-21T14:37:32.564Z","latestAt":"2026-06-21T14:37:32.564Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:cd60f82e-c6b1-43b6-8beb-d0abc20c574b:/unified/posts/?creator=cd60f82e-c6b1-43b6-8beb-d0abc20c574b&with=reposts":[{"data":[{"id":"01a0fe1d-cd81-717c-9a94-f1fddaffb01e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","slug":"temitope-niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"17855","resolved":true,"title":"PacknPay","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pack'N'Pay Business Website","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pack'N'Pay is building a commerce network that connects consumers, retailers, distributors and suppliers across Africa. I designed and built its business website in Framer to give the company a clearer digital presence and make its growing ecosystem easier to understand."}]},{"type":"paragraph","content":[{"type":"text","text":"The website brings Pack'N'Pay's different offerings together under one brand, explains who each platform is for, builds trust through partner and customer proof, and creates clear routes for potential customers, suppliers and partners to take the next step. "},{"type":"text","text":"Pack'N'Pay","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://packnpay.co/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"My approach"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The main challenge was "},{"type":"text","text":"clarity","marks":[{"type":"bold"}]},{"type":"text","text":". Pack'N'Pay serves very different audiences and has several products, so the site could easily become confusing."}]},{"type":"paragraph","content":[{"type":"text","text":"I started by simplifying the information architecture and thinking about the website from the visitor's point of view: What is Pack'N'Pay? Who is it for? Which product is relevant to me? Why should I trust the company? What should I do next?"}]},{"type":"paragraph","content":[{"type":"text","text":"From there, I created a visual system that could present a growing business without making the site feel corporate or overloaded. I used strong typography, clear sections, product-led storytelling and intentional calls to action to move visitors through the page."}]},{"type":"paragraph","content":[{"type":"text","text":"I then built the responsive website in Framer, creating reusable sections and components so the team can continue expanding the site as the business grows."}]},{"type":"customHeading","content":[{"type":"text","text":"My role"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Strategy · UX/UI Design · Information Architecture · Framer Development · Responsive Design · Content Structure","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Working closely with the business also meant I could translate the company's product strategy into the website, making sure the way Pack'N'Pay presents itself matches how the wider product ecosystem actually works."}]}]},"introduction":"","slug":"packnpay","author":{"framerUserId":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","slug":"temitope-niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a0fe11-75b8-7318-87d8-0c7ef49a97e4.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a0fe11-91f0-771e-a816-f033ab21e5a3.jpg","metadata":{"tint":{"h":180,"s":8,"l":31},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a0fe11-a38d-75f4-b8f7-bf2bff6767f1.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a0fe11-b0df-71ce-a783-c9896bd4071e.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-10-02T19:36:00.482Z","updatedAt":"2026-10-02T19:36:00.482Z","publishedAt":"2026-10-02T19:36:00.479Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.packnpay.co/","categories":[{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T19:36:01.153Z","updatedAt":"2026-10-02T19:36:01.153Z"},{"id":"01a02ff6-eed7-70a4-a7ac-6fa7ada598c2","title":null,"body":"

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Concave is a bold, editorial Framer template for finance leaders, operators, consultants, coaches, and independent experts who want a credible online presence. It combines immersive photography, confident typography, responsive layouts, and CMS-powered publishing so you can share your story, thinking, press, and career in one polished site."}]}]},"author":{"framerUserId":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","slug":"temitope-niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"71755","resolved":true,"title":"Concave","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Concave is a bold, editorial Framer template for finance leaders, operators, consultants, coaches, and independent experts who want a credible online presence. It combines immersive photography, confident typography, responsive layouts, and CMS-powered publishing so you can share your story, thinking, press, and career in one polished site."}]},{"type":"customHeading","content":[{"type":"text","text":"Who it is for"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A personal brand template for consultants, coaches, executives, advisors, and independent experts. If your CV or resume, your writing, and your press coverage live in three different places, this personal website template pulls them into one portfolio website."}]},{"type":"customHeading","content":[{"type":"text","text":"Pages"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Every page of the portfolio template is designed for desktop, tablet, and phone: Home, About, Career, Press, CMS-powered notes, and a custom 404."}]},{"type":"customHeading","content":[{"type":"text","text":"Career scroller"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The signature section of this personal website template. One image un-clips to full screen, then every role wipes in as you scroll with company, title, dates, and a short note. Frame size, text case, overlay colour and opacity, title fit-to-width, wipe direction, and image zoom are all set from the properties panel, per breakpoint. On mobile it stacks into a normal scrolling layout so every line stays readable."}]},{"type":"customHeading","content":[{"type":"text","text":"Publishing"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Field Notes runs on the Framer CMS, with the blog template, cards, categories, and related posts already wired. Press cards ship with print, audio, video, and YouTube variants."}]},{"type":"customHeading","content":[{"type":"text","text":"Built for reuse"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The template ships with shared colour and text styles, clearly named layers, and components for navigation, footer, blog cards, press cards, and calls to action. Swap the photography and this portfolio template changes character while the layout holds. No layout surgery needed."}]},{"type":"customHeading","content":[{"type":"text","text":"Ready to publish"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"One H1 per page, alt text on every image, a title and description on every page, working mailto links, and a custom 404. Replace the demo content and your personal brand website is ready to go live."}]}]},"introduction":"Portfolio for business leaders","slug":"concave","author":{"framerUserId":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","slug":"temitope-niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/7KZygpSJc5pVjbhVXPIf9B00afHVKqOQ3gIwcyoDrLF00.m3u8","metadata":{"posterUrl":"https://image.mux.com/7KZygpSJc5pVjbhVXPIf9B00afHVKqOQ3gIwcyoDrLF00/thumbnail.webp?time=6.317","aspectRatio":"61:45","duration":44.516667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a08078-1008-746c-a931-468550244670.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a02ff2-eed5-713b-bd79-85d8f0700ed3.jpg","metadata":{"tint":{"h":224,"s":94,"l":25},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/01a02ff3-14a0-772b-bec3-026e923087b8.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-23T18:51:46.650Z","updatedAt":"2026-09-09T12:47:31.101Z","publishedAt":"2026-08-23T18:51:46.647Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/Qr5sats","remixUrl":"https://framer.link/Qr5sats","previewUrl":"https://clairconcave.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":195,"name":"Business Blog","slug":"business-blog"},{"id":244,"name":"Personal Blog","slug":"personal-blog"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":19,"name":"Localization","slug":"localization"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":24,"name":"Site Search","slug":"site-search"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":39,"name":"Selection Styles","slug":"selection-styles"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-23T18:51:47.287Z","updatedAt":"2026-08-23T18:51:47.287Z"},{"id":"019ff209-9e62-7438-ab8b-f1f81e4d0ef5","title":null,"body":"

David Anderson — a portfolio template for creative directors.

I built it around how studio work actually gets sold: case studies that argue a point of view, rather than image galleries with a caption.

Six CMS project pages with a More Work section that links onward, an Insight blog, and a contact form. One navigation component covers desktop, tablet, and phone from the layout template, and every page picks its own nav variant per breakpoint, so a dark hero gets the light nav without duplicating anything.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"David Anderson — a portfolio template for creative directors."}]},{"type":"paragraph","content":[{"type":"text","text":"I built it around how studio work actually gets sold: case studies that argue a point of view, rather than image galleries with a caption."}]},{"type":"paragraph","content":[{"type":"text","text":"Six CMS project pages with a More Work section that links onward, an Insight blog, and a contact form. One navigation component covers desktop, tablet, and phone from the layout template, and every page picks its own nav variant per breakpoint, so a dark hero gets the light nav without duplicating anything."}]}]},"author":{"framerUserId":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","slug":"temitope-niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"71128","resolved":true,"title":"David Anderson","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"David Anderson is a portfolio website template for designers, creative directors, brand studios and small agencies."}]},{"type":"paragraph","content":[{"type":"text","text":"A portfolio for people who sell judgment, not just visuals. This portfolio template is built around case studies that argue a point of view — a design portfolio, a creative agency portfolio, a freelance designer portfolio or a personal portfolio site, all from one file."}]},{"type":"paragraph","content":[{"type":"text","text":"Six CMS-driven portfolio project pages with a full image sequence, overview and about sections, and a more-work section linking to the next case study. An Insight blog for essays and process writing. A contact page with a working inquiry form."}]},{"type":"paragraph","content":[{"type":"text","text":"One navigation component handles desktop, tablet and phone from the layout template, so every new page inherits it. Each page picks its own nav variant per breakpoint — light nav on a dark hero, dark on the next page."}]},{"type":"paragraph","content":[{"type":"text","text":"Seven color tokens and ten text styles carry the whole portfolio. Change a token and everything follows. A Read Me page inside the file walks through every customisation without touching code."}]},{"type":"paragraph","content":[{"type":"text","text":"Includes: 8 pages · 2 CMS collections · 11 components · custom 404 · mobile drawer · scroll, appear and text effects."}]}]},"introduction":"Portfolio Template for Designers","slug":"david-anderson","author":{"framerUserId":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","slug":"temitope-niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/1P8JCn02bux9eQOGoTJb29nfDd0202bLJEsRxzQOy3Q02bU.m3u8","metadata":{"posterUrl":"https://image.mux.com/1P8JCn02bux9eQOGoTJb29nfDd0202bLJEsRxzQOy3Q02bU/thumbnail.webp?time=14.4","aspectRatio":"437:270","duration":18.916667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/019ff1d3-9963-768e-a663-2562d3c3ee8c.jpg","metadata":{"tint":{"h":0,"s":40,"l":16},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/019ff1d3-75e8-772b-8690-a3ec53badcc1.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd60f82e-c6b1-43b6-8beb-d0abc20c574b/019ff1d3-6b3e-7489-ad0d-cbdccc5cf38a.png","metadata":{"tint":{"h":0,"s":90,"l":16},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-11T18:15:43.823Z","updatedAt":"2026-08-23T17:23:51.295Z","publishedAt":"2026-08-11T18:15:43.819Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/TRbVSG3","remixUrl":"https://framer.link/TRbVSG3","previewUrl":"https://davidanderson.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":205,"name":"Consulting","slug":"consulting"},{"id":221,"name":"Graphic Design","slug":"graphic-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":19,"name":"Localization","slug":"localization"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":24,"name":"Site Search","slug":"site-search"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":39,"name":"Selection Styles","slug":"selection-styles"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-11T18:18:51.863Z","createdAt":"2026-08-11T18:15:44.482Z","updatedAt":"2026-08-11T18:18:51.863Z"},{"id":"019dcf5a-73ff-7b9d-8f7d-1b69f6fd174d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","slug":"temitope-niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"61889","resolved":true,"title":"Halation","body":"$55","bodyJson":null,"introduction":"Where craft meets concept.","slug":"halation","author":{"framerUserId":"cd60f82e-c6b1-43b6-8beb-d0abc20c574b","name":"Temi Niyi","slug":"temitope-niyi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/234863/avatar-SFyuhX0ccL5pZfTjPZAGZSaQSNMjhL.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/61889/halation-OXUU4tKGySejwY97arto1Zm12II3sI","metadata":{"tint":{"h":17,"s":58,"l":19},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/61889/halation-kjmpLw9tQUGdkDdz9SqquGKoIiI21f","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/61889/halation-lWi0SdljOiSeE6UavoVKLQqOweCJfy","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/61889/halation-AGX4oqSvx2DErB9ki43ZVr9kdodgZ3","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-30T15:57:44.101Z","updatedAt":"2026-08-23T17:23:03.637Z","publishedAt":"2026-04-27T14:31:44.895Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/SWYoO0e","remixUrl":"https://framer.link/SWYoO0e","previewUrl":"https://halation.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":221,"name":"Graphic Design","slug":"graphic-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":193,"name":"Black & White","slug":"black-and-white"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":268,"name":"Designers","slug":"designers"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":19,"name":"Localization","slug":"localization"},{"id":21,"name":"CMS","slug":"cms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-27T14:31:44.895Z","updatedAt":"2026-04-27T14:31:44.895Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]