Banshi Design Reference Library Website
A minimal white website for a design reference library: a hero where app icons pop up in the headline, a product browser window in a rounded frame, typed search with an interface gallery, a six-tile content-type bento, an agent search conversation demo, use-case cards, a floating-icons section and a dark footer with an oversized wordmark.
A complete single-file page to start from. Structure, copy slots and responsive layout are all in place; copy the prompt to your model and it rewrites the copy, colors and images for your brand.
Where to use it
SaaS Product官网与Landing Page: Heroes, Feature, Pricing, FAQ和收尾行动号召一次排好.
Install
With Builder, fetch the full page source with the 8pt CLI or call it directly from an editor connected to 8pt MCP.
Code
Single-file HTML + CSS, no build step.
<!doctype html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>版拾 · App 与网站的设计参考库</title><meta name="robots" content="noindex">
<style>
:root{--ink:#111113;--mut:#6b6b70;--soft:#f3f3f4;--line:#e7e7ea;--card:#fff;
--sans:"Inter","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;
--mono:ui-monospace,Menlo,Consolas,"DejaVu Sans Mono",monospace;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.bs-wrap{max-width:1080px;margin:0 auto;padding:0 24px}
…