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
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.
We Developed an algorithm that will automatically select which font is best rendered as for your operating system.
Current Platform:
Arial
Body font
Montserrat
Other font
Segeo UI
Heading
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.
Windows
Mac OS, iOS, Android
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
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 |
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>
Bold Text
For emphasizing a snippet of text with a heavier font-weight.
<strong>
.bold
Ordered List
For highlighting a run of text due to its relevance in another context
<ol></ol>
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
Un-Ordered List
For highlighting a run of text due to its relevance in another context
<ul></ul>
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
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P:(123) 456-7890 David Nester
[email protected] siddim.com