Telegram、 WhatsApp+380637610482
瓦列里·丹尤克
瓦列里·丹尤克开发者为企业开发人工智能工具。高质量,价格实惠。通过 Telegram 联系
Bpco — 此风格的网站预览

Bpco

一份用混凝土板制成的排版宣言。一套黑白新闻资料包,其中超大的Helvetica字体模仿照片,唯一的纹理是主字体下方的一张皱巴巴的纸。

Bigpicture 采用单色编辑系统,将网页处理得如同印在原纸上的印刷宣传册。界面完全摒弃了色彩,仅依靠黑色墨水、留白、细线和均匀的褶皱纸张纹理来营造氛围。字体排版至关重要:标题采用 274 像素的 Helvetica Neue 700 字体,并采用大幅度的负间距,使文本成为屏幕上最主要的视觉元素。等宽的标题(例如 [01-N 简介]、创意/代理机构)如同印刷风格的签名,而四角闪亮的图标则是各部分之间唯一的装饰。布局宽裕,令人联想起自助出版——各部分之间 72 像素的间距、144-250 像素的水平边距以及边角为 288 像素的全宽图像块,使页面如同画廊墙面般舒展,而非仅仅是一个软件。

页面最大宽度约为 1440 像素,居中显示,水平内边距为 40 至 144 像素,具体数值取决于页面内容密度。主图为全宽图片,上方叠加文字。图片下方,内容交替呈现居中文本块和满版排版。页面底部 60% 为长篇滚动宣言,大号文字逐行填充整个视口宽度,并以光泽分隔线分隔。导航栏为位于视口顶部的浮动栏,而非全宽面板。页脚为一条带有细边框的单条。

摄影作品占据了主屏幕——大幅建筑和户外广告图片(广告牌、建筑外墙、街头广告)以全尺寸呈现,并采用圆角处理。页面下半部分叠加了褶皱纸张纹理,营造出触感,使界面看起来像一本印刷杂志。一个用线条绘制的小地球图标是唯一的插图元素。没有3D效果,没有抽象渐变,也没有产品模型——这些图像真实、工业化,取材于该机构的户外广告作品集。

调色板

中性的

  • Press Ink #121212 — 正文、细线、章节边框、图标轮廓和页脚文字都使用单一的深色,承载了 95% 的前景信息。
  • Paper White #ffffff — 页面画布、纸板表面、导航栏背景、带标题框的表面。
  • Newsprint #f1f1f1 — 细腻的表面填充,柔和的边框,纤细的分隔线,色调隐藏在皱纸的纹理之后。
  • Foil Gray #e1e1e1 — 浅色边框、图标轮廓形式的装饰、附加分隔线。
  • Mute Gray #c5c5c5 — 次要文本、残疾状况、低对比度表面线条

排版

从 13 像素到 274 像素 · 6 步

  • Helvetica Neue — 替代品: Inter · 轮廓 400, 500, 700 · 通用工具 - 正文文本尺寸为 17px/1.29,标题尺寸为 75–274px,最大字号时字母间距为 -0.04em,导航标签尺寸为 15px
  • PPSupplyMono — 替代品: JetBrains Mono · 轮廓 400 · 元标签和括号标签(如 [01-N 简介])以及章节标签(广告、创意/代理、线下营销)是唯一打破 Helvetica 单调性的排版强调。
  • PPSupplySans — 替代品: Inter · 轮廓 400 · 页脚中的辅助导航和微文案需要使用不同的无衬线字体。

音程和形式

目的意义
密度平均的
基本步骤50px
按钮半径8px
卡片半径20px
阴影无边框,取而代之的是阴影
各部分之间72px
页面宽度1440px

AI 将按照Bpco风格构建您的网站并填充内容。

  • 通过链接( Instagram 、 TikTok 、 Facebook )发布产品和帖子。
  • 从旧网站迁移内容——只需指定地址即可。
  • 采用最佳引擎的现代设计: React ( Next.js ),开箱即用服务器端渲染和 SEO 优化。
  • 全自动搜索引擎优化,支持搜索结果和神经网络推荐。

相似风格

  • Steep — 对暖纸上的衬线字体进行分析
  • Newformcap — 更衣室里的社论报纸
  • Claude — 一件印在温暖羊皮纸上的艺术品——骨纸上的墨迹,黏土是唯一的色彩。
  • 11x– Digital workers — 一片电影化的编辑荒漠——风景全景照片配上气势恢宏的衬线字体标题,读起来就像是豪华杂志的插页。
  • Revolut — 这是一幅以云朵照片为基础的单色社论作品——白色墨水、药盒纽扣,以及在一片灰暗世界中出现的一条蓝色条纹。
  • Scheduling — 米色纸上的编辑墨水
  • Titan — 暖色调单色档案
  • Programa — 正午时分,瑞士的一间设计工作室里,白色的画廊墙面被一盏黄色台灯照亮——一切都以灰色为主色调,直到某个按钮、图标或装饰物吸引了你的目光,这时,那一抹黄色点缀便定义了整个房间。
  • Sana Agents — 编辑作品中,白色背景上的青柠闪光
  • Visual — 温暖的编辑地下出版物。米色纸张,衬线字体海报,单色页边批注,一支黄色马克笔。
  • Midday — 羊皮纸材质的编辑手册 - 72像素衬线字体标题,暖石色背景,无衬线字体正文,留有间距,药丸形控件,无阴影
  • Chat for impact — 一家绿树成荫、房间色调柔和的诊所