Inspired by BNB Chain

Biscuit Chain

An evidence-backed BNB Chain project-site kit translated into the fictional pet shop Biscuit Chain. Concrete style choices come from the local bnbchain-org dossier; weak product-dashboard categories are marked limited or unavailable.

lightminimaltechnicalconsumerlanding-pagecommunity-site
BNB Chain Pet Shop desktop screenshot

Cleaned style kit

Reusable style notes, not a copy kit.

Source
https://www.bnbchain.org/
Snapshot
State of Crypto Design 2026
Captured
2026-05-02T17:39:31.091Z

Implementation bundle

Copy one clean packet, or just the pieces you need.

Copy the full bundle when you want an agent to build in this style. Use the individual files when you only need tokens, CSS, Tailwind, or component prompts.

1Start with the bundle

The bundle keeps the build brief and style notes together.

2Use the tokens

Use CSS variables, Tailwind values, and JSON tokens when you need exact values.

3Borrow components

Component prompts describe reusable patterns. Keep weak areas marked limited or unavailable.

Implementation Bundlemarkdown
# Biscuit Chain Implementation Bundle

Use this as the build brief for an AI coding agent. The base remix prompt tells the agent what to make; the style kit adds evidence, component behavior, and known limits.

## Base Remix Prompt

Build an interface using the BNB Chain-inspired Biscuit Chain style kit. Use the extracted palette (rgb(55, 57, 67), rgb(140, 143, 155), rgb(24, 26, 30), rgb(30, 32, 38), rgb(255, 255, 255), rgb(196, 197, 203)), captured typography, layout rhythm, and component grammar from the local dossier. Translate it into an original pet-shop interface. Do not use source logos, screenshots, trademarks, or unsupported components.


## Agent Kit

# BNB Chain Pet Shop Agent Kit

Fictional brand: Biscuit Chain.

This kit translates the local BNB Chain dossier into a cleaned pet-shop style reference. Use DESIGN.md, tokens.json, components.md, interactions.md, product-patterns.md, and artifacts from /Users/qz/Documents/Builds/design-dossier/design-dossiers/bnbchain-org.

## Evidence

- Hero: AI-First. Low Latency. Low Gas Fee. MEV-Protected. All In One BNB.
- Colors: rgb(55, 57, 67), rgb(140, 143, 155), rgb(24, 26, 30), rgb(30, 32, 38), rgb(255, 255, 255), rgb(196, 197, 203)
- Typography: "Space Grotesk", -apple-system, ".SFNSText-Regular", "San Francisco", "system-ui", ".PingFang-SC-Regular", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif

## Limits

Concrete values and component claims must stay tied to the extracted evidence. Categories marked limited or unavailable should not be expanded without another capture. No source logos, screenshots, or trademarks.