When CAPRI — the brand agency behind Protego Ventures' visual identity — approached BrandingLab to translate their work into a live Webflow website, the first thing we did was Google the name. Protego is the shield charm from Harry Potter. For a venture capital firm investing in defense technology companies, the name was perfect. The name alone told us everything we needed to know about the brief.
Protego Ventures backs founders building the next generation of defense technology — autonomous systems, advanced engineering, dual-use technology. Their website needed to speak fluently to two audiences who share nothing except sophistication: defense technology founders evaluating whether Protego understands their world, and institutional investors evaluating whether the firm is serious. Neither audience would tolerate anything that felt generic, flashy, or template-built.
We had four weeks. This is the full account of how we used them.
What makes a defense technology VC website different from every other financial services brief?
A defense technology VC website sits at a precise intersection that most web design briefs don't have to navigate: the institutional authority of venture capital combined with the serious, understated world of defense and security. Both contexts punish visual excess. Both contexts read design decisions as proxies for judgment. A firm that over-designs its website signals that it prioritises impression over substance — which is exactly the wrong signal in both worlds.
Most VC websites fail in one of two directions. They either go too clinical — grey text on white, portfolio logos in a grid, a generic "we back founders" headline that could belong to any fund — or they overcorrect into aggressive visual design that reads as a creative agency rather than a financial institution. Protego couldn't afford either mistake. Their investors and portfolio founders would notice immediately.
The brief CAPRI handed us was precise: translate their visual identity system into a live website. Not interpret it. Not improve it. Translate it faithfully, and make every decision in service of the authority they had spent months building into the brand.
Why did colour exploration take three of the four weeks?
CAPRI's visual identity centred on a particular shade of beige. Not the warm, approachable beige of a consultancy trying to appear human — a precise, restrained neutral closer to the tones used in certain military and industrial environments. That resonance was deliberate on CAPRI's part. On screen, beige is notoriously difficult to get right. It can read as dated, as unintentional, as simply beige. None of those readings were acceptable.
Our designer David went through dozens of hex value iterations across different monitor calibrations and ambient lighting conditions before the colour locked. The test at each iteration was the same: does this hold the weight CAPRI designed into it, or does it slide into something softer? Most iterations failed. The ones that didn't were eliminated for other reasons — too warm, too cool, not stable enough across different screen types. By the time we landed on the exact value, David had tested it on six different displays and in three different ambient lighting conditions.
This process sounds excessive for a colour decision. It wasn't. In a visual identity where restraint is the entire point, the beige either communicates authority or it communicates nothing. Getting it right on screen was the foundation everything else was built on.
The orange accents required similar discipline. Used against the restrained beige base, they had to provide visual relief and direct attention without tipping into energy or enthusiasm that the brand explicitly didn't want. The test was the same: does this serve the brand's authority, or does it undermine it?
How do you find photography for a defense technology brand?
Defense technology imagery has a narrow corridor between two failure modes. The first is sterile corporate photography — empty conference rooms, stock photo handshakes, generic data visualisations. These images communicate nothing about the sector and implicitly suggest the firm doesn't understand it. The second is military imagery — weapons systems, uniformed personnel, combat contexts. These communicate entirely the wrong thing for a VC. Protego backs technology founders. They are not a government contractor.
David built a photography brief around one rule: monochromatic images of defense technology hardware and research environments. Advanced engineering. Precision manufacturing. Autonomous systems in controlled settings. Technically serious, compositionally strong, human-free.
He described the search as hunting for unicorns. He went through forty images before finding twelve that earned their place on the site. The curation process took the better part of a week, because the images that pass the technical credibility test often fail the compositional test, and the ones that pass both often fail the tonal test — they read as too cold, too dramatic, or simply too literal. The twelve that made the cut were monochromatically precise, compositionally clean, and tonally consistent with a palette built around restrained luxury.
Why did the navigation go through seven iterations?
Navigation structure is where most VC websites make their clearest mistake. They organise information around how the firm thinks about itself — investment thesis, portfolio, team, contact — without considering that each of those categories serves a fundamentally different visitor with a fundamentally different question.
A founder evaluating whether Protego understands their sector is asking: does this firm invest in what I'm building, and do they have the network and expertise that would make them a valuable partner? A limited partner evaluating the fund is asking: what is the track record, who is the team, and what makes this fund's thesis defensible? An advisor or potential co-investor doing preliminary due diligence is asking: who are the principals, what are their credentials, and how does this firm position itself in the market?
Each of these visitors reads the same navigation through a completely different lens. Structure that works for one often fails the others. Getting the structure right required iterating until each path was unambiguous — not just adequate, but immediately clear to the specific visitor type most likely to use it.
Version one separated thesis from portfolio but conflated team and contact in a way that buried the partners. Version three got the top-level right but created ambiguity about where a founder would go to understand the investment focus. Version five introduced a structure that worked for founders and LPs but confused due-diligence visitors. Version seven resolved all three. "Like a well-designed weapon," David said when we locked it — "everything unnecessary has been removed."
What does the Webflow build look like when the design system is someone else's?
Building a website from another agency's design system requires a specific discipline that building from scratch doesn't: understanding the design intent deeply enough to make the hundreds of small decisions that aren't specified in any brand guide. What happens to the spacing ratio when a section has an odd number of elements? How does the typographic hierarchy adapt when a heading runs long? What is the correct treatment for a component that appears on one page but not others?
Every one of these decisions either honours the system or introduces a deviation that accumulates into incoherence. The Webflow build was structured to protect against deviation: a utility-first class architecture where every visual decision mapped to a defined token in CAPRI's system, rather than a series of one-off overrides that would compound maintenance problems over time.
The CMS structure was kept deliberately minimal: a portfolio collection for investments, a team collection for partners, a simple news section for announcements. Nothing the Protego team couldn't manage independently after handover. No complexity that would require them to call a developer every time they wanted to add a portfolio company.
What did Protego say — and what it actually meant
The feedback after launch: "Working with BrandingLab was like finding a partner who could read our minds. They understood that in our world, subtlety and precision matter more than flash. The website communicates authority and expertise in exactly the way we need to approach defense technology founders and investors."
The phrase that mattered most was "subtlety and precision matter more than flash." That's not just a compliment — it's a description of a discipline that the brief required and that most agencies would have failed by trying to make the project more visually impressive. The instinct in design is always to add. This project required the opposite: to hold the line, to trust that restraint would communicate more powerfully than creativity for its own sake, and to make that argument convincingly enough that the client trusted it.
The lasting result: prospects arrived at Protego's initial meetings already understanding the firm's thesis, positioning, and differentiation. The website was doing the positioning work that had previously required significant time in every first conversation. For a four-week project, that's the highest return possible.
The playbook: five principles for high-stakes brand translation
The Protego Ventures project surfaces five principles that apply to any website brief where authority is the primary requirement and the brand already exists:
One — translation requires more discipline than creation. Building from someone else's design system means every decision is constrained by intent you didn't set. That constraint is harder than starting from scratch, because you're not expressing your own creative judgment — you're serving someone else's, precisely.
Two — restraint is a skill, not a default. Choosing to remove rather than add is a design decision. In contexts where authority matters, every element that doesn't serve the brand's positioning is working against it. The discipline to make that call, repeatedly, across a full build is what separates translation work from creative work.
Three — time allocation should match decision weight. Three weeks on a colour decision sounds wrong until you understand that the colour was the entire visual foundation. Allocating time proportionally to the importance of a decision, rather than to its apparent complexity, produces better outcomes.
Four — navigation is editorial, not functional. The structure of how information is organised communicates how the firm thinks. For high-stakes audiences — investors, founders, senior operators — this is read as a proxy for judgment. Getting the navigation right is getting the positioning right.
Five — the website's job is to make conversations start further along. The measure of success for a Protego-type website isn't traffic or time-on-site. It's whether the right conversations begin with understanding rather than explanation. A website that does that positioning work in advance doesn't just improve first impressions — it improves the efficiency of every conversation that follows.
If you're working on a website brief where authority is the primary requirement — a financial services firm, a specialist advisory, a high-stakes B2B brand — book a discovery call with BrandingLab. Read the full Protego Ventures case study for the complete project breakdown. The Protego engagement started with a conversation about what the brief actually required. That conversation is where we start with every project like it.
Frequently asked questions about building authority-driven websites
How do you design a website where authority matters more than attention?
Authority-driven design prioritises restraint over impression. Every element that doesn't serve the brand's positioning is removed rather than refined. Colour systems are precise rather than expressive. Navigation is structured around visitor mental models rather than organisational hierarchy. Typography communicates credibility before it communicates personality. The discipline to make these choices consistently across a full build — to resist the instinct to add visual interest — is what produces a site that reads as authoritative rather than merely professional.
How long does it take to build a venture capital or investment firm website?
A focused VC or investment firm website typically takes three to six weeks when the visual identity system already exists. The Protego Ventures site completed in four weeks because CAPRI had built the brand system and BrandingLab's scope was translation and development. Projects requiring both brand strategy and web development run six to twelve weeks. The timeline is determined less by page count than by the complexity of the decisions — colour systems, navigation architecture, and photography direction all require iteration time that page-building doesn't.
What makes defense technology branding different from general financial services?
Defense technology branding operates under an additional layer of constraint: the sector itself carries specific visual associations — military imagery, government aesthetics, technical seriousness — that must be navigated carefully. A defense technology VC needs to communicate credibility within the sector without being mistaken for a government contractor, a military supplier, or a security agency. That navigation requires photography direction, colour choices, and typographic decisions that are calibrated to a specific cultural context that generic financial services design guidance doesn't address.
Can BrandingLab build a website from a brand identity created by another design agency?
Yes — brand-to-web translation is a distinct project type that BrandingLab has built a process around. When a brand agency has designed a strong visual identity system, translating it faithfully into a live, performant, responsive website requires understanding the design intent deeply enough to make decisions that aren't specified in the brand guide. BrandingLab's Figma-to-Webflow process is built specifically for this collaboration model, including structured handoff reviews that surface translation decisions before development begins.
How do you structure a VC website's navigation for multiple sophisticated audience types?
Navigation for multiple sophisticated audiences requires mapping each visitor type's primary question before any structural decisions are made. Each audience — founders, LPs, advisors, co-investors — arrives with a different primary question and a different path they need to walk through the site to answer it. The navigation structure should make each path unambiguous without requiring visitors to understand the firm's internal organisational logic. For Protego, seven iterations were required before each path was clear enough to meet that standard.