07 / 15
便当格 Bento
所有内容都放在大小不一的圆角格子里，像一个便当盒。整齐、有产品感、一眼看懂。
全屏预览 (在新标签页打开)零售库存管理软件
会自己点数的库存。
同步追踪门店和网店库存，自动提醒补货，周日晚上不用再数箱子。
免费试用预约演示
- 01
实时库存
所有门店和渠道同步。
实时 - 02
补货提醒
畅销品卖完前就提醒你。
智能 - 03
销售报表
卖了什么、在哪卖、何时卖。
每日
示例商家均为虚构。
把我的页面改成「便当格」(Bento Grid) 风格：整齐、聚焦产品、容易扫读，每块内容都放在自己的圆角格子里。 配色：背景 #F4F4F5，格子 #FFFFFF，正文 #18181B，次要文字 #71717A，强调色 #4F46E5（靛蓝）。少数格子用柔和色调做变化：#E0E7FF、#FEF3C7、#DCFCE7。 字体：标题用 Bricolage Grotesque 粗体，字距 -0.035em，行高 1。正文用 DM Sans 15px。小标签放在灰色胶囊里。中文标题用思源黑体（700），正文用思源黑体；中文不要用斜体，也不要收紧字距。 布局：用 CSS grid 排列不同跨度的格子（有的 2×2，有的 1×1，有的 2×1），统一 16px 间距。首屏本身就是一个大格子；产品图、数据、功能和评价各占一个格子。手机上格子单栏堆叠。 组件：格子圆角 24px，1px #E4E4E7 边框或无边框，非常柔和的阴影。按钮全圆角；主按钮靛蓝配白字，次按钮白底加边框。数据格子里放大号数字。 动效：滚动进入视口时格子依次上浮，指针在格子内有柔和聚光，数字递增。 避免：没有结构的整屏文字段落、直角、粗边框、超过三种格子底色。