Vidzflow

Video hosting for Webflow

Visit

Vidzflow

Emails

No items found.

🔒 Get SaaSFrame Pro to see 3 more emails from Vidzflow

Vidzflow

Create an account

3 screens

No items found.

Figma file available

Vidzflow Features Section

Figma file available

Vidzflow Testimonial Section

Figma file available

Vidzflow Call To Action Section

Figma file available

Vidzflow Pricing Section

Visual identity

Vidzflow — design reference

Source: https://www.vidzflow.com/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.

Typography

font-family: Arial, sans-serif — selector body
font-family: Satoshi, sans-serif — selector body
font-size: 2em — selector h1
font-size: 1em — selector code, kbd, pre, samp
font-size: 14px — selector body
font-size: 38px — selector h1
font-size: 32px — selector h2
font-size: 24px — selector h3
font-size: 18px — selector h4
font-size: 12px — selector h6
font-weight: bold — selector h1, h2, h3, h4, h5, h6
font-weight: 500 — selector body
font-weight: 600 — selector h1
font-weight: 400 — selector h4
font-weight: 700 — selector .display-heading-1
line-height: 20px — selector body
line-height: 44px — selector h1
line-height: 36px — selector h2
line-height: 30px — selector h3
line-height: 24px — selector h4
line-height: 18px — selector h6
line-height: 48px — selector h1
letter-spacing: -.02em — selector h1
letter-spacing: -.01em — selector h3
letter-spacing: 0 — selector h4

Colors and surfaces

color: #333 — selector body
color: #ffffff80 — selector body
color: var(--gray-1) — selector h1
color: var(--primary-6) — selector .card-heading.text-primary-6
background-color: #0000 — selector a
background-color: #fff — selector body
background-color: #141c27 — selector body

Components and layout

border-radius: 16px — selector .panel.section.bg-gradient-1.no-outline.footer-cta
border-radius: 6px — selector .button-outline
border-radius: 50% — selector .button-circle-small
border-radius: 12px — selector .hero-bg-1
border-radius: 15px — selector .small-card
border-radius: 8px — selector .video-container
border-radius: 4px — selector .quality-container_popup
box-shadow: inset 0 0 20px 20px #0000 — selector .button-small
box-shadow: inset 0 0 20px 20px #0000001a — selector .button-small:hover
box-shadow: 0 12px 12px #0003 — selector .fixed-notice-container
box-shadow: 0 20px 30px -15px #1d01501a — selector .small-card
box-shadow: 0 0 5px 1px #0003 — selector .video-container
max-width: 1296px — selector .container
max-width: 1642px — selector .container.stars-container
max-width: 612px — selector .rounded-image.section-title-image
max-width: 820px — selector .display-heading-4.no-bottom-space.max-width
padding: 0 — selector button::-moz-focus-inner, input::-moz-focus-inner
padding: 64px 64px 48px 32px — selector .card_stack
padding: 32px — selector .customer_hero
padding: 60px 32px — selector .hero-display-item.is-homepage
transition: border-color .2s — selector .button-outline
transition: box-shadow .2s — selector .button-small
transition: border-width .2s, border-color .2s, background-color .2s — selector .radio-button
transition: opacity .2s — selector .nav-link
transition: color .2s, background-color .2s — selector .card_stack.tab-panel
transition: background-color .2s — selector .card_stack.job-listing-list-item
transition: all .2s — selector .quality-container_popup-item-text

Responsive rules

screen and (max-width: 991px) 
screen and (max-width: 767px) 
screen and (max-width: 479px) 
(min-width: 768px) 
screen and (min-width: 1920px)

Original CSS custom-property declarations, grouped by source and selector. Up to 250 declarations; selectors preserved; media-query conditions are not attached to individual declarations.

https://cdn.prod.website-files.com/6424a84a1a90881fe7724044/css/vidzflow.shared.2afc9a3a0.css — :root

--gray-1: #141c27;
--gray-2: #ffffff14;
--white: white;
--primary-1: #4e5ffd;
--primary-2: #43c9e4;
--primary-3: #ffca01;
--primary-4: #3444d8;
--primary-5: #6977f8;
--gray-3: #1e2939;
--primary-6: #51ed39;
--gray-4: #ffffff80;
--black: black;

https://cdn.prod.website-files.com/6424a84a1a90881fe7724044/css/vidzflow.shared.2afc9a3a0.css — [data-w-mode--base="base"]

--gray-1: #141c27 !important;
--gray-2: #ffffff14 !important;
--white: white !important;
--primary-1: #4e5ffd !important;
--primary-2: #43c9e4 !important;
--primary-3: #ffca01 !important;
--primary-4: #3444d8 !important;
--primary-5: #6977f8 !important;
--gray-3: #1e2939 !important;
--primary-6: #51ed39 !important;
--gray-4: #ffffff80 !important;
--black: black !important;

https://cdn.prod.website-files.com/6424a84a1a90881fe7724044/css/vidzflow.shared.2afc9a3a0.css — [data-w-mode--base="inherit"]

--gray-1: inherit !important;
--gray-2: inherit !important;
--white: inherit !important;
--primary-1: inherit !important;
--primary-2: inherit !important;
--primary-3: inherit !important;
--primary-4: inherit !important;
--primary-5: inherit !important;
--gray-3: inherit !important;
--primary-6: inherit !important;
--gray-4: inherit !important;
--black: inherit !important;

Observed design values, with source selectors. Names shown are CSS properties, not invented official token names.

Property	Declared value	Selector
font-family	`Arial, sans-serif`	`body`
font-family	`Satoshi, sans-serif`	`body`
font-size	`2em`	`h1`
font-size	`1em`	`code, kbd, pre, samp`
font-size	`14px`	`body`
font-size	`38px`	`h1`
font-size	`32px`	`h2`
font-size	`24px`	`h3`
font-size	`18px`	`h4`
font-size	`12px`	`h6`
font-weight	`bold`	`h1, h2, h3, h4, h5, h6`
font-weight	`500`	`body`
font-weight	`600`	`h1`
font-weight	`400`	`h4`
font-weight	`700`	`.display-heading-1`
line-height	`20px`	`body`
line-height	`44px`	`h1`
line-height	`36px`	`h2`
line-height	`30px`	`h3`
line-height	`24px`	`h4`
line-height	`18px`	`h6`
line-height	`48px`	`h1`
letter-spacing	`-.02em`	`h1`
letter-spacing	`-.01em`	`h3`
letter-spacing	`0`	`h4`
color	`#333`	`body`
color	`#ffffff80`	`body`
color	`var(--gray-1)`	`h1`
color	`var(--primary-6)`	`.card-heading.text-primary-6`
background-color	`#0000`	`a`
background-color	`#fff`	`body`
background-color	`#141c27`	`body`
border-radius	`16px`	`.panel.section.bg-gradient-1.no-outline.footer-cta`
border-radius	`6px`	`.button-outline`
border-radius	`50%`	`.button-circle-small`
border-radius	`12px`	`.hero-bg-1`
border-radius	`15px`	`.small-card`
border-radius	`8px`	`.video-container`
border-radius	`4px`	`.quality-container_popup`
box-shadow	`inset 0 0 20px 20px #0000`	`.button-small`
box-shadow	`inset 0 0 20px 20px #0000001a`	`.button-small:hover`
box-shadow	`0 12px 12px #0003`	`.fixed-notice-container`
box-shadow	`0 20px 30px -15px #1d01501a`	`.small-card`
box-shadow	`0 0 5px 1px #0003`	`.video-container`
max-width	`1296px`	`.container`
max-width	`1642px`	`.container.stars-container`
max-width	`612px`	`.rounded-image.section-title-image`
max-width	`820px`	`.display-heading-4.no-bottom-space.max-width`
padding	`0`	`button::-moz-focus-inner, input::-moz-focus-inner`
padding	`64px 64px 48px 32px`	`.card_stack`
padding	`32px`	`.customer_hero`
padding	`60px 32px`	`.hero-display-item.is-homepage`
transition	`border-color .2s`	`.button-outline`
transition	`box-shadow .2s`	`.button-small`
transition	`border-width .2s, border-color .2s, background-color .2s`	`.radio-button`
transition	`opacity .2s`	`.nav-link`
transition	`color .2s, background-color .2s`	`.card_stack.tab-panel`
transition	`background-color .2s`	`.card_stack.job-listing-list-item`
transition	`all .2s`	`.quality-container_popup-item-text`

Evidence and limitations

Values come directly from downloaded stylesheets. Selector context is retained to distinguish elements; individual media-query conditions are not retained.
CSS cascade, active viewport, runtime styles, interactive states and private product UI were not verified. Colors or dimensions in utility classes may be unused on this page.
No inferred dark theme, semantic color roles or framework defaults have been added.
36 custom-property declarations found; 1360 relevant property declarations parsed.

Vidzflow

Marketing Pages

Product Interfaces

Emails

Vidzflow

Create an account

Visual identity

Vidzflow — design reference

Typography

Colors and surfaces

Components and layout

Responsive rules

Evidence and limitations

Stylesheet sources