The BrainCrop Brand Book.

What BrainCrop is, and isn’t.

BrainCrop is a Pakistan-rooted software services firm that designs, builds, integrates, and operates production systems for banks, schools, retailers, and enterprises. The foundation below sets the constants — what every BrainCrop touchpoint should reinforce.

Mission

Build banking-grade software, AI-first, in production, for the long run. We exist to ship systems that go live and stay live — at scale, under regulator scrutiny, for years.

Positioning

BrainCrop is the team behind production-grade banking channels, education platforms, ecommerce stacks, and enterprise operations across six countries. We’re known for systems that don’t break under load, don’t fail audits, and don’t go dark when something goes wrong.

The anchor phrase appears on the homepage hero, in the email signature, on the back of the business card, and as the closer of investor decks. It is the single most important line in BrainCrop’s vocabulary.

What we believe

Who we’re for

• Banks and financial institutions shipping customer-facing channels, onboarding, and digital products at scale
• Educational institutes running multi-school operations on hybrid on-prem and cloud platforms
• Retail and ecommerce businesses needing custom ecommerce, payments, and multi-channel operations
• Enterprises running complex operations across ERPs, internal tools, and AI-assisted workflows
• Agency partners needing a white-label dev team for WordPress, ecommerce, and custom site work

How BrainCrop sounds.

BrainCrop writes the way it ships software — specific, confident, and free of fluff. The voice is one of a senior engineer who’s run production for years and is now explaining the work to a peer.

Six voice characteristics

• Confident, not boastful. “We built and operate Faysal’s WhatsApp channel for ~2M users.” Not: “industry-leading conversational AI.”
• Plain English over jargon. “Customer’s IT team owns production.” Not: “shared service ownership paradigm.”
• Specific over vague. “Live for 5 years at 184k+ monthly active users.” Not: “enterprise-scale.”
• Comma-rich, not bullet-rich. Long-form prose explains nuance. Bullets are for actual lists.
• Honest about trade-offs. “Big-bang rebuilds fail; we default to phased migration.” Trust grows from frankness.
• Pakistan-proud, globally credible. We name where we’re from. We also name where we deliver.

Tone modulation

The base voice stays constant; tone moves slightly with context:

• Marketing pages. Confident, warm, slightly emotive. “Tell us what you need to build.”
• Case studies. Factual, sequential, light on adjectives. Numbers do the work.
• Proposals and contracts. Precise, neutral, no hedging. Each clause is testable.
• Customer support replies. Direct, action-oriented, no apology theater.
• Investor communications. Composed, milestone-anchored, frank about risks.

The BrainCrop mark.

The primary mark is the wordmark “BrainCrop” set in Geist with a custom kerning. It works on light surfaces, dark surfaces, and the brand orange — but never on a busy background or a photo without proper treatment.

Primary · Light

#FFFFFF

Primary · Cream

#FDF6F0

Reverse · Dark

#0B1220

Reverse · Brand orange

#EC6726

Usage rules

What not to do

• Don’t stretch, skew, or distort the proportions
• Don’t change the color outside of approved palette (white, dark, brand orange)
• Don’t add drop shadows, outlines, or effects
• Don’t place on busy photography without a contrast plate
• Don’t recreate the wordmark in another typeface
• Don’t combine with another logo or symbol without lockup approval

Color palette.

The palette is deliberately restrained. One primary brand color, a deep neutral for text, a small set of greys for hierarchy, and supporting accents. Color is used for emphasis — not decoration.

Primary

Text

Surfaces & borders

Color rules

• One brand color, not many. Brand orange is the only accent that drives attention. Use it for primary CTAs, eyebrows, key links, and the anchor border on the founding statement — and nowhere else.
• Contrast is non-negotiable. Body text on white meets WCAG AA at minimum (4.5:1). On brand orange, use white at the maximum size for any text element.
• Don’t tint photographs with brand orange. If a photo needs treatment, desaturate or lay a dark overlay — never tint to brand color.
• Reserved status colors (success green, error red) follow the existing component palette in styles.css. Don’t introduce ad-hoc reds or greens.

Typography.

One typeface across the system: Geist, by Vercel. Geist gives us a modern grotesk with excellent legibility at small sizes and confident presence at display sizes. We use five weights and never substitute the typeface.

Weights in use

Type scale

Type rules

• One typeface. Geist for everything — display, body, monospace fallback for code only.
• Tight letter-spacing at display. H1 / H2 / H3 use -1% to -2.5% tracking. Body and below: default.
• Generous line height for body. Body sits at 1.6, small text at 1.5, display tighter at 1.05–1.3.
• Sentence case for body and headings. Title Case is reserved for proper nouns. UPPERCASE is reserved for eyebrows and tiny labels.
• Em dash, not hyphen. Connect clauses with em dash (—), not double-hyphen or en dash.

Spacing & layout.

A consistent 8px-based spacing scale, container widths capped at 1200px, and section padding that adapts down on mobile. Rhythm comes from the system — never from ad-hoc margins.

Spacing scale

Container & section

• Container max-width: 1200px, with 24px horizontal padding
• Reading container max-width: 760-880px (legal, brand book, prose-heavy pages)
• Section padding: 96px vertical on desktop, 64px on tablet, 56px on mobile
• Border radius: 6px (small), 10px (medium), 16px (large)

Shadows

• shadow-sm · subtle base elevation for resting cards
• shadow-md · hover and emphasized cards (4px / 16px / 6% slate)
• shadow-lg · floating dialogs, large hover transforms (12px / 32px / 8% slate)

Iconography.

All icons are outlined SVG, drawn on a 24×24 grid with a 1.8 stroke width, rounded line caps, and rounded line joins. The system is consistent so icons feel like they belong to the same family — even when they’re picked from different sources.

Source

BrainCrop’s outlined icon set is built on the Feather Icons foundation, with custom additions for domain concepts (NADRA identity, Raast, 1LINK, IBM MQ, DataPower, etc.). The visual treatment stays consistent across both sources.

Core UI components.

A small, durable set of components that compose every page. Whenever a new screen needs something, the answer should already exist in this set — or be added to it.

Buttons

Pills & eyebrows

Solution card

How we write, in practice.

Paired examples below show what we do and what we avoid. The differences are small at the line level but compound across a page.

Describing what we built

Describing the joint-ops model

Describing capabilities

Inviting the conversation

The brand in the wild.

Examples of the brand applied across common touchpoints — email signature, business card, social profile. Each follows the rules above. None reinvent them.

Email signature

Business card

Front · Back

Fahad Ahmed

Director

fahad@braincrop.net
+92 21 3432 1215
braincrop.io

Banking-grade software.
AI-first delivery.

Social profile copy

Pitch deck cover slide

2026 · Capabilities deck

Cover

Banking-grade software.
AI-first delivery.

Karachi · Lahore braincrop.io

One more thing.

A brand book is a living document. When something needs to change — a new product line, a new capability, a tone we hadn’t anticipated — we update this document, not the other way around.

Questions about how to apply the brand somewhere this document doesn’t cover? Email the design studio at design@braincrop.io. We’d rather answer once and update the book than have ten interpretations of the same rule.