Layouts
Ten social media widget layouts. One feed underneath.
A layout is not a theme you commit to. Switch between any of these on a published feed and your social media widget changes shape on the site immediately — same posts, same moderation, different presentation.
Minimal grid
All plansEven tiles, no chrome. Lets the content speak.
Launch night for Salt & Ember’s Northgate room. Six months of naming, identity and photography — and one very good service.
The sharing menu Fieldnote helped us name and shoot. Booked out three weekends running. #SaltAndEmber
Open kitchens are a photographer’s nightmare and a brand’s best asset. Salt & Ember, second site, now open.
Half the studio, one table, four brands in flight. This is what a Tuesday looks like. ↓
Salt & Ember Northgate, an hour before doors. The brass screens were the one detail we argued for, and we’d argue for them again.
Our new admissions campaign goes live today. Thanks to the Fieldnote team for making the place look the way it actually feels.
Behind every part we make is a drawing somebody checked twice. New brand film with Fieldnote next month.
Our entire process, on three sticky notes. Everything else is negotiable.
- Reach for it when
- Product pages and anywhere the surrounding design should stay the loudest thing on the page.
- Pick something else if
- Feeds where posts differ wildly in shape — even tiles will crop tall photos hard.
Editorial
All plansOne lead post, supporting pieces beside it.
Launch night for Salt & Ember’s Northgate room. Six months of naming, identity and photography — and one very good service.
The sharing menu Fieldnote helped us name and shoot. Booked out three weekends running. #SaltAndEmber
Open kitchens are a photographer’s nightmare and a brand’s best asset. Salt & Ember, second site, now open.
Salt & Ember Northgate, an hour before doors. The brass screens were the one detail we argued for, and we’d argue for them again.
- Reach for it when
- Long-form posts and article feeds, where one piece deserves more room than the rest.
- Pick something else if
- Photo-led feeds, where promoting one image over the others rarely means anything.
Reviews
All plansStars, quotes and reviewer names, front and centre.
We came to Fieldnote with a name we hated and a menu nobody could describe. Both problems were gone in six weeks. Two sites open now and the brand carries them.
Straight-talking, on budget, and they push back when you’re wrong — which is the part you’re actually paying for.
Excellent creative work and a genuinely lovely team. Knocked a star off only because scheduling slipped by a fortnight over the summer.
They rebuilt our admissions campaign end to end. Applications up on last year and, for once, the photography looks like our students.
Good studio, sharp work. Manufacturing is a hard sector to make look interesting and they mostly managed it.
Three years in and they still treat every brief like the first one. Rare.
- Reach for it when
- Google Reviews and testimonials, next to a price or a booking form.
- Pick something else if
- Image feeds — the layout gives text room that photographs do not need.
Masonry
Starter and upPinterest-style columns that respect each photo's shape.
Launch night for Salt & Ember’s Northgate room. Six months of naming, identity and photography — and one very good service.
The sharing menu Fieldnote helped us name and shoot. Booked out three weekends running. #SaltAndEmber
Open kitchens are a photographer’s nightmare and a brand’s best asset. Salt & Ember, second site, now open.
Half the studio, one table, four brands in flight. This is what a Tuesday looks like. ↓
Salt & Ember Northgate, an hour before doors. The brass screens were the one detail we argued for, and we’d argue for them again.
Our new admissions campaign goes live today. Thanks to the Fieldnote team for making the place look the way it actually feels.
Behind every part we make is a drawing somebody checked twice. New brand film with Fieldnote next month.
Our entire process, on three sticky notes. Everything else is negotiable.
- Reach for it when
- Mixed portrait and landscape photography that you would rather not crop.
- Pick something else if
- Feeds of five posts or fewer, where uneven columns just look unfinished.
Carousel
Starter and upA single elegant row that scrolls sideways.
Launch night for Salt & Ember’s Northgate room. Six months of naming, identity and photography — and one very good service.
The sharing menu Fieldnote helped us name and shoot. Booked out three weekends running. #SaltAndEmber
Open kitchens are a photographer’s nightmare and a brand’s best asset. Salt & Ember, second site, now open.
Half the studio, one table, four brands in flight. This is what a Tuesday looks like. ↓
Salt & Ember Northgate, an hour before doors. The brass screens were the one detail we argued for, and we’d argue for them again.
Our new admissions campaign goes live today. Thanks to the Fieldnote team for making the place look the way it actually feels.
Behind every part we make is a drawing somebody checked twice. New brand film with Fieldnote next month.
Our entire process, on three sticky notes. Everything else is negotiable.
- Reach for it when
- Tight vertical space — a single elegant row between two sections.
- Pick something else if
- Anything you need a visitor to read; carousels hide most of their content by design.
Video first
Pro and upLarge players with titles — built for YouTube and Reels.
12:41Making things that make things: the Meridian Works brand film
24:07One menu, forty dishes, two days: shooting Salt & Ember
8:22How we rebuilt Ashgrove College’s admissions campaign
15:58Studio process: how a brief becomes a brand in six weeks
- Reach for it when
- YouTube channels and Reels, where the thumbnail and runtime are the content.
- Pick something else if
- Feeds with few videos, where large players leave obvious gaps.
Compact
All plansSmall, text-forward rows for sidebars and footers.
Launch night for Salt & Ember’s Northgate room. Six months of naming, identity and photography — and one very good service.
The sharing menu Fieldnote helped us name and shoot. Booked out three weekends running. #SaltAndEmber
Open kitchens are a photographer’s nightmare and a brand’s best asset. Salt & Ember, second site, now open.
Salt & Ember Northgate, an hour before doors. The brass screens were the one detail we argued for, and we’d argue for them again.
Our new admissions campaign goes live today. Thanks to the Fieldnote team for making the place look the way it actually feels.
Behind every part we make is a drawing somebody checked twice. New brand film with Fieldnote next month.
- Reach for it when
- Sidebars, footers and dashboards — small text-forward rows that stay out of the way.
- Pick something else if
- Hero placements, where it reads as an afterthought.
Full width
Pro and upEdge-to-edge hero band for landing pages.
- Reach for it when
- Landing pages that want an edge-to-edge band of proof between sections.
- Pick something else if
- Content-dense pages, where a full-bleed band interrupts more than it helps.
Floating widget
Pro and upA discreet corner launcher that opens your feed.
Latest from us
- Reach for it when
- Sites where the feed is a bonus rather than the point — a discreet corner launcher.
- Pick something else if
- Pages already carrying a chat bubble or a cookie bar in the same corner.
Every layout takes your colour,
not ours.
Each of these renders in light or dark, at three densities, with three corner radii and your own accent colour. The editor warns you when an accent falls below AA contrast against the background you have picked, because an embed inherits whatever you choose and your visitors inherit it after that.
On Pro and above you can go further with custom CSS against the feed’s own class names.
Try them on your own posts.
Connect a source and every layout above renders with your content in the editor, before you publish anything.
Start free
Social wall
Starter and upA lively mixed-network mosaic for events and campaigns.