8,670 个真实页面版块

做一个版块之前,
先看别人怎么做。

首屏、品牌墙、价格方案、用户评价、商品网格、页脚……每个版块都写清了布局、交互套路和组件,AI 先读说明再看图。

1,036 个版块
首页主视觉
首屏首页主视觉Linear
Left-aligned headline and supporting line with a small contextual link.
旗舰产品主视觉
首屏旗舰产品主视觉Apple
Full-width black campaign band with centered copy and large product media.
新品亮相
首屏新品亮相Apple
Full-width pale-gray band with centered headline, copy, actions, and device imagery.
主视觉
首屏主视觉Stripe
Wide headline and actions over white, with large gradient media and a customer-logo strip.
品牌主张
首屏品牌主张ElevenLabs
Two-column headline and supporting copy, with paired actions above the product demo.
品牌主视觉
首屏品牌主视觉Vercel
Open, full-width hero with left-aligned title, centered mark, right-side audience copy, and customer logos near the bottom.
ChatGPT 提问区
首屏ChatGPT 提问区OpenAI
Centered heading and prompt composer with a row of suggested action pills.
研究与产品
首屏研究与产品Anthropic
Warm-canvas introduction with a bold left headline and serif supporting paragraph in a two-column layout.
快捷直达
首屏快捷直达Raycast
Single-column centered hero with a compact navigation bar above and CTA below the message.
AI工作空间首页
首屏AI工作空间首页Notion
Light top navigation, centered hero and product showcase, followed by feature cards, customer stories, closing CTA, and footer.
全局AI助手
首屏全局AI助手Superhuman
Two-column hero with headline and product selector on the left, interface demonstration on the right.
金融主视觉
首屏金融主视觉Brex
Two-column hero with left-aligned headline, email form, and product image on the right.
沉浸式首屏
首屏沉浸式首屏monopo saigon
Full-bleed media with overlaid logo, language selector, vertical navigation, and centered statement.
香氛主视觉
首屏香氛主视觉AATHER
Full-width lifestyle image with overlaid statement and shop link.
产品主视觉
首屏产品主视觉Cursor
Left-aligned headline and two actions above a broad, full-width product demo.
主视觉
首屏主视觉Mercury
Centered headline and email signup over full-bleed landscape media.
新品主视觉
首屏新品主视觉Allbirds
Full-bleed split lifestyle and product imagery with right-aligned campaign copy and actions.
新品主视觉
首屏新品主视觉DJI
Wide featured hero with centered product messaging and surrounding promotional modules.
主视觉轮播
首屏主视觉轮播EcoFlow
Full-width campaign hero with centered copy above a large product visual.
活动轮播
首屏活动轮播Insta360
Full-width campaign carousel with copy on the left and creator/product imagery to the right.
秋季优惠主视觉
首屏秋季优惠主视觉Anker
Full-bleed campaign image with centered headline and supporting copy.
无线充电新品
首屏无线充电新品Anker
Full-width dark campaign image with centered product message.
节日主视觉
首屏节日主视觉Glossier
Full-bleed campaign image with a left-aligned white offer panel.
产品主视觉
首屏产品主视觉PostHog
Navigation above a centered hero stage; two-column copy and signup card lead into a wide product demo.
折叠新品首屏
首屏折叠新品首屏Apple — iPhone Duo
Centered headline and preorder details above a large device image; pricing capsule overlays the lower image area.
品牌首屏
首屏品牌首屏Resend
Dark navigation above a left-aligned hero headline, copy, and actions beside a subdued visual.
产品主视觉
首屏产品主视觉Ramp
Left-aligned headline and email CTA above a wide product-interface showcase.
首屏主视觉
首屏首屏主视觉Kalstore
Split composition: close-up calendar imagery beside a light calendar display and dark blue CTA panel.
品牌首屏
首屏品牌首屏Whop
Centered headline and illustration stack with header navigation above and compact footer links below.
姓名与身份
首屏姓名与身份Maëlan Le Meur
Full-width dark hero made of alternating oversized typographic bands and fine horizontal rules.