Pogosov
Market closed · Pre-market opens in
EN|RU
--:--:--NY

APP MOCKUPS

1.4 mockups · batch B: input, menus, profile, English and large text

The call button stays in the header next to the avatar; video and the chat menu are in the contact’s profile. “Online” and “typing…” (Б-11, Б-12) need server work. Batch A is in the mockups list.

Б-1Empty input: paperclip, “Message”, microphone.
Б-1 light light Б-1 dark dark
Б-2Typed text: the microphone turns into the blue send button. The header has the call button next to the avatar.
Б-2 light light Б-2 dark dark
Б-3Long press on someone else’s message: blurred background, reactions on top, the menu below.
Б-3 light light Б-3 dark dark
Б-4Replying: a bar with the name and the text above the input, ✕ cancels.
Б-4 light light Б-4 dark dark
Б-5Long press on your own message: Reply / Copy / Edit / Delete.
Б-5 light light Б-5 dark dark
Б-6Editing your message: the edit bar, the blue check saves.
Б-6 light light Б-6 dark dark
Б-7Double tap — a ❤ reaction inside the bubble.
Б-7 light light Б-7 dark dark
Б-8The contact’s profile (tap the avatar): Call / Video / More, the handle, Media / Files / Voice / Links tabs.
Б-8 light light Б-8 dark dark
Б-9The More menu: search in chat, mute, report, block, delete for me.
Б-9 light light Б-9 dark dark
Б-10Swipe a message to the left — reply.
Б-10 light light Б-10 dark dark
Б-11Option that needs the server: “online” under the name.
Б-11 image
Б-12Option that needs the server: “typing…” under the name.
Б-12 image
Б-13English: the chat list.
Б-13 image
Б-14English: a conversation.
Б-14 image
Б-15English: the unread divider and the down button.
Б-15 image
Б-16Largest text size: the top of the list, contact requests.
Б-16 image
Б-17Largest text size: the chats in the list.
Б-17 image
Б-18Largest text size: a conversation.
Б-18 image
Б-19Largest text size: unread messages and the down button.
Б-19 image