mStyle guides focus on specific topic areas such as graphic design, including typography.
The 3oneseven.com Website style guide covers visual and technical aspects along with text.
1. Branding
1.1 Logo
1.2 Logo Effects
2. Typography
2.1 a Heading & Text
Aa – Heading
Didot is a group of typefaces named after the famous French printing and type producing Didot family. The classification is known as modern, or Didone.
Open Sans
These pieces are often hard to read by non-graffiti artists as the letters merge into one another in an often-undecipherable manner.
Open Sans is a sans-serif typeface designed by Steve Matteson and commissioned by Google. According to Google, it was developed with an “upright stress, open forms and a neutral, yet friendly appearance” and is “optimized for legibility across print, web, and mobile interfaces.”
These pieces are often hard to read by non-graffiti artists as the letters merge into one another in an often-undecipherable manner.
Helvetica or Neue Haas Grotesk is a widely used sans-serif typeface developed in 1957 by Swiss typeface designer Max Miedinger with input from Eduard Hoffmann.
2.2 b Quotes
I’m a firm believer in fair pricing, and manage 3oneseven to
work in such a way that allows my services to be affordable.
3. Buttons
4. Icons
5. Lists
One
- Website design
- Graphic design
- Application design
- Photo Retouche
Two
- Native App Development
- Cross Platform App
- Mobile Web
- Mobile eCommerce
Three
- eCommerce Development
- Multi-Channel Retailing
- PCI Data Security Standard
6. Colors
hex #d84800 is composed of 84.7% red, 28.2% green and 0% blue. In a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 100% yellow and 15.3% black.
Hue angle is 20 degrees, a saturation of 100% and a lightness of 42.4%.
#d84800 color hex is obtained by blending #ff9000 with #b10000.
● #d84800 color description : Strong orange.
6.1 #d84800 Color Conversion
The hexadecimal color #d84800 has RGB values of R:216, G:72, B:0 and CMYK values of C:0, M:0.67, Y:1, K:0.15.
Its decimal value is 14174208.
| Hex triplet | d84800 | #d84800 |
|---|---|---|
| RGB Decimal | 216, 72, 0 | rgb(216,72,0) |
| RGB Percent | 84.7, 28.2, 0 | rgb(84.7%,28.2%,0%) |
| CMYK | 0, 67, 100, 15 | |
| HSL | 20°, 100, 42.4 | hsl(20,100%,42.4%) |
| HSV (or HSB) | 20°, 100, 84.7 | |
| Web Safe | cc3300 | #cc3300 |
| CIE-LAB | 50.964, 54.192, 61.82 |
|---|---|
| XYZ | 30.638, 19.237, 2.1 |
| xyY | 0.589, 0.37, 19.237 |
| CIE-LCH | 50.964, 82.21, 48.762 |
| CIE-LUV | 50.964, 118.371, 42.12 |
| Hunter-Lab | 43.86, 47.932, 27.864 |
| Binary | 11011000, 01001000, 00000000 |
6.2 Color Schemes with #d84800
6.3 Alternatives to #d84800
Below, you can see some colors close to #d84800.
Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
6.4 #d84800 Preview
This text has a font color of #d84800.
<span style="color:#d84800;">Text here</span>This paragraph has a background color of #d84800.
<p style="background-color:#d84800;">Content here</p>This element has a border color of #d84800.
<div style="border:1px solid #d84800;">Content here</div>.text {color:#d84800;}.background {background-color:#d84800;}.border {border:1px solid #d84800;}6.5 Shades and Tints of #d84800
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000 is the darkest color, while #fff2ec is the lightest one.
6.6 Tones of #d84800
A tone is produced by adding gray to any pure hue. In this case, #746964 is the less saturated color, while #d84800 is the most saturated one.
6.7 Color Blindness Simulator
This can be useful if you need to ensure your color combinations are accessible to color-blind users.
Gallery
- Gallery
milo 3oneseven website
+
- Gallery
milo 317
+
- Gallery
'hasselblad camera I Camera I Photography I milo 3oneseven'
+
- Gallery
3oneseven.com frontpage
+
- Gallery
journal at 3oneseven.com
+
- Gallery
3oneseven.com about page typography
+
- Gallery
contact map for milo 3oneseven.com
+
- Gallery
milo 3oneseven version 11
+
