What font does VectorStock use?

VectorStock’s website uses three typefaces: VectorStockSans600 (headings and body text), self-hosted; VectorStockSans200, self-hosted; VectorStockSans450, self-hosted.

What are VectorStock’s brand colours?

The main colours on vectorstock.com are Blue (#4627E8), Pale Violet Red (#FF568E), Thistle (#CFC9F7), Medium Slate Blue (#745DEE), Crimson (#E70025) and Medium Purple (#7D73B1).

What colour is VectorStock’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is VectorStock’s logo from?

The logo shown in this guide was found on vectorstock.com’s homepage. For official logo files and usage rules, check VectorStock’s own brand or press page.

Is this VectorStock’s official style guide?

No. SiteStyleGuide made it from vectorstock.com’s public web pages on 1 November 2026, and isn’t affiliated with VectorStock. Members can refresh a guide after 90 days to pick up changes.

Unofficial A style guide made by SiteStyleGuide from vectorstock.com’s public web pages. Not affiliated with or endorsed by VectorStock. The real site is vectorstock.com ↗

Unofficial style guide

VectorStockstyle guide

VectorStock’s website (vectorstock.com) uses VectorStockSans600 for its headings and body text. Its palette is led by Blue (#4627E8), Pale Violet Red (#FF568E) and Thistle (#CFC9F7), with #000000 text on #FFFFFF. Captured from the live site on 1 November 2026.

Website: vectorstock.com
Typefaces: VectorStockSans600, VectorStockSans200, VectorStockSans450
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 1 Nov 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the vectorstock.com homepage on a desktop screen — Screenshot of vectorstock.com on a 1440 px desktop screen, 1 Nov 2026.

Screenshot of the vectorstock.com homepage on a phone — On a phone, 390 px.

Identity & metadata

What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.

Title &
description

Page title: Premium Royalty-Free Vector Images | VectorStock; ● 48 / 60 characters
Meta description: Discover royalty-free vectors with AI-powered search. Scalable, editable artwork in AI, EPS & SVG formats — ideal for print, web and commercial use.; ● 148 / 160 characters
Site name: VectorStock
og:title: Premium Royalty-Free Vector Images | VectorStock
og:description: Discover royalty-free vectors with AI-powered search. Scalable, editable artwork in AI, EPS & SVG formats — ideal for print, web and commercial use.
Language: en
Theme colour: #000000

In search results

VectorStockhttps://www.vectorstock.com/

Premium Royalty-Free Vector Images | VectorStock

Discover royalty-free vectors with AI-powered search. Scalable, editable artwork in AI, EPS & SVG formats — ideal for print, web and commercial use.

When shared

vectorstock.com

Premium Royalty-Free Vector Images | VectorStock

Discover royalty-free vectors with AI-powered search. Scalable, editable artwork in AI, EPS & SVG formats — i…

Logo & favicons

Found as: schema.org logo. PNG, 512 × 512.

Logo

On white

On black

On Blue

Favicons

4 found

256 px · ICO favicon.ico
180 px · PNG apple-touch-icon
64 px · SVG icon
48 px · PNG icon

Premium Royalty-Free Vector Images | VectorStock

Light browser tab

Premium Royalty-Free Vector Images | VectorStock

Dark browser tab

Colour

Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.

Contrast is against the site’s text colour (#000000) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 33.7%
Blue 20.2%
Black 15.4%
Light Grey 13.4%
Cool Charcoal 11.6%
Pale Violet Red 1.6%
Thistle 0.8%
Medium Slate Blue 0.5%
Crimson 0.4%
Medium Purple 0.4%
Midnight Blue 0.4%
Medium Sea Green 0.4%
Gold 0.4%
Lime Green 0.4%
Rosy Brown 0.3%
Spring Green 0.3%

By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.

Neutrals

Text, backgrounds and structure

White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
21.00:1 AAA

On white
—

Background, text, graphic · html[data-pagetype=home] #vs-page #header-permanent:not([data-fixed="1"]) #vs-he, .dropdown:where(:not(.dropdown--next)) .dd_values>div ul li[data-active="1"][ari
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Text, graphic, background · .vs-contextmenu .menu[data-variant=titlebar-overflow] .cm-actions button .icon>s, body
Light Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 31

On text
9.79:1 AAA

On white
2.14:1 Fail

Text, background, border · #vs-dialog-search-by-image[data-skeleton="1"] .sections section .dropzone .input, #vs-dialog-search-by-image .sections section .dropzone .inputs>div#input-url .in
Cool Charcoal

HEX

RGB

HSL

OKLCH

CMYK
9 9 0 82

On text
1.47:1 Fail

On white
14.29:1 AAA

Text, background, graphic · a.button, #vs-dialog-galleries .screen[data-id=galleries] .area-foot .panel-actions button

Colours

Brand colours and accents, most used first

Blue

HEX

RGB

HSL

OKLCH

CMYK
70 83 0 9

On text
2.72:1 Fail

On white
7.73:1 AAA

Text, background, graphic · .vs-contextmenu .menu[data-variant=titlebar-overflow] .cm-actions button[aria-ch, #vs-dialog-galleries .screen[data-id=galleries] .area-contents .area-body .galle
Pale Violet Red

HEX

RGB

HSL

OKLCH

CMYK
0 66 44 0

On text
6.97:1 AA

On white
3.01:1 AA large

Text, graphic, border · div[role=checkbox] label[data-error="1"] .checkbox input[type=checkbox]:checked+, #vs-dialog-search-by-image .sections section .dropzone .inputs>div#input-url .in
Thistle

HEX

RGB

HSL

OKLCH

CMYK
16 19 0 3

On text
13.35:1 AAA

On white
1.57:1 Fail

Background · .vs-contextmenu .menu[data-variant=titlebar-overflow] .cm-actions button:where(:, --active-inner
Medium Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
51 61 0 7

On text
4.54:1 AA

On white
4.62:1 AA

Used · --button-default-default-inner, --button-default-default-edge-bottom
Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 100 84 9

On text
4.42:1 AA large

On white
4.75:1 AA

Text, graphic · .mosaic .items .item>div .share button[data-action=pinterest] .icon svg
Medium Purple

HEX

RGB

HSL

OKLCH

CMYK
29 35 0 31

On text
4.96:1 AA

On white
4.23:1 AA large

Used · --button-feature-active-inner, --button-feature-active-edge-top
Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
97 96 0 63

On text
1.18:1 Fail

On white
17.75:1 AAA

Background · #vs-comparison .viewport .chrome .panel .timeline:before, #vs-comparison .viewport .chrome .panel .timeline:after
Medium Sea Green

HEX

RGB

HSL

OKLCH

CMYK
64 0 42 22

On text
9.80:1 AAA

On white
2.14:1 Fail

Used · --button-buy-active-edge-top, --button-buy-active-edge-bottom
Gold

HEX

RGB

HSL

OKLCH

CMYK
0 18 60 0

On text
14.56:1 AAA

On white
1.44:1 Fail

Background · #vs-feature #vs-feature-suggestions .terms .term a figure.theme-dandelion, #vs-vector .image-types .type .animation#panel-animation-vector
Lime Green

HEX

RGB

HSL

OKLCH

CMYK
78 0 49 17

On text
10.65:1 AAA

On white
1.97:1 Fail

Text · --button-buy-default-inner, --button-buy-default-edge-top
Rosy Brown

HEX

RGB

HSL

OKLCH

CMYK
0 18 12 24

On text
8.83:1 AAA

On white
2.38:1 Fail

Text · .textinput[data-error="1"] input::-moz-placeholder, .textinput[data-error="1"] input::placeholder
Spring Green

HEX

RGB

HSL

OKLCH

CMYK
90 0 56 11

On text
12.20:1 AAA

On white
1.72:1 Fail

Used · --button-buy-hover-inner, --button-buy-hover-edge-top

Gradients

linear-gradient(,) padding-box,linear-gradient(180deg,,)
linear-gradient(90deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 75%)
linear-gradient(90deg,hsla(0,0%,100%,.2) 25%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.2) 75%)

Typography

Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.

VectorStockSans600

Aa 200 Aa 600

VectorStockSans600

Self-hosted · weights 200, 600 · headings · shown in a stand-in if you don’t have it

Aa 200

VectorStockSans200

Self-hosted · weights 200 · headings · shown in a stand-in if you don’t have it

Aa 400 Aa 450

VectorStockSans450

Self-hosted · weights 400, 450 · headings · shown in a stand-in if you don’t have it

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”

Type scale

From the site’s CSS

Heading 1 — / 1.2 weight 600 · VectorStockSans600

VectorStock

Heading 2 1.5rem · 24 px / 1.25 weight 200 · VectorStockSans200

Premium Royalty-Free Vector Images | VectorStock

Heading 3 — / 1.2 weight 600 · VectorStockSans600

Premium Royalty-Free Vector Images | VectorStock

Heading 4 .875rem · 14 px / 1.2 weight 600 · uppercase · VectorStockSans600

Premium Royalty-Free Vector Images | VectorStock

Heading 5 — / 1.5 weight 200 · VectorStockSans200

Premium Royalty-Free Vector Images | VectorStock

Body 16px / 1.2

Discover royalty-free vectors with AI-powered search. Scalable, editable artwork in AI, EPS & SVG formats — ideal for print, web and commer…

Paragraph — / 1.25 weight 200 · VectorStockSans200

Discover royalty-free vectors with AI-powered search. Scalable, editable artwork in AI, EPS & SVG formats — ideal for print, web and commer…

Small — weight 200 · VectorStockSans200

Discover royalty-free vectors with AI-powered search. Scalable, editable artwork in AI, EPS & SVG formats — ideal for print, web and commer…

Button .875rem · 14 px / 1.28571429

Get started

Link 1.5rem · 24 px / 1.2 weight 600 · VectorStockSans600

Sizes in use

Most common across the site

22px1 rules
20pxline 1.25 · 1 rules
16pxline 1.25 · 2 rules
14pxline 1.28571429 · 19 rules
12px2 rules

Elements

The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.

Elements

Button

Get started

a.button.featured · #4627E8

Corner radius

2px · 24×
3px · 11×
4px · 4×
50% · 3×
11px · 2×
inherit · 1×

Shadows

0 0 0 0 transparent
0 7px 10px rgba(0,0,0,.15)
0 4px 10px 0 rgba(0,0,0,.2)
0 2px 4px 0 rgba(0,0,0,.5)

Layout

Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.

Grid

Breakpoints

480

481

890

891

1040

1060

1290

1300

On a scale of 0 to 1440 px.

Content widths (max-width)

980 px

700 px

600 px

550 px

500 px

300 px

Notes

Plain checks on what was found. Worth fixing if you look after this site.

Notes

● FineThe title is 48 characters, short enough to show in full in search results.
▲ CheckThe favicon is dark on a see-through background, so it nearly disappears on dark browser tabs.

Questions

Quick answers, from the same capture as the rest of this guide.

Questions

What font does VectorStock use?: VectorStock’s website uses three typefaces: VectorStockSans600 (headings and body text), self-hosted; VectorStockSans200, self-hosted; VectorStockSans450, self-hosted.
What are VectorStock’s brand colours?: The main colours on vectorstock.com are Blue (#4627E8), Pale Violet Red (#FF568E), Thistle (#CFC9F7), Medium Slate Blue (#745DEE), Crimson (#E70025) and Medium Purple (#7D73B1).
What colour is VectorStock’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is VectorStock’s logo from?: The logo shown in this guide was found on vectorstock.com’s homepage. For official logo files and usage rules, check VectorStock’s own brand or press page.
Is this VectorStock’s official style guide?: No. SiteStyleGuide made it from vectorstock.com’s public web pages on 1 November 2026, and isn’t affiliated with VectorStock. Members can refresh a guide after 90 days to pick up changes.

Design tokens

Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.

Tokens

vectorstock-com-tokens.css

Download

Free with an account: sign up or sign in, and you’ll come straight back here.

/* vectorstock.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/vectorstock.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-light-grey: #B1B1B1;
  --colour-cool-charcoal: #2A2A2E;
  --colour-blue: #4627E8;
  --colour-pale-violet-red: #FF568E;
  --colour-thistle: #CFC9F7;
  --colour-medium-slate-blue: #745DEE;
  --colour-crimson: #E70025;
  --colour-medium-purple: #7D73B1;
  --colour-midnight-blue: #03045E;
  --colour-medium-sea-green: #49C875;
  --colour-gold: #FFD166;
  --colour-lime-green: #2FD36B;
  --colour-rosy-brown: #C29FAA;
  --colour-spring-green: #16E363;
  --gradient-1: linear-gradient(,) padding-box,linear-gradient(180deg,,);
  --gradient-2: linear-gradient(90deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 75%);
  --gradient-3: linear-gradient(90deg,hsla(0,0%,100%,.2) 25%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.2) 75%);

  /* Typefaces */
  --font-headings: 'VectorStockSans600', sans-serif;

  /* Type scale */
  --text-h2: 1.5rem;
  --leading-h2: 1.25;
  --text-h4: .875rem;
  --leading-h4: 1.2;
  --text-body: 16px;
  --leading-body: 1.2;
  --text-button: .875rem;
  --leading-button: 1.28571429;
  --text-a: 1.5rem;
  --leading-a: 1.2;

  /* Shape */
  --radius-1: 2px;
  --radius-2: 3px;
  --radius-3: 4px;
  --radius-4: 50%;
  --radius-5: 11px;
  --radius-6: inherit;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 480px;
  --breakpoint-2: 481px;
  --breakpoint-3: 890px;
  --breakpoint-4: 891px;
  --breakpoint-5: 1040px;
  --breakpoint-6: 1060px;
  --breakpoint-7: 1290px;
  --breakpoint-8: 1300px;
  --max-width-1: 980px;
  --max-width-2: 700px;
  --max-width-3: 600px;
  --max-width-4: 550px;
  --max-width-5: 500px;
  --max-width-6: 300px;
}

{
    "site": "vectorstock.com",
    "source": "https://sitestyleguide.com/vectorstock.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Light Grey",
            "hex": "#B1B1B1",
            "rgb": [
                177,
                177,
                177
            ]
        },
        {
            "name": "Cool Charcoal",
            "hex": "#2A2A2E",
            "rgb": [
                42,
                42,
                46
            ]
        },
        {
            "name": "Blue",
            "hex": "#4627E8",
            "rgb": [
                70,
                39,
                232
            ]
        },
        {
            "name": "Pale Violet Red",
            "hex": "#FF568E",
            "rgb": [
                255,
                86,
                142
            ]
        },
        {
            "name": "Thistle",
            "hex": "#CFC9F7",
            "rgb": [
                207,
                201,
                247
            ]
        },
        {
            "name": "Medium Slate Blue",
            "hex": "#745DEE",
            "rgb": [
                116,
                93,
                238
            ]
        },
        {
            "name": "Crimson",
            "hex": "#E70025",
            "rgb": [
                231,
                0,
                37
            ]
        },
        {
            "name": "Medium Purple",
            "hex": "#7D73B1",
            "rgb": [
                125,
                115,
                177
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#03045E",
            "rgb": [
                3,
                4,
                94
            ]
        },
        {
            "name": "Medium Sea Green",
            "hex": "#49C875",
            "rgb": [
                73,
                200,
                117
            ]
        },
        {
            "name": "Gold",
            "hex": "#FFD166",
            "rgb": [
                255,
                209,
                102
            ]
        },
        {
            "name": "Lime Green",
            "hex": "#2FD36B",
            "rgb": [
                47,
                211,
                107
            ]
        },
        {
            "name": "Rosy Brown",
            "hex": "#C29FAA",
            "rgb": [
                194,
                159,
                170
            ]
        },
        {
            "name": "Spring Green",
            "hex": "#16E363",
            "rgb": [
                22,
                227,
                99
            ]
        }
    ],
    "fonts": [
        {
            "name": "VectorStockSans600",
            "stack": "VectorStockSans600, sans-serif",
            "weights": [
                200,
                600
            ],
            "source": "Self-hosted"
        },
        {
            "name": "VectorStockSans200",
            "stack": "VectorStockSans200, sans-serif",
            "weights": [
                200
            ],
            "source": "Self-hosted"
        },
        {
            "name": "VectorStockSans450",
            "stack": "VectorStockSans450, sans-serif",
            "weights": [
                400,
                450
            ],
            "source": "Self-hosted"
        }
    ]
}

Websites whose lead colour is closest to VectorStock’s

elegantthemes.com

elegantthemes.com · 4 days ago
Save
CDiscount

cdiscount.com · 4 days ago
Save
Foursquare

foursquare.com · 1 day ago
Save
Discover TV, Broadband & Mobile Phone Packages with Sky

sky.com · 6 days ago
Save

Captured from vectorstock.com on 1 November 2026. SiteStyleGuide isn’t affiliated with or endorsed by VectorStock; this guide describes the public website for reference.

VectorStockstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Light Grey

Cool Charcoal

Colours

Blue

Pale Violet Red

Thistle

Medium Slate Blue

Crimson

Medium Purple

Midnight Blue

Medium Sea Green

Gold

Lime Green

Rosy Brown

Spring Green

Gradients

VectorStockSans600

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run vectorstock.com?

Similar colours

elegantthemes.com

CDiscount

Foursquare

Discover TV, Broadband & Mobile Phone Packages with Sky

Title &
description