Somers is an agency website template for creative agencies, social media studios and digital marketing teams. It ships for Webflow, Framer, Figma and HTML.
An agency is hired on evidence, so Somers puts the evidence early. Campaign results, service detail and the team sit above the fold on the journey. Then the blog and the contact page finish the sequence.
Every section has one job. The hero names the discipline. The case studies quantify it. The service pages describe the engagement. Finally the contact page collects the brief.
Somers uses a dark palette throughout. Because agency screenshots and campaign stills tend to be bright, the darker frame gives them contrast rather than competing with them.
You can start in Webflow, Framer, Figma or plain HTML. That way the same design works whether you hand it to a client, a designer or a developer.
Explore the live preview now.
Somers at a Glance
| Formats | Webflow, Framer, Figma and HTML |
| Best for | Creative agencies, social media and content studios, digital marketing teams |
| CMS | Webflow CMS with blog, case study and service collections |
| Pages | 8 main pages plus 3 CMS templates and 4 utility pages |
| Theme | Dark variant throughout |
| Responsive | Yes, on desktop, tablet and mobile |
| Support | TNCFlow support plus free updates |
Key Features of Somers
Features fully highlighted. Somers explains each offer rather than naming it. So a visitor understands the scope of a retainer without booking a call first.

Trendy and responsive design. Somers runs on a dark palette with generous spacing. Because agency work is visual, the darker frame lets your screenshots and campaign stills carry the page.

CMS included. Webflow CMS drives the blog, the case studies and the service pages. That way you publish a new result once and it appears across the site.

Attractive services showcase. The demo ships five service pages, which are Social Media Strategy, Content Creation, Influencer Collaborations, Paid Advertising and Social Media Audits. Each one has room for scope, method and deliverables.

Animation, video and responsive sliders. Motion moves the visitor between proof points. However the effects stay restrained, so the work itself keeps the attention.

Blog showcase. The blog lists articles in a simple card grid, and each post gets its own CMS page. So a search visitor can land on an article and still find your services in two clicks.

Contact details. The contact page carries an enquiry form alongside your direct details. There is no embedded map, which suits an agency that works remotely rather than from a shopfront.

Team showcase. The About Us page introduces the people behind the work, with portraits and roles. Clients hire strategists rather than logos, which means the faces genuinely matter.

Attractive case studies. There are two case study layouts, plus a detail template for each project. The demo leads every entry with a number, such as a lift in organic reach or a return on paid social.

Watch on YouTube
Watch the walkthrough if you want to see the template in motion before you buy.
Pages Included in Somers
Somers ships 8 main pages, 3 CMS collection templates and 4 utility pages. Two of the main pages are alternative case study layouts.
- Home
- About Us
- Services
- Case Studies V1
- Case Studies V2
- Blog
- Contact
- 404
- Services Template (CMS)
- Case Studies Template (CMS)
- Blogs Template (CMS)
- Style Guide
- Licenses
- Changelog
- Instructions
How to Use Somers
- Use the purchase widget on the right side of this page to buy the Somers template
- Follow the steps to get your site ready
- Replace content with your own
- Adjust the design slightly if you want
- Preview and publish
Choosing Between a Dark and a Light Agency Site
Dark sites are fashionable, yet they are not automatically the right call. The decision depends on what you put on the page rather than on taste.
A dark background works when your proof is imagery. Bright campaign stills, video frames and interface screenshots gain contrast against it. However a dark background struggles when the page is mostly long body copy, since sustained reading on dark is harder for many visitors.
So audit your evidence before you decide. If your best asset is a portfolio of visual campaigns, Somers suits you. If your best asset is written thought leadership, keep the articles on a lighter surface and use the dark frame for the marketing pages only.
One more consideration. Test the dark palette in bright daylight on a phone, because that is where contrast problems appear first.
Frequently Asked Questions
Is Somers only suitable for a social media agency?
No. The demo copy leans social, but the structure fits any creative or digital agency. Services, case studies and a team section are the same three blocks a design studio needs.
Which formats does Somers ship in?
Somers is available as a Webflow template, a Framer template, a Figma file and a static HTML build. Each format is sold as its own product, so pick the one you need at checkout.
Is the Figma file included with the Webflow template?
No. The Figma file is a separate purchase on this page. So buy the Figma product if you want the source design as well as the built site.
How many pages does Somers include?
There are 8 main pages, 3 CMS collection templates and 4 utility pages. The main pages include two different case study layouts and a 404 page.
Does Somers come in a light version?
No. Somers is designed as a dark variant, and the palette runs through every page. You can change the colours in the Webflow Designer, though the layout was built with a dark background in mind.
Do I need to know Webflow to use Somers?
No. Basic Webflow knowledge helps, but the template ships with a style guide and an instructions page. So most owners can swap text and images on their own.
Need help with setup or customization? The TNCFlow support team answers quickly, and updates are free.
Check out other Webflow templates by TNCFlow.
Select template
Choose one or more options for your build