Phable / Editorial design & illustration
A slice of
shared
understanding.
Cucumber
Making technical ideas
worth spending time with.
A Slice of Cucumber / The publication and its possibilitiesStories. People. Practice.
Technical white paper designGive the
Give the
subject a
human voice.
The commission
Phable created A Slice of Cucumber, an illustrated white paper that brought interviews and company profiles together in an approachable editorial format.
The work made room for the people behind a technical subject, with clear hierarchy, expressive illustration and an invitation to keep reading.
The opportunity
Cucumber supports software teams with plain-language automated tests. Its wider practice of Behaviour-Driven Development starts with people building a shared understanding.
This folio presents the original publication work alongside new concepts for print, screens and conversation. Cucumber’s established identity is the starting point.
01 / Read the people behind the practiceFrom the original commission
Real stories.
Room to breathe.
The supplied customer-story pages combine interviews, profiles and illustration. Distinctive highlighted headlines open the story; columns and supporting details help readers find their way through it.
Proposed typography / Outfit + DM SansAa & 0123456789
Ask.Listen.Understand.
A good question
opens the page.
Outfit gives the expanded system a generous, geometric display voice. DM Sans supports the longer read. Scale, space and a carefully placed highlight create a clear rhythm between the two.
The original visual languageComplex subject.
Complex subject.
Open invitation.
The seated developer and connected tools come from the original artwork. Simple forms, expressive colour and a human point of view make the subject approachable.
Lime, green, peach and black extend the relationships already visible in the supplied work.
02 / Make space for the readerA small screen.
A small screen.
A considered read.
An article concept takes the publication’s editorial character into a focused mobile experience. A clear introduction, useful section markers and a saved-reading state give the story a purposeful structure.
01 Discover a topic02 Read at your pace03 Return to an idea
9:41 ●●● ▰
☰
A slice of / Ideas & practiceStart with a
conversation.
Before a team builds, it needs a shared picture of the problem.
Explore an example
A concrete situation gives people something useful to discuss. What should happen? Which questions are still open?
✓ Saved to your reading list
Reading, without the clutter.
Illustrative article text.
No invented interview or quotation.
From a single story to a useful collectionFind your next
Find your next
point of view.
● ● ●Cucumber / Editorial library concept
Learn Practice Perspectives
A slice of cucumberPeople.
People.
Practice.
Possibility.
Ideas for building a shared understanding.
All storiesLearnPracticePerspectives
LearnWhere the
Read →
Where the
conversation begins
Read →PracticeMake an
Read →
Make an
example concrete
Read →PerspectivesSee the subject
Read →
See the subject
through another lens
Read →03 / Let the content travelSomething
Something
worth
sharing.
A folded sleeve, slim publication and bookmark turn a digital subject into an inviting physical read.
A proposed content mailer, developed from the original palette and illustration.
Bring an idea
to the table.
A learning-kit concept connects reading with discussion. Example Mapping uses different card colours to distinguish a story, rules, examples and open questions.
Keep the story
clear in the room.
Presentation concepts combine the publication’s large headlines, generous colour and focus on people.
An identity made for conversation
Ideas grow
when we
share them.
Technical white paper & editorial designMake your expertise
Make your expertise
a better read.
Phable connects clear content, thoughtful illustration and considered design to help technology businesses tell a more engaging story.
Talk about your publication ↗What did Phable create for Cucumber?
A Slice of Cucumber, an illustrated white paper combining interviews and company profiles. The project brought an approachable editorial voice to a technical subject.
How can design improve a technical white paper?
Clear hierarchy helps readers navigate. Relevant illustrations explain and engage. A strong editorial structure makes room for the people, context and ideas behind the technology.
Explore more technology case studies and ongoing creative support.
Original publication artwork and illustrations: Phable’s Cucumber project. Cucumber’s existing identity remains the foundation. New print, typography, digital, campaign, workshop, icon, presentation and motion applications are portfolio concepts. Physical scenes are generated; screen interfaces are nonfunctional. The original customer stories are historical artwork. No corporate rebrand, software development or measured business outcome is attributed to Phable.
