Style Guide

Typography

Headings

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading
Typefaces

Proxima Nova

--

--

Paragraph
Large Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor.

Default Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero.

Small Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Colors

Primary
#ffc629
Primary
#00ae42
Secondary
#1d252c
Tertiary
#636e77
Text Color
#000000
Dark
#ffffff
Light
#f8f9fb
Grey 1
#dce3e9
Grey 2
#f2f5f7
Grey 3
#bcc4cc
Text Color - Light Grey
#879099
Text Color - Grey

Buttons

Filled & Outline
Button Outline
Button Alt
Button Outline Alt
Button Small
Button Alt Small
Text Link
Text Link Light

Social share buttons

Facebook
Twitter
Linkedin
e-Mail

Rich Text Element

Content Posts

Who are Net Friends?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Who Net Friends serve.

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila! undefined a rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Get the service you need for your business!


No more wasting money on unreliable IT services that won't benefit the security of your platform. For static content, just drop it into any page and begin editing. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila! undefined a rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel.
How to customize formatting for each rich text

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila! undefined a rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

List of things:
  • This is a list item.
  • Here is another list item.
  • And one more list item for good measure.

IT Service | Photo Credit: Joe Navrow

How to customize formatting for each rich text

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila! Undefined a rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Image caption example

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element? What’s a Rich Text element?What’s a Rich Text element?What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. 

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. 

  • List item number one
  • Second list item
  • And this is the third item

For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. 

  1. List item number one
  2. Second list item
  3. And this is the third item

For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

H1- Blog posts biggest title

Let's make some happy little clouds in our world. Trees grow however makes them happy. Little short strokes. Paint anything you want on the canvas. Create your own world. We'll make some happy little bushes here.

This picture is centered and set to default width 60%

This is probably the greatest thing to happen in my life - to be able to share this with you. Now we'll take the almighty fan brush. You have to allow the paint to break to make it beautiful. If we're gonna walk though the woods, we need a little path. We'll have a super time. No worries. No cares. Just float and wait for the wind to blow you around.

This image is 48% width and aligned left
This image is 48% width and aligned right

H2 - Centered title-divider

To make a divider, use H2, then select text inside and make it Bold. Be aware, this 👆🏼 kind of divider will work only with 1-line text.

Let your imagination be your guide. It's beautiful - and we haven't even done anything to it yet. Work that paint. We might as well make some Almighty mountains today as well, what the heck. Everything's not great in life, but we can still find beauty in it.
Any link in the blog-post will be highlighted with color

This will be a quote, some part of text that someone said some day....
All kinds of happy little splashes. Pretend you're water. Just floating without any effort. Having a good day. Let's have a happy little tree in here. Don't fiddle with it all day.
– H6 will be used for the Quote's author

H3 - Centered title

Imagination is the key to painting. Now we can begin working on lots of happy little things. We must be quiet, soft and gentle. This is the way you take out your flustrations. Sometimes you learn more from your mistakes than you do from your masterpieces. I started painting as a hobby when I was little. I didn't know I had any talent. I believe talent is just a pursued interest. Anybody can do what I do. We're trying to teach you a technique here and how to use it.

  • List item number one
  • Second list item
  • And this is the third item

Let's have a little bit of fun today. Look around, look at what we have. Beauty is everywhere, you only have to look to see it. When you buy that first tube of paint it gives you an artist license. It's life. It's interesting. It's fun. There are no limits in this world.

H4 - Visual Divider title

These trees are so much fun. I get started on them and I have a hard time stopping. Steve wants reflections, so let's give him reflections. Just go back and put one little more happy tree in there.

H5 - Smaller Title

Take your time. Speed will come later. Let's put some highlights on these little trees. The sun wouldn't forget them. You are only limited by your imagination. It's a very cold picture, I may have to go get my coat. It’s about to freeze me to death.

  1. List item number one
  2. Second list item
  3. And this is the third item

See there, told you that would be easy. I'm gonna add just a tiny little amount of Prussian Blue. You have to make these big decisions. If these lines aren't straight, your water's going to run right out of your painting and get your floor wet. You can do anything here - the only pre-requisite is that it makes you happy. Let your imagination be your guide.

This is a full-width image

If we're gonna walk though the woods, we need a little path. It's a super day, so why not make a beautiful sky? In your world you have total and absolute power. You are only limited by your imagination.

The ulimate IT Team is here for you. Contact Us Today!

Accelerate your development process with Security & Management in mind.

Schedule a Meet