Honkish
source · benji.org/honkish
气泡弹性伸缩
Honk · Presence输入时气泡弹性变宽，停顿 1.1s 后缩回。
Type something…
头像边框充满
Honk · Presence进入聊天时，头像外圈 stroke 从空到满 + 音效。拖动滑块对比"没有它"的样子。
Idle · waiting
双击精确反应
Honk · Presence双击聊天区任意位置，爱心精确出现在点击点 + 扩散圈，坐标以相对百分比存储。
hey, look at thisso good ✨Double-tap anywhere
垃圾桶填充
Honk · Play打字时垃圾桶慢慢装满，满了会抖，Clear 后倒掉。
背景色语义
Honk · Details点击"Delete account"，整个背景变红——严重性先于文字被感受到。
Destructive action
Remaining interactions
17 to build- Making presence feel real实时逐字直播
Two chat bubbles. As user A types, stream every character live to user B’s bubble in real time — typos, hesitations and edits included. No send button. - Making presence feel real50/50 同步分屏
When both users type at the same time, split the chat area 50/50 in real time; smoothly restore to full when one side pauses. - Making presence feel real离开挥手
When a user leaves a chat, show a brief burst of waving emojis at their avatar with a soft sound, then fade out. - Making presence feel real虚线半在场
When a user switches to another tab, render their avatar as a dashed outline to signal partial attention; restore on return. - Messaging as playHonk 按钮
A honk button: each tap fires a burst of emojis toward the friend’s avatar with a matching sound. Rapid tapping fills the screen with chaotic delight. - Messaging as playemoji 物理碰撞
Emojis are physics bodies: fire them across the screen; when two users send simultaneously, they collide and bounce via a tiny 2D physics engine. - Messaging as playMagic Words
Let users configure trigger words; when typed, spawn an in-place mini emoji burst at the exact word position. - Messaging as play老虎机匹配
An “I’m Feeling Lucky” button that rolls through options like a slot machine before settling on a match. - Messaging as playTop Picks 卡片堆
Before revealing a match, cycle through icons and stack them into a card deck fan-in animation. - Messaging as play内置小游戏
Embed real-time mini games that pause when either user leaves; celebrate wins with an animated crown drop on the winner’s avatar. - Little big details通知边框倒计时
Animated notification border that visibly counts down its remaining lifetime; urgency is readable at a glance. - Little big details手写签名
Before anonymous chat, require an on-screen handwritten signature; the friction and personal accountability reduce bad behaviour. - Little big details星空粒子匹配
A particle star field as matching backdrop; tapping accelerates the field and transitions into a profile slideshow on match. - Little big details评分表情滑块
A rating slider shaped like a logo whose facial expression animates based on the rating value. - Little big details头像皇冠
On win, drop an emoji crown onto the winner’s avatar with a bounce. - Typeface & Sound定制字体
For a distinctive product voice, commission (or pair) two bespoke typefaces: one for UI, one exclusively for message content. - Typeface & Sound定制音效
Design the interaction first, then compose audio to match its exact timing; sounds are part of the interaction spec, not an afterthought.