Brown Kapitaal Strict Brand CI
Premium Laravel systems for operations that need to scale.
This page defines the approved identity system for Brown Kapitaal: positioning, tokens, form components, component rules, voice, and AI usage rules. It is built for owner-led companies where software can materially improve operations, revenue, and reliable implementation.
The site is dark-first, not dark-only. Use dark premium sections for positioning and proof, then use approved light readable surfaces for long copy, forms, FAQs, legal pages, and case-study content when clarity matters more than atmosphere.
Product
Laravel agency
Senior implementation for automation, workflows, and operational systems.
Primary ICP
Owner-led operations businesses
Industrial, logistics, restaurants, gyms, and businesses with workflows worth automating.
Goal
Conversion and premium positioning
Build trust with specificity, not vague agency language.
Surface Strategy
Dark-first, not dark-only
Premium dark sections with light readable areas where conversion and comprehension need it.
01 / Brand Summary
A serious system for operational software work.
Brown Kapitaal is a premium Laravel agency for owner-led, operations-heavy companies. The primary ICP remains mid-market logistics, trucking, manufacturing, and industrial services. The secondary ICP includes restaurants, gyms, and service businesses when software can materially improve operations, revenue, capacity, or customer workflow. The brand must communicate speed, scale, senior focus, and reliable implementation for automation, workflow systems, rapid prototypes, and software that supports operational volume.
Better ICP Definition
Owner-led businesses with repeatable operational workflows where manual work, disconnected tools, or poor internal systems are directly limiting revenue, capacity, speed, or control.
Industry is secondary. Operational pain, owner urgency, ability to pay, and measurable business impact define whether the lead is worth pursuing.
Best-fit signals
- Already successful enough to feel operational pain.
- Owner or CEO is still close to day-to-day operations.
- Team relies on spreadsheets, email, paper, chat, or disconnected SaaS tools.
- Manual work, errors, delays, missed follow-ups, or poor visibility cost real money.
- Custom software is justified because standard tools do not fit how the business operates.
Buying triggers
- Adding locations, routes, staff, members, customers, or order volume.
- Hiring admin staff just to keep up with repeated work.
- Needing better reporting, dashboards, portals, scheduling, or workflow control.
- Current software does not fit, and workarounds are slowing the team down.
- Needing to connect systems that currently create duplicate work.
Priority 1
Operations-heavy mid-market companies: logistics, trucking, manufacturing, industrial services.
Priority 2
Multi-location owner-led businesses: restaurant groups, gym groups, clinics, and service businesses.
Avoid
Website-only projects, price-only buyers, vague app ideas, pre-revenue teams, and leads with no workflow or business case.
ICP Tokens
{
"definition": "Owner-led businesses with repeatable operational workflows where manual work, disconnected tools, or poor internal systems are directly limiting revenue, capacity, speed, or control",
"positioningRule": "Define the ICP by operational pain, owner urgency, ability to pay, and measurable business impact before industry",
"primaryICP": "Owner-led operations-heavy mid-market companies",
"primaryVerticals": ["logistics", "trucking", "manufacturing", "industrial services"],
"secondaryICP": "Owner-led businesses where software can materially improve operations or revenue",
"secondaryVerticals": ["restaurants", "gyms", "local service businesses", "multi-location businesses"],
"bestFitSignals": [
"Already successful enough to feel operational pain",
"Owner or CEO remains close to day-to-day operations",
"Relies on spreadsheets, email, paper, chat, or disconnected SaaS tools",
"Repeated admin work, mistakes, delays, missed follow-ups, or poor visibility cost money",
"Off-the-shelf software does not match how the business operates"
],
"buyingTriggers": [
"Adding locations, routes, staff, members, customers, or order volume",
"Hiring admin staff to keep up with repeated work",
"Needs reporting, dashboards, portals, scheduling, or workflow control",
"Current software does not fit and workarounds are slowing the team down",
"Needs systems connected to remove duplicate work"
],
"segmentPriority": [
"Operations-heavy mid-market companies",
"Multi-location owner-led businesses",
"Single-location businesses only when the operational pain and budget are clear"
],
"avoid": [
"Website-only projects",
"Price-only buyers",
"Vague app ideas without workflow or business case",
"Pre-revenue teams",
"Businesses that only need standard SaaS setup"
],
"qualificationRule": "Pursue when the business has repeatable workflows, manual bottlenecks, revenue leakage, capacity limits, or customer experience gaps that software can measurably improve"
}
02 / Design Tokens
Machine-readable brand decisions.
These tokens are the source for color, typography, spacing, radius, and depth across future UI.
Primary 500
CTA and brand recognition
#006AE4
Primary 600
Hover state
#0057BC
Primary 700
Active state
#004494
Page
Dark-first page background
#05070B
Section
Section surface
#0B1220
Card
Default card surface
#111827
Readable Surface
Long copy, forms, FAQs, legal, and case-study reading
#F8FAFC
Text Primary
Main text on dark
#F8FAFC
Text Secondary
Body text on dark
#CBD5E1
Slate
Cool operational neutral
#64748B
Design Tokens JSON
{
"colors": {
"primary": { "500": "#006AE4", "600": "#0057BC", "700": "#004494" },
"surface": { "page": "#05070B", "section": "#0B1220", "card": "#111827", "cardElevated": "#172033", "readable": "#F8FAFC", "readableMuted": "#F1F5F9" },
"text": { "primary": "#F8FAFC", "secondary": "#CBD5E1", "muted": "#94A3B8", "inverse": "#05070B" },
"border": { "subtle": "rgba(203, 213, 225, 0.16)", "strong": "rgba(203, 213, 225, 0.28)", "focus": "#006AE4" }
},
"typography": {
"heading": { "family": "Newsreader", "weight": "500", "tracking": "-0.015em", "lineHeight": "1.04" },
"body": { "family": "Inter", "weight": "400", "tracking": "-0.01em", "lineHeight": "1.6" },
"mono": { "family": "JetBrains Mono", "usage": "Technical labels, metrics, proof points, and operational signals only" }
},
"spacing": { "density": "balanced_b2b", "scale": { "xs": "0.5rem", "sm": "0.75rem", "md": "1rem", "lg": "1.5rem", "xl": "2rem", "2xl": "3rem", "3xl": "4rem", "4xl": "6rem" } },
"radius": { "sm": "0.375rem", "md": "0.625rem", "lg": "0.875rem", "pill": "999px" },
"shadows": { "card": "0 16px 48px rgba(0, 0, 0, 0.28)", "button": "0 10px 28px rgba(0, 106, 228, 0.28)", "none": "none" }
}
Typography
Newsreader gives the system premium restraint without compressing the headline.
Inter keeps body copy precise and readable. JetBrains Mono is reserved for labels, metrics, technical proof, and operational signals.
SYS / Laravel / Workflow / 24h
Mono accents must stay controlled. They should never become the main personality.
Spacing
Balanced B2B density: structured, breathable, and efficient.
Radius
Small to medium radius: serious, premium, and not playful.
Depth
Subtle elevation: dark surfaces, thin borders, and soft card shadows.
Readable Surfaces
Use light surfaces for long reading, forms, FAQs, legal pages, and case studies. This is not a theme toggle.
03 / Component Guidelines
Forms and actions must feel premium and decisive.
Buttons are restrained but clear. Inputs are large, boxed, labelled, and accessible. Cards organize proof, not decoration.
Buttons
- Primary CTAs use `primary-500` with restrained confidence.
- Hover uses `primary-600`; active uses `primary-700`.
- Button copy must be direct and specific.
Cards
Use elevated cards for workflow proof, metrics, service boundaries, case studies, and implementation details.
Operations Metric
42%
Manual handoffs removed after workflow automation.
Form Component Example
Automation intake
This form is a visual component sample. Labels are explicit and focus states are visible.
04 / CSS Variables
:root {
--color-primary: #006AE4;
--color-primary-hover: #0057BC;
--color-primary-active: #004494;
--color-page: #05070B;
--color-section: #0B1220;
--color-card: #111827;
--color-card-elevated: #172033;
--color-readable: #F8FAFC;
--color-readable-muted: #F1F5F9;
--color-text: #F8FAFC;
--color-text-secondary: #CBD5E1;
--color-text-muted: #94A3B8;
--font-heading: "Newsreader", serif;
--font-body: "Inter", sans-serif;
--font-mono: "JetBrains Mono", monospace;
--radius-md: 0.625rem;
--shadow-card: 0 16px 48px rgba(0, 0, 0, 0.28);
}
05 / Tailwind Config
extend: {
colors: {
primary: { 500: '#006AE4', 600: '#0057BC', 700: '#004494' },
surface: { page: '#05070B', section: '#0B1220', card: '#111827', elevated: '#172033', readable: '#F8FAFC', readableMuted: '#F1F5F9' }
},
fontFamily: {
heading: ['Newsreader', 'serif'],
body: ['Inter', 'sans-serif'],
mono: ['JetBrains Mono', 'monospace']
},
borderRadius: {
brandSm: '0.375rem',
brandMd: '0.625rem',
brandLg: '0.875rem'
},
boxShadow: {
brandCard: '0 16px 48px rgba(0, 0, 0, 0.28)',
brandButton: '0 10px 28px rgba(0, 106, 228, 0.28)'
}
}
06 / Voice Rules
Executive confidence. Specific support.
Copy starts with a short lead sentence, then supports it with an operational outcome or implementation detail.
Always lean into
Never use
07 / AI Usage Rules