ReachStream Brand Guidelines

Here you’ll find logos, fonts, colors, modules and graphics.

Horizontal

PNG

Horizontal

SVG

Stacked

PNG

Stacked

SVG

RP Mark

PNG

RP Mark

SVG

Logotype

PNG

Logotype

SVG

Horizontal

PNG

Horizontal

SVG

Stacked

PNG

Stacked

SVG

RP Mark

PNG

RP Mark

SVG

Logotype

PNG

Stacked

SVG

Horizontal

PNG

Horizontal

SVG

Stacked

PNG

Stacked

SVG

RP Mark

PNG

RP Mark

SVG

Logotype

PNG

Stacked

SVG

Here you can find the Reachstream Logo SVG and in PNG formats.

Typography

Wix Madefor Text suits ReachStream because it’s built for clarity and performance. Its clean, modern design ensures data-heavy dashboards remain simple and readable, while its professional yet approachable tone reinforces trust perfect for a SaaS platform focused on streamlined user experiences and global scalability.

Wix Madefor Text

Bold

ABCDEFGHIJKLMNOPQRSTWXYZ
ABCDEFGHIJKLMNOPQRSTWXYZ
1234567890-=!@#$%^&*()_+:”?;’,./

Medium

ABCDEFGHIJKLMNOPQRSTWXYZ
ABCDEFGHIJKLMNOPQRSTWXYZ
1234567890-=!@#$%^&*()_+:”?;’,./

Semi Bold

ABCDEFGHIJKLMNOPQRSTWXYZ
ABCDEFGHIJKLMNOPQRSTWXYZ
1234567890-=!@#$%^&*()_+:”?;’,./

Regular

ABCDEFGHIJKLMNOPQRSTWXYZ
ABCDEFGHIJKLMNOPQRSTWXYZ
1234567890-=!@#$%^&*()_+:”?;’,./

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraph text

Monospaced text

A clear and bold Heading 1

A clear and bold Heading 2

A clear and bold Heading 3

A clear and bold Heading 4

A clear and bold Heading 5

A clear and bold Heading 6

Paragraph - Large

Every moment is new. An opportunity to take a breath, find yourself in the present, and experience clarity. It's a chance to learn and grow, to take a risk and to experience the world in a different way. Life is fleeting and unpredictable, but it's also full of potential. Embrace the new and allow yourself to be surprised. Make something, make a difference, and make sure you live life to the fullest.

Unordered List

Ordered List

In case you need a monospaced font, here's what it looks like.

Base Colors

Dark Teal

Hex: #003443

River Bed

Hex: #434761

Ebony Clay

Hex: #24273A

Teal Blue

Hex: #0F658A

Light Blue

Hex: #F5FDFF

Light Gray

Hex: #FCFCFC

Off White

Hex: #FDFDFD

Accent Colors

The hex code #F9EF86 is a named as Primrose. It is an excellent choice for a tool focused on early-stage lead generation because it balances high visibility with an approachable, non-aggressive feel.

Pastel Yellow

Sales

Warm Peach

Marketing

Cornflower Blue

Revenue Operations

Lavender Purple

Technology

Lime Green

Recruitment

Soft Pastel Yellow

Hex: #F9EF86

Light Lavender Purple

Hex: #C786F9

Sky Blue

Hex: #434761

Light Lime Green

Hex: #AAF986

Light Apricot

Hex: #F9D186

Light Cornflower Blue

Hex: #86AAF9

Warm Peach

Hex: #F9B286

Templates & Assets

Slide deck template

Clone this template for all your slide decks. It everything you need to re-use assets, colors, images, and more.

Backgrounds for
Zoom / Google Meet

Find a folder with all of our video conferencing backgrounds.

Website

ReachStream Design System

.elementor-24 .elementor-element.elementor-element-2720723:not(.elementor-motion-effects-element-type-background),.elementor-24 .elementor-element.elementor-element-2720723>.elementor-motion-effects-container>.elementor-motion-effects-layer{--wpr-bg-9c90ff19-a449-42f7-b605-50fb3eef3ada: url('https://www.reachstream.com/wp-content/uploads/2023/03/Footer-bg-rs.png');}.rll-youtube-player .play{--wpr-bg-30564b27-c935-4f83-a27c-013a452fc1ef: url('https://www.reachstream.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}

Buttons

The ReachStream logo adapts to different backgrounds for maximum visibility and brand consistency. Variants include light and dark themes, ensuring clarity across all contexts. Maintain proper white space (2x around the logo), use approved icon styles for apps, and apply favicon sizes from 84px to 16px for scalability.

Responsive Sizes

240

205

150

Button Status

Solid

Outline

Text

Right Icon

Left Icon

Default

Solid

Outline

Text

Right Icon

Left Icon

Hover

Solid

Outline

Text

Right Icon

Left Icon

Pressed

Solid

Outline

Text

Right Icon

Left Icon

Disabled

Solid

Outline

Text

Right Icon

Left Icon

Default

Solid

Outline

Text

Right Icon

Left Icon

Hover

Solid

Outline

Text

Right Icon

Left Icon

Pressed

Solid

Outline

Text

Right Icon

Left Icon

Disabled

Solid

Outline

Text

Right Icon

Left Icon

Layout Units

Layout units keep spacing consistent and balanced across the interface. All dimensions scale from a single base unit to maintain visual rhythm.

8px (XS) – Micro spacing for icons and inline elements
16px (S) – Default spacing between related elements
24px – Base gap across most components
48px (M) – Spacing between columns and sections
60px (L) – Larger layout separation
120px (XL) – Section padding and major layout spacing

These units ensure predictable, scalable layouts across screens.

Grid System

The grid system provides a flexible structure for responsive layouts across devices.

12-Column Grid – Used on desktop for complex layouts and precise alignment.
8-Column Grid – Ideal for tablets and medium screen layouts.
4-Column Grid – Optimized for mobile screens with simplified content flow.

Columns can be combined and split to create consistent, scalable layouts while maintaining visual balance.

Iconography

Responsive Sizes

ReachStream icons are simple, modern, and functional, designed to reflect clarity, trust, and growth.

Style: Minimal line icons in rounded containers.
Color: Teal for innovation, light backgrounds for clarity.
Purpose: Quick visual cues for data-driven workflows.

Icons act as a visual language aligned with ReachStream's mission: empowering businesses through data intelligence.

Corner Rounding

Illustration Card Specs
Card Type: Illustration Card
Text Spacing: 32px padding on all sides
Card Width: Full width of the container
Card Height: Fixed height

Dimensions: Height: 404px · Width Options: 379px (small) × 789px (large)