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.

Premium, not decorative
Technical, not developer-only
Executive, not generic agency
Dark-first, not dark-only

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.

Primary goal

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

automate operations scale fast focused prototype ship reliable measurable workflow systems clarity senior Laravel implementation

Never use

innovative cutting-edge next-gen seamless world-class bespoke leverage unlock transform your business digital transformation nice modern clean cheap affordable hustle

07 / AI Usage Rules

Consistency over novelty.

Always use #006AE4 / primary-500 for primary CTAs.
Never introduce new brand colors without explicit approval.
Always design dark-first, not dark-only; use approved light readable surfaces where comprehension and conversion need it.
Do not add a dark-mode toggle or parallel light/dark theme implementation.
Use light readable surfaces for long copy, forms, FAQs, legal pages, and case-study content.
Always use Newsreader for headings and Inter for body copy.
Use JetBrains Mono only for technical labels, metrics, and proof-point details.
Always preserve WCAG AA contrast.
Always design mobile-first.
Always use the approved spacing, radius, color, and shadow tokens.
Never use banned vocabulary in marketing copy.
Never make the brand playful, generic-agency, stale-corporate, or luxury black/gold.
Never guess fonts, colors, or new UI styles. Ask before extending the system.
Prioritize consistency over novelty.