Web Style Guide

& typography showcase

Logos

Horizontal
Oniracom Logo
Oniracom Logo
Oniracom Logo
Stacked
Oniracom Logo
Oniracom Logo
Oniracom Logo
Wordmark
Oniracom Logo
Oniracom Logo
Oniracom Logo
Logo Mark
Oniracom Logo
Oniracom Logo

Typography

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6
This is a caption

Subheading h1

Subheading h2

Subheading h3

Subheading h4

Subheading h5
Subheading h6

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tmpor incididunt ut labore et dolore magna aliqua. Labore et dolor. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tmpor incididunt ut labore et dolore magna aliqua. Labore et dolor. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tmpor incididunt ut labore et dolore magna aliqua. Labore et dolor.

Buttons

Colors

Starry Night
River Blue
Soft Turquoise
Savannah Gold
Canyon Red
Charcoal
Ivory

Patterns

circles
gravel
intermit
mezzotint
sand
stipple

Border Boxes

What is the what?

What is the what?

What is the what?

Dream.
Create.
Succeed.
Repeat.

Our Mantra

What is the what?

Typography Showcase

Headers can look like this.

...while subheaders
aren't as big or bold.

This can be a smaller headline

This would be a body paragraph, full of many words that need to be small so they can fit in this space. Paragraphs are big blocks of words, usually at least three lines of text.

“ This is a
bold quote
With an emphasized phrase.
A name goes here

Good typography
makes information easy to find
and words become images

This is a caption

This is a short paragraph that doesn’t take up too much space, but is too wordy to be a header.

Our
Dream
Team.

Creatives
that can code.

Strategists
who start companies.

Data Scientists
that solve problems.

Developers
who build brands.

Account Managers
that have your back.

We Help
Our Clients
make smarter,
more profitable
decisions.

Why the Elephant?

Elephants the world-over are legendary symbols of success, experience, wisdom, and loyalty. Like the elephant, our stories run deep. And once we start moving, nothing can stand in our way.

Cards

Card image cap
Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Card image cap
Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Card image cap
Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago