5 client onboardings per yearStart the diagnosisFree brand tools, no signupTry now
FableForceFABLEFORCE

Solutions

Business StrategySharpen the choices that make the business easier to believe in.Brand StrategyDefine the story, positioning, and proof your market can remember.Marketing StrategyTurn positioning into a focused plan for attention and demand.Personal BrandingShape a credible point of view around a founder or leader.Digital PresenceBuild the site and system that make the brand usable.Narrative DeploymentCarry the story into content, campaigns, and daily market signals.
Case StudiesInsightsAbout
FableForceFableForce
Solutions
Business StrategyBrand StrategyMarketing StrategyPersonal BrandingDigital PresenceNarrative Deployment
Case StudiesInsights
Strategic DiagnosisStart a ConversationAboutLog in
Case StudiesOrizal Financial Advisors
Featured WorkOrizal Financial Advisors
Dreamer Home
StoryDreamer Home
Cushman & Wakefield
StoryCushman & Wakefield
Weekly NotesNotes on how belief moves.

Strategic notes on narrative, perception, and brands with a point of view.

Elsewhere
LinkedInInstagram

Reference

Case study component reference.

A live gallery for every shared component whose name starts with CaseStudy. Copy the exact component name from each section.

Component

CaseStudyBrandCard

Brand system assets

Brand Guideline Sheet

Identity, palette, type, and applied assets in one compact reference.

Application

01

Website Screens

Typography

Aa

Assets

Primary marks

Campaign kit

Palette, logos, typography, and application examples.

Palette

Type

Assets

Primary Logo

Website Screens
Usage

Use across primary brand surfaces and client-facing materials.

Secondary Logo

P

Usage

Use across primary brand surfaces and client-facing materials.

Submark Logo

C

Usage

Use across primary brand surfaces and client-facing materials.

Logo Mark

L

Usage

Use across primary brand surfaces and client-facing materials.

Color Palette

A compact palette system for brand surfaces.

CMYK: Print and campaign materials.

RGB: Digital and web surfaces.

Primary Color

Brand anchor

Surface Color

Neutral base

Dark

Light

Accent

Canvas

Brand Assets

Reusable pieces for web, social, printed material, and campaign touchpoints.

Primary marks

Campaign kit

Primary marks

Campaign kit

Primary marks

Campaign kit

Primary marks

Primary Font

Aa

Usage

Use for headings, labels, and authored moments.

Secondary Font

Aa

Usage

Use for headings, labels, and authored moments.

Complement Font

Aa

Usage

Use for headings, labels, and authored moments.

Website Screens

Image

Mockup

Primary marks

Component

CaseStudyBrowserComparison

Before and after

01Before
old.example.com
Before website homepage
02After
new.example.com
After website homepage

Component

CaseStudyCallout

“

Key Insight

The strongest case-study moments are not decorative. They help a client see what changed and why it mattered.

Component

CaseStudyCampaignStories

Campaign stories

A sliding set of campaign covers with expandable story frames.

Story 1

Story 1

Story 2

Story 2

Story 3

Story 3

Story 4

Story 4

Proof frame 1

Proof frame 1

Proof frame 2

Proof frame 2

Proof frame 3

Proof frame 3

Proof frame 4

Proof frame 4

0102
02

Component

CaseStudyChartLegend

Series

Component

CaseStudyCommonSection

The solution

Sample outcome

3.4x

Lift in qualified enquiries after the new story went live.

Turn scattered material into a story people can follow.

This section handles the recurring problem, solution, and outcome structure used across client stories.

A useful case study should make the decision easier.
FableForce reference copy

Sample outcome

3.4x

Lift in qualified enquiries after the new story went live.

Component

CaseStudyDeliverables

Scope of work

What We Delivered

03Deliverables

  1. 01

    Narrative architecture

    Offer, audience, proof, and conversion path.

  2. 02

    Identity system

    Logo, typography, color, and campaign templates.

  3. 03

    Website deployment

    A story-led site built around buyer questions.

Component

CaseStudyDocumentShowcaseSection

Brand narrative deck

A document-style preview for strategy collateral.

Document preview

Campaign guide

A second document to show paired collateral.

Campaign guide preview

Component

CaseStudyEventFilmsSection

0:00

Film

Founder interview

Video-led event story for case-study moments.

0:00

Behind the scenes

Campaign shoot

A second event block for multi-film pages.

Component

CaseStudyExpandableGallery

A masonry preview that opens into a lightbox.

Component

CaseStudyFeatureFilmSection

0:00
A full-width feature-film moment.

Component

CaseStudyFlipbook

Strategy Flipbook

Flip through the document.

Cover

A clearer market story

Use copy pages or image pages.

1
Website page2

Proof

From offer to evidence

The flipbook handles page turning and spread controls.

3
Booking page4
1/ 4

Component

CaseStudyHero

Case Study

Reference Client

A complete case-study hero using the shared gallery strip.

Hero image 1
Hero image 2
Hero image 3
Hero image 4
Industry:
Healthcare
Year:
2026
Solutions:
Strategy, Identity, Website
Location:
Singapore

A complete case-study hero using the shared gallery strip

2026

3 focus areas across the engagement.

Component

CaseStudyImage

Case study image
Simple image block with caption.

Component

CaseStudyImageGallery

Gallery slide 1
Gallery slide 2
Gallery slide 3
Gallery slide 4

Component

CaseStudyImageMarquee

Marquee image 1Marquee image 2Marquee image 3Marquee image 4Marquee image 5Marquee image 6Marquee image 1Marquee image 2Marquee image 3Marquee image 4Marquee image 5Marquee image 6
Marquee image 3Marquee image 4Marquee image 5Marquee image 6Marquee image 1Marquee image 2Marquee image 3Marquee image 4Marquee image 5Marquee image 6Marquee image 1Marquee image 2

Continuous moving rows for image-heavy stories.

Component

CaseStudyInsight

FableForce

Insight

The offer was strong, but the story was doing too much work.

This component introduces the strategic insight and stacks supporting proof cards.

01

Problem

Card 01 of 3

Too many entry points

Buyers had to stitch together the offer themselves.

02

Built

Card 02 of 3

A sharper path

We grouped the proof around the questions people already had.

03

Shift

Card 03 of 3

Faster confidence

The new flow made the next step easier to understand.

1 / 3

Component

CaseStudyLineChart

Growth after launch

24to124

Series

Interactive line chart with legend controls and hover detail.

Component

CaseStudyMediaMosaicSection

Mosaic image 1
Mosaic image 2
Mosaic image 3
Mosaic image 4
Mosaic image 5

Mixed image mosaic with one featured frame.

Component

CaseStudyMobile

Mobile social feed

Phone mockup feed for social proof sections.

Alicia, Marcus and 18 others follow FableForce

FableForce

FableForce

4,800 followers

A sharper story gives buyers a faster way to understand the work.

...more
Campaign visual

Read the case study

fableforce.com/case-studies

Register
184 likes27 shares
LikeCommentRepostSend

Alicia, Marcus and 18 others follow FableForce

FableForce

FableForce

4,800 followers

A sharper story gives buyers a faster way to understand the work.

...more
Campaign visual

Read the case study

fableforce.com/case-studies

Register
245 likes27 shares
LikeCommentRepostSend

Component

CaseStudyMobileStoryShowcase

01

Story sequence / 4 frames

Frame 1

Campaign

Proof in motion

Frame 1
Frame 2
Frame 3
Frame 4

Frame 01 / 04

Frame 1

A compact phone-based story frame.

Component

CaseStudyNarrative

Narrative image 1
Narrative image 2
Narrative image 3

Narrative section

A long-form editorial block for the story behind the work.

The narrative component supports image forward and copy forward sections.

Use it when a case study needs a more editorial rhythm than short result blocks can provide.

Component

CaseStudyOthers

Related-case-study gallery. It uses the real case-study registry and WebGL when available.

Learn more.

Component

CaseStudyParagraphs

This component handles simple editorial body copy with an optional drop cap for first-paragraph emphasis.

It is useful when the case-study page needs prose without a heavier section pattern.

Component

CaseStudyPhoneMockupStrip

Phone screen 1
Phone screen 2
Phone screen 3

Component

CaseStudyProgress

Ambient reading-progress component. On this reference page it appears at the top once you scroll far enough.

Scroll the page to see the fixed reading progress indicator.

Component

CaseStudyShowcaseImage

Showcase image

Component

CaseStudySiteBeforeAfter

Before
example.com
Before homepage
After
example.com
After homepage

Component

CaseStudySocialFeed

LinkedIn

FableForce

A lightweight slot for embedding platform-specific social samples.

Component

CaseStudySocialSampleSlider

Social sample 1

Social sample

Campaign frame 1

Social sample 2

Social sample

Campaign frame 2

Social sample 3

Social sample

Campaign frame 3

Social sample 4

Social sample

Campaign frame 4

Social sample 5

Social sample

Campaign frame 5

0102030405
05

Component

CaseStudyStatistics

3.4xMore enquiries
42%Lower bounce
6wLaunch timeline

Component

CaseStudyVideo

0:00
Video card with custom playback controls.

Component

CaseStudyVideoProfileRail

0:00

Documentary profile

Profile film 1

0:00

Documentary profile

Profile film 2

0:00

Documentary profile

Profile film 3

0:00

Documentary profile

Profile film 4

01020304
04

Component

CaseStudyWebsiteDesignSection

WebsiteScreen 1
reference.example.com
Website screen 1

Scrollable website-browser preview for design work.

Back to top