reDesign
Start a project
Start a project

Vulkro. We designed and built Vulkro's security website.

Client
Vulkro, a Reveriext product
Status
Live at vulkro.com
Services
Brand application, website, design system
Team
reDesign, with reLabs
vulkro.com home in the paper theme: the headline “Find vulnerabilities. Close them before hackers do.” over a figure of what Vulkro reads and the attack path it finds
The opening pairs the product claim with an illustrated attack path. The sequence gives visitors a concrete example to inspect before they reach the product detail.

The challenge

Vulkro's website has to explain a security finding to the engineer evaluating it and the lead reviewing the purchase. The design task was to connect the product claim to an understandable attack path, then make the supporting evidence and its limits visible.

We designed the page hierarchy, attack-path figures, paper and night themes, and shared interface components. The Salesforce page develops a specific example, while Proof and Pricing answer separate evaluation questions. That separation lets visitors move from the claim to a specific example, then inspect the evaluation and offer.

Visit vulkro.com

vulkro.com home on a phone, night theme
Orange connects the illustrated path with the main action. The night theme carries the same message order from the headline through the product explanation.
Designed themes
2
The preserved captures show paper and night versions of the site.
Page types in the captured set
5
Home, Salesforce, Cloud, Proof, and Pricing.
Accent linking path and action
1
Orange emphasizes the illustrated route and primary controls.
vulkro.com home, paper theme: “Find vulnerabilities. Close them before hackers do.”
Home, Salesforce, Cloud, Proof, and Pricing share type and surface roles. Their content serves different evaluation tasks without changing the site's visual language.

Paper, ink, and orange give the attack path a clear hierarchy.

Design direction

The captured direction uses light paper, dark ink, and fine lines to separate the explanation from its background. Orange emphasizes the attack path and primary actions. The night theme changes the surface roles while retaining the same content hierarchy. Fine lines group the details without competing with the path figure.

Isometric maze: an orange path runs from “Anyone online” to “Customer data”
The home figure follows one route from an online visitor to customer data. Showing the steps gives the reader a specific mechanism to examine.
The Vulkro for Salesforce page on a phone: “Most Salesforce risk isn’t in the code.”
The Salesforce phone layout presents the headline and actions before the path drawing, keeping the explanation in a linear reading order.
Isometric figure: a public page leads through a guest user, a sharing rule and Apex code to customer data
The Salesforce figure names the intermediate steps: a public page, guest access, a sharing rule, and custom code. Those labels connect the diagram to the configuration being explained.
The proof page on a phone: “Tested on code it has never seen.” over the found and missed counts
The proof presentation includes misses and false positives alongside findings. The readout makes the limits part of the explanation.

The Salesforce page explains the path across settings and code.

Vulkro for Salesforce, paper theme: “Most Salesforce risk isn’t in the code.” over the path figure
The illustration connects the entry point, intermediate permissions, and affected data. It gives the accompanying explanation a shared reference point.

Both themes preserve the same page hierarchy.

vulkro.com home, paper theme: “Find vulnerabilities. Close them before hackers do.”
vulkro.com home, night theme
The paper and night versions retain the headline, diagram, and action order. Surface and text roles change with the theme while the content keeps its place.

Proof and pricing give evaluation details their own pages.

The proof page, paper theme: “Tested on code it has never seen.”
The pricing page, paper theme: “Start free. Pay for the whole picture.”
The proof page, night theme, with the found and flagged counts
The pricing page, night theme
Proof separates the evaluation results from the product claim, while Pricing presents the offer. Results, caveats, and offer details have a defined place in the reading order. Shared components carry that structure across both themes.

Credits

Team

  • reDesign Website design, brand application, and UI implementation
  • reLabs Engineering

Built with

  • Docusaurus and React
  • Our own two-tier token system
  • Claude and Claude Code

Next project: Reveriext

Reveriext. A company website connecting Reveriext’s services, products, and practices