গরু · Cow
Verifiedদেশি ষাঁড় · Deshi Bull
Sirajganj · 420kg· 2y 4m
৳ 1,45,000 (আলোচনা সাপেক্ষে)
01 — Design tonality
ডিজাইন টোনালিটি
কৃষকের চেহারা শান্ত, সম্মানজনক ও কৃষিঘেঁষা — চটকদার নয়।
Krishok looks calm, dignified and rooted in the land — never flashy. Five principles hold the whole system together.
বাংলা আগে
Bengali first
Bengali carries every message; English rides beneath as a smaller italic or mono caption. Never English-only in consumer copy.
তিন রঙের ব্র্যান্ড
A tri-tone brand
Warm cream ground, deep green structure, one gold accent. These three are the swappable heart — everything else supports them.
সম্পাদকীয়, কর্পোরেট নয়
Editorial, not corporate
Confident Bengali display type, monospace uppercase labels, generous whitespace, one decorative paddy-stalk. Reads like a broadsheet, not a brochure.
পর্যায়ক্রমিক ব্যান্ড
Alternating bands
Sections alternate cream ↔ deep-green for rhythm and contrast — cream hero, green USP band, cream tiles, and so on.
যন্ত্রের মতো শান্ত
Quiet like a tool
Mono labels, precise spacing, gentle motion. The brand feels like a dependable instrument the farmer already trusts.
কৃষকের মর্যাদা
The farmer's dignity
Real farmers, real prices, zero commission. Every choice protects the seller's standing — we connect, we don't take a cut.
02 — Color
রং
গরম ক্রিম মেঝে, গভীর সবুজ কাঠামো, এক সোনালি হাইলাইট।
Cream ground, deep-green structure, one gold accent. The three "knobs" (cream / green-deep / gold) are the live-swappable heart of the palette.
Brand — swappable
knob#f8f1de
cream
--kh-cream
Primary page ground
knob#0f3d1f
green-deep
--kh-green-deep
Bands, primary CTA, headlines
knob#e8b73b
gold
--kh-gold
Accent — gold on deep green
Greens
#1f6b3a
green
--kh-green
Links, markers, prices
#2d8b4e
green-2
--kh-green-2
Accents on dark grounds
#d8ead8
green-soft
--kh-green-soft
Pale success wash
Golds & warm cream
#c98a1e
gold-deep
--kh-gold-deep
Gold text/links on cream
#fbe8a8
gold-soft
--kh-gold-soft
Pale gold fill
#f1e6c4
cream-2
--kh-cream-2
Inset panels, code chips
#fefcf6
paper
--kh-paper
Card / surface white
Support & text
#5a3a1c
earth
--kh-earth
Warm brown subheads
#8b6533
earth-soft
--kh-earth-soft
Eyebrow labels, captions
#c83a2c
red
--kh-red
Live / beta indicator only
#e36a52
red-soft
--kh-red-soft
Soft alert
#14241a
ink
--kh-ink
Body text
#2F855A
primary · legacy
—
Admin/farmer UI only — not marketing
Contrast rule. Gold #e8b73b is an accent on deep green, not body text on cream — for gold on a light ground use --kh-gold-deep #c98a1e. And red is the live/beta pulse only, never a decorative fill.
03 — Typography & fonts
টাইপোগ্রাফি ও ফন্ট
চার কণ্ঠ — বাংলা নেতৃত্ব দেয়, ইংরেজি পিছনে।
Four typefaces. Bengali leads every headline; English follows as a smaller italic or mono caption. The mono face is the brand’s signature label device.
Noto Sans Bengali · Bengali display & bodyweight 700 · ss01 · the .bn helper
কৃষকের নিজস্ব বাজার
অ আ ই ঈ উ ঊ ক খ গ ঘ চ ছ জ · ০ ১ ২ ৩ ৪ ৫ ৬ ৭ ৮ ৯ · ৳ ১,২০,০০০
Bricolage Grotesque · English displayitalic 500 · editorial subheads
The farmer's open market.
Plus Jakarta Sans · English body & UI400 / 600 / 800
Krishok connects Bangladeshi farmers and brokers directly with buyers — no commission, no middleman markup. This is the running text and interface voice: clean, humanist, quietly confident.
JetBrains Mono · Labels & datauppercase · tracking .14–.22em
BETA · v0.1 · QURBANI-2026 · 0% COMMISSION
Type patterns — copy these recipes
Beta · May 2026
eyebrow — mono · 10–11px · uppercase · tracking .2em · earth-soft/gold
গরু ও ছাগল
hero-bn — Noto Bengali 700 · clamp(40px,9vw,104px) · lh 1.02 · green-deep
Set your own price.
hero-en-sub — Bricolage italic 500 · clamp(20px,4vw,46px) · earth
সরাসরি ক্রেতার কাছে বিক্রি করুন।
body-bn — Noto Bengali 500 · clamp(16px,1.8vw,19px) · lh 1.65 · ink
04 — Style components
স্টাইল কম্পোনেন্ট
টোকেন থেকে তৈরি — যেই মার্কআপ সাইটে চলে, তাই এখানে।
Live, faithful renders of the real UI primitives — the same components that ship in the app. Hover the buttons.
Call-to-action — bilingual, arrow-in-circle
Status & badge pills
যাচাইকৃত · Verifiedবিক্রিত · Soldবুকড · Bookedভাগ 3/7 · VaagBikroy · SourceBETA
USP band — icon chips on deep green
কৃষক নিজে দাম ঠিক করেন
Farmer-set prices
০% কমিশন
Zero commission, ever
সরাসরি ক্রেতার সাথে
Direct to the buyer
Listing card & form input
rounded-kh-cta · border green/20 · focus ring gold/40
05 — Layout & tokens
লেআউট ও টোকেন
রং ছাড়া বাকি টোকেন — সরাসরি tailwind.config.ts ও globals.css থেকে।
The non-color tokens, straight from tailwind.config.ts & globals.css. The full machine-readable set lives in docs/brand/tokens.json.
| Layout & radius | Value | Token |
|---|---|---|
| max width | 1320px | --kh-max |
| page gutter | clamp(18px,4vw,60px) | --kh-pad |
| radius · card | 20px | rounded-kh-card |
| radius · market | 28px | rounded-kh-market |
| radius · cta | 16px | rounded-kh-cta |
| radius · pill | 9999px | badges, chips |
| Shadow & motion | Value | Token |
|---|---|---|
| shadow · lift | 0 10px 26px · green .08 | shadow-kh-lift |
| shadow · float | 0 12px 28px · .10 | shadow-kh-float |
| shadow · cta | layered gold ring + drop | shadow-kh-cta |
| fade-in-up | 0.4s ease-out | animate-fade-in-up |
| lift-on-hover | −2px · 0.2s | .lift-on-hover |
| ticker | 50s linear ∞ | .kh-ticker-track |
06 — Guidelines
গাইডলাইন
ওয়েব, মোবাইল, মার্কেটিং ও কণ্ঠস্বর — চারটি প্ল্যাটফর্মে একই ব্র্যান্ড।
How the system applies across every surface — web, the mobile app, marketing content, and how we write and speak.
ওয়েব
Website
- Mobile-first: build for 360px, add sm:/md:/lg: only to enhance — flex-col → sm:flex-row, never the reverse.
- Tap targets ≥ 40×40px; icon-only buttons need an aria-label.
- Wrap content in max-w-kh (1320px) with --kh-pad gutters; alternate cream ↔ deep-green bands.
- Tables become cards on mobile; filter/chip strips use overflow-x-auto, sm:flex-wrap.
- z-index ladder: navbar 50 · mobile menu 60 · listing modal 70 — slot floating UI in this range.
- No naked <table> or horizontal body-scroll at 360px.
- Fixed bottom bars must clear the home indicator: pb-[max(x,env(safe-area-inset-bottom))].
- Don’t animate transform/filter on a modal’s ancestor — it breaks position:fixed.
মোবাইল অ্যাপ
Mobile app
Companion app is not yet scaffolded — treat this as the contract it must ship against.
- Token parity: mirror the --kh-* palette and type scale exactly — docs/brand/tokens.json is the shared source.
- Bundle Noto Sans Bengali; keep display at weight 700, body at 500.
- Deep-green bottom tab bar, gold active state; primary actions in the bottom third for thumb reach.
- Touch targets ≥ 44pt (iOS HIG) — a hair larger than web.
- Respect safe areas (notch, home indicator) and the OS Reduce-Motion setting.
- Don’t hard-code hexes — read them from the shared token file so web + app never drift.
- Don’t ship English-only screens; the bilingual rule is platform-agnostic.
মার্কেটিং কনটেন্ট
Marketing & social
- Bengali headline leads; English caption + hashtags are secondary.
- One accent per composition — gold on deep green, OR deep green on cream. Never both grounds fighting.
- Prices always ৳ with en-BD grouping: ৳ 1,20,000.
- Sizes: 1:1 feed · 4:5 portrait · 9:16 story/reel. Keep the wordmark + tagline lockup with clear space.
- Photography: real farmers, natural light, documentary warmth — dignified, never stocky.
- No gold text on cream (fails contrast) — use gold-deep.
- The red beta pulse only where it’s literally true.
- Don’t clutter — one paddy-stalk motif is the whole decorative budget.
কণ্ঠস্বর ও ভাষা
Voice & speech
- Persona: a trusted neighbour from the haat — warm, straight-talking, respectful.
- Address the reader as আপনি (respectful); plain words, short sentences.
- Lead with the promise: “নিজের দাম নিজে ঠিক করুন।” / “Set your own price.” · “০% কমিশন — সবসময়।”
- Bengali numerals in Bengali copy where natural (০%, ৳ ১,২০,০০০).
- No hype or fake urgency — “সেরা দাম গ্যারান্টি!”, exclamation storms, countdown pressure.
- Never তুই/তুমি to the user; never English-only.
- Don’t call it e-commerce or “checkout” — Krishok is discovery, no in-app payment.