Calls
Status
Calls
Chats
Communities
Settings
WhatsApp Call
Weekly sync call log
A WhatsApp call history screen with incoming, outgoing and missed entries — useful as a supporting prop next to a chat thread.
Open the WhatsApp Call generator →WhatsApp Call examples
WhatsApp Call chat screenshot examples
A call log tells a story in numbers: durations, directions and the occasional missed call. This gallery pairs the WhatsApp chat generator with its call-log sibling — incoming, outgoing, video and missed entries, each with editable duration and timestamp.
Calls
Status
Calls
Chats
Communities
Settings
WhatsApp Call
Calls with home
A personal call history mixing voice and video entries across a couple of days — the warm, everyday counterpart to a chat thread.
Open the WhatsApp Call generator →Calls
Status
Calls
Chats
Communities
Settings
WhatsApp Call
Catching up with friends
A WhatsApp call log mixing answered, missed and video entries across two days — the supporting prop that makes a chat scene feel lived-in.
Open the WhatsApp Call generator →Why these compositions work
The arrow grammar of a call log
A call log is read through its arrows, and every one of them means something specific. A green arrow pointing up and to the right marks a call you placed; a green arrow pointing down and to the left marks one you received; a red arrow means you missed it, and in the real app the caller's name turns the same red (#ea4335). That grammar is why a log where every row points the same direction looks staged — real usage is a messy mix, mostly outgoing, a couple of incoming, the occasional miss. Our weekly-sync example deliberately includes all three. When you build one, resist the tidy version: a history with a missed entry, an unanswered one and a long call from last night reads as authentic far faster than a clean list of answered calls.
A list wants different spacing
The Calls screen is a list, not a conversation, and it wants different spacing from a chat. Each row leads with a 46px avatar, a bold caller name, then a second line carrying the direction and the time, with a green phone icon parked on the right. Completed calls can carry a duration as small grey text under that direction line, and it is the durations that make the log feel lived-in — six minutes beside forty-two says more about the relationship than any amount of styling. Because the row is horizontal and information-dense we keep names short and let the mixed durations do the work. Rendering a call log as chat bubbles with a phone icon, which some generators do, misreads the whole screen.
Keeping the tab bar and the green
Two things anchor the call log to WhatsApp. The first is the bottom navigation: Status, Calls, Chats, Communities, Settings, with Calls highlighted in the app's green (#00a884). A genuine screenshot of this screen almost always includes that bar, so cropping it off is the standard workaround for tools that cannot draw it — which makes its absence a quiet tell. The second is the colour continuity: the call log borrows WhatsApp's green for its accents and the same red for missed entries, so it sits visually beside a chat thread from the same account. What it does not borrow is the chat structure. This is a list of rows, and treating it as anything else breaks the illusion before a viewer reads a single name.
Design details we reproduce
- Incoming, outgoing and missed entries with correct arrow and colour codes
- Video-call entries with the green camera icon and 'video call' label
- The authentic five-tab bottom bar: Status, Calls, Chats, Communities, Settings
- Yesterday-style date entries mixed with same-day times
Where these scenes shine
Weekly sync logs, calls-with-home threads and a friends' catch-up log all work as supporting props next to a chat scene — one screen of context that makes the story feel real.
Make your WhatsApp Call mockup →WhatsApp Call mockup questions
Can I mix calls and chats in one mockup?
They're separate generators — build the chat with one and the call log with the other, then use both images in sequence in your video or deck.
What does a missed call look like?
A red arrow label with the duration field empty — leave the text blank and the entry renders as a missed call, as in the example above.
Can I show a video call?
Yes — tick the Video box on any call entry and the row renders with a green camera icon and an 'Incoming/Outgoing video call' label, as in the first example above.