Virtualstock  ·  Brand Guidelines
Europe's leading range extension platform. We help organisations sell more products online, without the risk.
Virtualstock is part of the Logicbroker family and operates as a distinct, separately branded product.
01 — Brand Strategy

Who We Are

Virtualstock is Europe's leading range extension platform. We help organisations sell more products online, without the risk — through a one-to-many connection between blue-chip retailers and their entire supplier base.
Range Extension
Sell more products online without holding stock or taking on inventory risk.
One-to-Many Network
A single connection between blue-chip retailers and their entire supplier base.
Proven at Scale
10+ years running dropship operations for Europe's largest retailers.
Note: Virtualstock is part of the Logicbroker family and operates as a distinct, separately branded product.
02 — How to Write About Us

How to Write About Us

Naming
Virtualstock — one word, capital V, lowercase s. Never VirtualStock, Virtual Stock, virtualstock, or VS in prose. The logo sets the name in all caps as VIRTUALSTOCK, but that is logotype styling only — never write it that way in running text.
Core Narrative

Virtualstock is Europe's leading range extension platform. We help organisations sell more products online, without the risk.

Boilerplate

The approved paragraph for press releases, partner materials, event programmes, and any "about us" placement. Use it verbatim — don't paraphrase or trim it.

Virtualstock is Europe's leading range extension platform. The platform enables blue-chip retailers to establish a one-to-many connection with their suppliers, simplifying and enhancing the profitability of ecommerce operations. With over 10 years of expertise, Virtualstock empowers organisations to dramatically increase online sales revenue, reduce operational costs and deliver a better customer experience with tailored and customer-centric dropship solutions. For more information, please visit www.virtualstock.com

04 — Colour

Colour System

Our palette is intentionally small. Each swatch carries HEX, RGB, PANTONE and CMYK for coated and uncoated stock. Click a swatch to copy its hex, or use the buttons to copy any other value.

Primary Colours
Magenta
HEX#E23D96 RGB226, 61, 150 PMSRhodamine Red C CMYKC10 / 85 / 0 / 0U10 / 100 / 0 / 0
Midnight
HEX#012237 RGB1, 34, 55 PMS5395 C CMYKC100 / 45 / 0 / 85U100 / 60 / 20 / 75
White
HEX#FFFFFF RGB255, 255, 255 PMSNone assigned CMYKC0 / 0 / 0 / 0U0 / 0 / 0 / 0

Magenta is Virtualstock's core accent colour — the brand's signature colour. Midnight is the primary dark colour, replacing black in backgrounds, cards, and dark UI surfaces.

Restricted Colours
Gradient use only — never a standalone fill or accent
Logicbroker Red
HEX#E40C0C RGB228, 12, 12 PMS485 C CMYKC0 / 95 / 100 / 0U0 / 100 / 100 / 0
Electric Indigo
HEX#4D30F2 RGB77, 48, 242 PMS2736 CP CMYKC95 / 85 / 0 / 0U90 / 80 / 0 / 0

Both are Logicbroker's colours, admitted here for gradient work only. Red also appears in the lockup's gradient bar and the "Powered by Logicbroker" gear mark. Neither may be used as a solid fill, button, background, icon, or text colour in a Virtualstock layout.

Lockup Gradient Bar

The bar beneath the wordmark is a three-stop horizontal gradient, taken directly from the master logo artwork. It runs magenta into Logicbroker Red — this is the one place the two brands' colours blend. Reproduce these exact stops; never substitute a solid fill.

Bar stop 1 — 0%  ·  Magenta
#E23D96
Bar stop 2 — 47.9%
#E52652
Bar stop 3 — 100%
#E40C0C
background: linear-gradient(90deg, #E23D96 0%, #E52652 47.93%, #E40C0C 100%);
Neutral Greys
Tints & Shades

Extended ramps for interface states, charts, and layered surfaces. Base is the palette colour; never introduce a hue that isn't derived from one of these.

Magenta
Logicbroker Red  ·  gradient use only
Electric Indigo  ·  gradient use only
05 — Gradient

Gradient Mesh

A radial mesh gradient built from Midnight, Magenta, Electric Indigo, and Red. Used for hero/cover backgrounds and section-break slides. Never applied to the logo wordmark itself.

Where the violet comes from: indigo is never painted as a flat violet. It sits between the Midnight and Magenta blobs, and the violets you see in live artwork — around hue 264–278° — are that overlap. Sampling the campaign examples in Section 07 confirms it: #641593, #51258B, and #522E89 are all blends, not stops. Use the recipes below and let the mesh produce them.
Variant A — Dark / Hero
Midnight · Magenta · Indigo · Red  ·  for cover slides & section breaks
CSS
/* Blobs fade through their own colour at zero alpha, never the `transparent` keyword — transparent is rgba(0,0,0,0), so blends toward it pass through grey and leave a dirty edge. Indigo sits above magenta and peaks at 70% alpha; that ratio is what puts the overlap at 273°, the violet the real artwork shows. Red is held at 60% so it reads as warmth in the mesh rather than a separate hot spot. */ background: radial-gradient(ellipse 78% 72% at 10% 15%, #012237 0%, #012237F5 18%, #012237CC 36%, #01223780 54%, #0122373D 72%, #01223712 87%, #01223700 100%), radial-gradient(ellipse 68% 62% at 46% 4%, #4D30F2B3 0%, #4D30F2AC 18%, #4D30F28F 36%, #4D30F25A 54%, #4D30F22B 72%, #4D30F20D 87%, #4D30F200 100%), radial-gradient(ellipse 72% 66% at 80% 25%, #E23D96 0%, #E23D96F5 18%, #E23D96CC 36%, #E23D9680 54%, #E23D963D 72%, #E23D9612 87%, #E23D9600 100%), radial-gradient(ellipse 70% 74% at 65% 85%, #E40C0C99 0%, #E40C0C93 18%, #E40C0C7A 36%, #E40C0C4D 54%, #E40C0C25 72%, #E40C0C0B 87%, #E40C0C00 100%), linear-gradient(135deg, #012237 0%, #2B1A31 30%, #4B1528 60%, #2A1B33 82%, #012237 100%);
Variant B — Light Wash
Pale wash  ·  for content slide backgrounds  ·  white must still dominate
CSS
background: radial-gradient(ellipse 82% 76% at 90% 5%, #F4C0D1 0%, #F4C0D1E6 20%, #F4C0D1A6 40%, #F4C0D159 60%, #F4C0D124 78%, #F4C0D100 100%), radial-gradient(ellipse 64% 58% at 50% 0%, #EAE7FD 0%, #EAE7FDE6 20%, #EAE7FDA6 40%, #EAE7FD59 60%, #EAE7FD24 78%, #EAE7FD00 100%), radial-gradient(ellipse 58% 52% at 100% 40%, #FAC77533 0%, #FAC7751F 30%, #FAC7750D 58%, #FAC77500 100%), #ffffff;
Hero backgrounds
Approved as a full-bleed cover or section-break background.
Accent elements
Fine for badges, dividers, and icon containers.
Logo fill
Never applied directly to the wordmark.
06 — Typography

Type Styles

Inter is our typeface, in Bold, Regular, and Light weights.

Weights
Aa
Inter Bold
Aa
Inter Regular
Aa
Inter Light
Type Scale
Heading
120px  ·  Bold
Virtualstock
Subheading
40px  ·  Regular
Sell more products online, without the risk.
Body text
20px  ·  Regular
Europe's leading range extension platform.
Tags / labels
20px  ·  Regular  ·  Uppercase, tracked
Curated Marketplace
Inter
300 Light 400 Regular 500 Medium 600 SemiBold 700 Bold 800 ExtraBold
Open Font License  ·  Google Fonts  ·  ZIP includes all weights
Download Font Files
07 — Imagery

Imagery

Virtualstock imagery works in two modes. Campaign artwork is Midnight-dominant with the gradient mesh — see the examples below. Product and concept illustration uses the Glass Card System: light, layered white panels, never raw screenshots or stock photos. Pick one mode per asset and commit to it.

The Glass Card System

Every piece of brand imagery shares the same card recipe. Build consistently from these values.

Fill
White #FFFFFF
or Panel #F7F8FA
Border
Gradient stroke
White 5% → 100% → 5% opacity, under 1px weight
Corner Radius
9–12px
Standard cards and panels
Shadow
Centred, no offset
Blur 17–20 · Black 8% opacity
Background Blur
120–140
Gives the frosted glass quality
Inner Shadow (optional)
Y 2 · Blur 4
White 40% — adds a lifted glass edge
Order Volume
1,284
Active Pending
Fulfilment SLA
98.2%
On Track 2 Alerts
Live HTML/CSS — rendered from the recipe values above. Dashed connector (2.5/7 dash pattern), pills on tinted backgrounds.
Corner Radius Scale
4–6px
Input fields & small UI elements
9–12px
Standard cards & panels
20px
Outer imagery frames
40px
Large bounding containers
50px+
Pills and badges
Quick Checklist
  • Cards use the glass card recipe — fill, gradient stroke, shadow, and blur
  • Only palette colours — no off-brand hues
  • Inter throughout, never another typeface
  • Depth through overlapping layers, not heavy drop shadows
  • Connectors are dashed with rounded bends (dash 2.5, gap 7)
  • Status elements use pill format with tinted backgrounds
  • Glass-card illustration stays light and airy; campaign artwork stays Midnight-dominant — never a muddy middle
Examples

Live campaign artwork, showing the gradient mesh in the wild. Note how indigo only ever appears as an overlap between Midnight and Magenta — never as a flat violet fill.

The Virtualstock gradient mesh as a standalone banner: Midnight through indigo into magenta
Gradient mesh — bareMidnight core, indigo through the middle, magenta at the right edge. The reference for Variant A.
Email newsletter header: the gradient mesh with the white Virtualstock lockup centred
E-news headerSame mesh carrying the white lockup, fading to white at the base so body copy can sit beneath it.
Social card reading Getting returns right for dropship, on a Midnight-to-indigo gradient
Social cardMidnight holds the left two-thirds for legibility; the mesh is pushed right behind the copy. Magenta picks out one phrase in the headline.
Breakfast Briefing event graphic: photography with a Midnight panel and a gradient mesh border
Event graphicMesh used as a full-bleed frame around a Midnight card, with darkened photography and a co-branded partner lockup.
Working from Real Product Screenshots

Rules for using real UI

  • Abstracted glass-card compositions are the default. Raw screenshots are the exception — use them only when exact UI accuracy matters.
  • Never include real customer names, partner names, logos, or identifiable order data in demo screenshots.
  • Crop to the meaningful region. Never show the full browser chrome, OS window, or desktop.
  • Never show unreleased features, internal admin tools, or screens not yet available to customers.
  • Replace any real data visible in the UI with clearly fictional placeholder values before publishing.
What We Show / What We Don't
What we show
Abstracted glass-card compositions that illustrate product concepts
Real product UI when accuracy matters — cropped, cleaned, and placeholder data only
Network, flow, and routing diagrams with dashed connectors
Light, airy, spacious layouts with ample white space
Layered card compositions that create depth without heavy shadows
What we don't
Stock photography of people — business handshakes, team at whiteboards, warehouse workers with clipboards
Muddy mid-tones — commit to Midnight or to white, never a grey in between
Drop shadows used to fake depth instead of layering
Third-party logos used as decorative elements
Generic "enterprise software" imagery with no connection to Virtualstock's product
08 — Icons

Icons

Describe a concept and get brand-ready icons instantly. Search across 1,900+ Lucide icons — download any result as SVG or PNG in your chosen brand colour.

What do you need an icon for?
growth supply chain ecommerce analytics automation partnership security shipping
Colour
Click any chip above to search instantly
24px grid · 2px stroke · Round caps & joins · Source: lucide.dev
Starter Icons
Colour
package
shopping-cart
store
network
zap
layers
globe
settings-2
trending-up
boxes
cpu
workflow
09 — Download Assets

Brand Assets

The genuine brand files, straight from the Marketing asset library. SVG for print, signage, and anywhere you need to scale cleanly; PNG for web and presentations.

Lockups
VS-LB-Black
Light backgrounds  ·  2351 × 707
VS-LB-White
Dark backgrounds  ·  2351 × 707
VS-LB-Black-Black
Single colour  ·  2351 × 707
VS-LB-White-White
Single colour  ·  2351 × 707
Logo Sign
Full-Color-Icon
Light backgrounds  ·  122 × 286
White-Color-Icon
Dark backgrounds  ·  122 × 286
Black-Icon
Single colour  ·  122 × 286
White-Icon
Single colour  ·  122 × 286
Virtualstock Gradient Mesh
Variant A — Dark / Hero
Generated at 2400 × 1600
Variant B — Light Wash
Generated at 2400 × 1600