Type anywhere to search
logo

typography

Getting started

One of the most underestimated elements of design is typography. However, it’s critical in both print and web media. We Made it Perfect in both.

This feature in our product specifically creates hinted fonts for various OS browsers; whether its Windows, Mac OSx, or ubuntu, it does it for all.


VIA senior product manage
for fonts and typography at REVOX

System OS detection

When it comes to Windows, Mac OS X or Ubuntu, The font rendering is vastly different. It in fact has a huge effect on the typography design structure.

Solution

We Developed an algorithm that will automatically select which font is best rendered as for your operating system.

Recommended Loaded Font

Current Platform:

Arial

Body font

Montserrat

Other font

Segeo UI

Heading

Font Guidelines

We tested almost every web font to see which font gets render best in comparisan to the operating system. Better visibility, clarity and compatibility is fully ensured as we have paid detailed attention in making for perfect reading.


SegeoUI

Windows

Helvetica Family

Mac OS, iOS, Android

Ubuntu

Ubuntu

WEB SAFE FONTS

Arial, The best Universal Multi-purpose.

The Arial® typeface : http://www.fonts.com/font/monotype/arial

Web safe

98%

GOOGLE FONT

Montserrat Additional Font style

The Montserrat® typeface : http://www.google.com/ fonts/specimen/Montserrat

Google font

Typographic Scale & Basic Styles

Standard Styles


Too many type sizes and styles at once can wreck any layout. A typographic scale is a limited set of type sizes that work well together, along with the layout grid. The basic set of styles are based on a typographic scale of 12, 14, 16, 20, and 34.

These sizes and styles balance content density and reading comfort under typical usage conditions. Type sizes are specified with SP (scaleable pixels) to enable large-type modes for accessibility.


Learn more at Project Pages

Headings are the first thing you ll see or read in a document. We wanted to make them perfect in both size and colour.

h1. Bootstrap heading

Light 36px

h2. Bootstrap heading

Light 30px

h3. Bootstrap heading

Light 24px

h4. Bootstrap heading

Light 18px
h5. Bootstrap heading
Light 14px
Paint the world

Color can be a wonderful tool for making your dashboard less stressful and more calming and it can have a significant impact on your mood and well-being, We made it with you in mind

Heading color

.text-black

#2c2c2c

Body text

Default

#626262

Hinted text

.hint-text

#2c2c2c

Primary color

.text-primary

#62549a

Success color

.text-success

#4aa9e9

Complete color

.text-complete

#23b9a9

Danger color

.text-danger

#ce4e4d

Warning color

.text-warning

#eac459

Highlighted Text

For highlighting a run of text due to its relevance in another context

<mark>
it is more then ONE nation/nationality as its fall name is The United Kingdom of Great Britain and North Ireland..

Bold Text

For emphasizing a snippet of text with a heavier font-weight.

<strong> .bold
it is more then ONE nation/nationality as its fall name is The United Kingdom of Great Britain and North Ireland..

Ordered List

For highlighting a run of text due to its relevance in another context

<ol></ol>
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa

Un-Ordered List

For highlighting a run of text due to its relevance in another context

<ul></ul>
  • Life isn’t about getting and having...
  • Strive not to be a success...
  • Whatever the mind of man can...
Address Block

For quotes in your document & client reviews

It is during our darkest moments that we must focus to see the light.

Aristotle Onassis

The best and most beautiful things in the world cannot be seen or even touched.

Helen Keller
Address Block
Revox, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P:(123) 456-7890
David Nester
[email protected]
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

    12/12/14
21st april 2014 2:13am

Press enter to search

suggestions :

Pages Search Results

ice cream on pages

via john smith

T
ice cream related topics

via pages

ice cream music

via pagesmix

ice cream on facebook

via facebook

Tweats on ice cream

via twitter

Circles on ice cream

via google plus