SCW Rapid Prototyping Tool

Core Design Templates And Components


Start here: Reusable Components Common CMS page designs Common Category Page Designs Signature Tool


Design test pages blocked by Google / Klevu: cms 1, cms 2, cms 3, cms 4, category 1, and this page.


Core CMS Design Templates


Jump to Blog Style Post with Jumbotron Hero and Centered Images, Blog Style Post with Jumbotron Hero and Alternating Left + Right Images, Blog Style Post with Jumbotron Hero and No Images, or Bubble Design.


Blog Style Post with Jumbotron Hero


Important: Code only for blog

Code only for CMS


Blog Style Post with Jumbotron Hero and Alternating Left + RIght Images


Important: Code only for blog


Blog Style Post with Jumbotron Hero and No Images


Important: Code only for blog


Bubble Style CMS Page



Core Category Design Templates

Jump to Background Image Based Jumboton or Jumboton with Video Design.



Jumbroton with Video Design



Background Image Based Jumbotron Design


This one needs work! Style is looks to be variablialized but is not in the style sheets


Reusable Components

Jump to jumbotrons, buttons, typography, blockquotes, tables, accordions , navs, breadcrumbs, indicators, progress, or contact sections.



Bubble Jumbotron


AI-Powered
Analytics

The days of manually reviewing hours of footage are over. Recognize events worth your attention and alerts you in real-time.

LEARN MORE
header image dots

Center Text Image Background Jumbotron


Headline

Start here: Link 1 Link 2 Link 3


Image Background Jumbotron


Headline 1

This is a Big Claim we are making!



Mid Page Callout Jumbotron


The SCW Difference

When SCW was founded in 2010, we knew we had a job to do. Security cameras were never easy, and it was impossible to know what you were getting or what to do with it. From the beginning, it has always been our purpose to provide the absolute best product for our clients' needs, but that's not enough. We're not happy until we prepare every person who has SCW equipment for a lifetime of success. That's why, from start to finish, SCW is always there for you.

Too good to be true? Pick up the phone and ask an SCW agent about it; we're based entirely in the US and can't wait to share our mission with you.



Note: does not include background color.

Pill Buttons: No.1 No.2 No.3 No.4

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading with muted text

This is a lead!

Example body text

This is a paragraph with a link Then we talk some more.

This line of text is meant to be treated as fine print.

The following is rendered as bold text.

The following is rendered as italicized text.

An abbreviation of the word attribute is attr. It does stuff when you hover over it.

  • This is a item 1 in a bullet point list.
  • This is a item 2 in a bullet point list.

Emphasis classes

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Pellentesque ornare sem lacinia quam venenatis vestibulum.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Blockquotes


“Important Quote.”
Person who I respect

Hover Table with contextualized colors

Type Column heading Column heading Column heading
Active Column content Column content Column content
Default Column content Column content Column content
Primary Column content Column content Column content
Secondary Column content Column content Column content
Success Column content Column content Column content
Danger Column content Column content Column content
Warning Column content Column content Column content
Info Column content Column content Column content
Light Column content Column content Column content
Dark Column content Column content Column content

Stoplight Table


Click to Open

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Normal Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum/p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum



SCW’s AI + Analytics recognizes events worth your attention and alerts you in real-time, reducing the time to act to milliseconds instead of minutes.

Gone are the days of logging into different devices or worrying about vendor lock-in. Easily manage any mix of cameras across all of your locations from one dashboard

Built to maximize extensibility on a framework that's secure from the ground up. Add virtually any type of security camera to make your security smarter.




Tabs

Tab Content 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Slabs

(Bubble) Dots Slab

Product Callout (Text Left)

scw security camera system

Wired 4K Systems

24/7 Live Viewing and Free, Lifetime Support

4K wired systems allow you to see every detail vividly. With sharper and clearer video quality, you can protect your business with confidence. 4k wired systems are the perfect choice for business owners who are looking for a comprehensive security set-up.


8 Channel 4K Admiral System

8 Camera
4K System

$2,549

16 Channel 4K Admiral System

16 Camera
4K System

$4,649

Product Callout (Text Right)

PTZ cameras

PTZ Cameras

360 Degree View, Optical Zoom, and Preset Views

PTZ cameras can quickly pan left to right, tilt up and down, and zoom in on objects. With custom preset abilities, you can quickly see areas of interest like your parking lot, front entrance, or high-traffic areas.


Lookout 2.0

The Lookout 2.0

$799

EufyCam2

The Scope 8.0

$2299



Value Pillars

Free Support for Life

SCW’s world-class, US-based technical support staff are ready to answer your questions about installation and operation.

3 & 5 Year Warranties

At SCW, we believe in what we sell. That’s why if you ever run into defective equipment we make our warranty process easy and fair.

Expert-Led Training

SCW's dedicated support team will help you with installation and set-up even after you've made a big purchase - we never leave you hanging!


Icon Hotbox

Topic 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Topic 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Topic 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Topic 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Topic 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Topic 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Orange Hotbox

Topic 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Topic 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Topic 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

4 Grid Hotbox (not clickable)

Topic 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Topic 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Topic 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Topic 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Either Or White Clickable Hotbox

Alerts

Warning!

Best check yo self, you're not looking too good. Let's link you to a fix.

Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.

Badges

Primary Secondary Success Danger Warning Info Light Dark

Primary Secondary Success Danger Warning Info Light Dark

Basic

Contextual alternatives

Success.

Interesting Info.

Warning.

Danger.

Multiple bars

Striped

Animated

Still can’t find the answers you’re looking for?

Chat to our support staff today!







Signature Tool

Step 1: Fill out your name, position, and phone number, then hit "save".

Note: Please put one space between your first and last name or the image won't work. Matthew Nederlanden will work; Matthew Nederlanden will not. Also, capitalization matters. If you want to be Matthew NederLanden, the image needs to have the same capitalization (so you will have to tell Matt).

Name:

Position:

Phone number:



facebook
twitter
linkedin
instagram

SCW

@getscw.com
www.getscw.com
11 Richland St, Asheville, NC 28806


Step 2:

Step 3: paste HTML into Hubspot CMS by clicking the top right person icon --> Profile and Preferences --> Email --> Edit email signature