JDOC

Difference between revisions of "Colors"

From Joomla! Documentation

m (Marked for translation)
(Marked this version for translation)
Line 1: Line 1:
 
<noinclude><languages /></noinclude>
 
<noinclude><languages /></noinclude>
−
<translate>Color is a strong and communicative element to any brand identity. The Joomla! logo is made up of an attractive and dynamic palette that will bring color and vibrance to all communication materials.
+
<translate><!--T:26-->
 +
Color is a strong and communicative element to any brand identity. The Joomla! logo is made up of an attractive and dynamic palette that will bring color and vibrance to all communication materials.
 
The harmonious blend of colors provide great exibility in design while producing a consistent brand color scheme for all communications. When used, the logo color palette will generate a strong brand unity and create visually stunning materials that reflect the brand name.</translate>
 
The harmonious blend of colors provide great exibility in design while producing a consistent brand color scheme for all communications. When used, the logo color palette will generate a strong brand unity and create visually stunning materials that reflect the brand name.</translate>
  
−
<translate>====Joomla! flat brandmark color palette====</translate>
+
<translate>====Joomla! flat brandmark color palette==== <!--T:27--></translate>
−
<translate>The colors below should dominate in every piece you create that uses the Joomla! flat signature.</translate>
+
<translate><!--T:28-->
 +
The colors below should dominate in every piece you create that uses the Joomla! flat signature.</translate>
 
[[Image:Joomla! Logo Colors.png|center|frame|]]
 
[[Image:Joomla! Logo Colors.png|center|frame|]]
 
<section begin=colortable/>
 
<section begin=colortable/>
 
{| class="prettytable" align="center"
 
{| class="prettytable" align="center"
 
|+  
 
|+  
−
! style="background:#F44321;color:white;"| <translate>'''red'''</translate>
+
! style="background:#F44321;color:white;"| <translate><!--T:29-->
−
! style="background:#5091CD;color:white;"| <translate>'''blue'''</translate>
+
'''red'''</translate>
−
! style="background:#F9A541;color:white;"| <translate>'''orange'''</translate>
+
! style="background:#5091CD;color:white;"| <translate><!--T:30-->
−
! style="background:#7AC143;color:white;"| <translate>'''green'''</translate>
+
'''blue'''</translate>
−
! style="background:#000000;color:white;"| <translate>'''black'''</translate>
+
! style="background:#F9A541;color:white;"| <translate><!--T:31-->
 +
'''orange'''</translate>
 +
! style="background:#7AC143;color:white;"| <translate><!--T:32-->
 +
'''green'''</translate>
 +
! style="background:#000000;color:white;"| <translate><!--T:33-->
 +
'''black'''</translate>
 
|-
 
|-
 
!colspan=5 | <translate><!--T:9-->
 
!colspan=5 | <translate><!--T:9-->
Line 53: Line 60:
 
<section end=colortable/>
 
<section end=colortable/>
  
−
<translate>====Joomla! 3D brandmark color palette====
+
<translate>====Joomla! 3D brandmark color palette==== <!--T:34-->
 
The colors below dominate in every piece you create that uses the Joomla! 3D signature.</translate>
 
The colors below dominate in every piece you create that uses the Joomla! 3D signature.</translate>
 
[[Image:Joomla! 3D Logo Colors.png|center|frame|]]
 
[[Image:Joomla! 3D Logo Colors.png|center|frame|]]
Line 71: Line 78:
 
'''black'''</translate>
 
'''black'''</translate>
 
|-
 
|-
−
!colspan=5 | <translate>Web conversion values</translate>
+
!colspan=5 | <translate><!--T:35-->
 +
Web conversion values</translate>
 
|-
 
|-
 
|Hex #E42626 ||Hex #0D6DAB ||Hex #FC8F30 ||Hex #5AA426 ||Hex #000000
 
|Hex #E42626 ||Hex #0D6DAB ||Hex #FC8F30 ||Hex #5AA426 ||Hex #000000
 
|-
 
|-
−
!colspan=5 | <translate>RGB conversion values</translate>
+
!colspan=5 | <translate><!--T:36-->
 +
RGB conversion values</translate>
 
|-
 
|-
 
|R: 229 ||R: 13  ||R: 252 ||R: 90 ||R: 0  
 
|R: 229 ||R: 13  ||R: 252 ||R: 90 ||R: 0  
Line 83: Line 92:
 
|B: 38  ||B: 171 ||B: 48  ||B: 38 ||B: 0
 
|B: 38  ||B: 171 ||B: 48  ||B: 38 ||B: 0
 
|-
 
|-
−
! colspan=5 | <translate>CMYK conversion values</translate>
+
! colspan=5 | <translate><!--T:37-->
 +
CMYK conversion values</translate>
 
|-
 
|-
 
|C:  0 ||C: 68 ||C:  0 ||C:  57 ||C: 0  
 
|C:  0 ||C: 68 ||C:  0 ||C:  57 ||C: 0  
Line 93: Line 103:
 
|K:  10 ||K:  0 ||K:  0 ||K:  0 ||K: 100
 
|K:  10 ||K:  0 ||K:  0 ||K:  0 ||K: 100
 
|-
 
|-
−
| bgcolor=#E42626 align=center style="color:white;"| <translate>'''red'''</translate>
+
| bgcolor=#E42626 align=center style="color:white;"| <translate><!--T:38-->
−
| bgcolor=#0D6DAB align=center style="color:white;"| <translate>'''blue'''</translate>
+
'''red'''</translate>
−
| bgcolor=#FC8F30 align=center style="color:white;"| <translate>'''orange'''</translate>
+
| bgcolor=#0D6DAB align=center style="color:white;"| <translate><!--T:39-->
−
| bgcolor=#5AA426 align=center style="color:white;"| <translate>'''green'''</translate>
+
'''blue'''</translate>
−
| bgcolor=#000000 align=center style="color:white;"| <translate>'''black'''</translate>
+
| bgcolor=#FC8F30 align=center style="color:white;"| <translate><!--T:40-->
 +
'''orange'''</translate>
 +
| bgcolor=#5AA426 align=center style="color:white;"| <translate><!--T:41-->
 +
'''green'''</translate>
 +
| bgcolor=#000000 align=center style="color:white;"| <translate><!--T:42-->
 +
'''black'''</translate>
 
|}
 
|}
 
<section end=colortable/>
 
<section end=colortable/>
  
−
<translate>For secondary, tertiary, neutral colors and detailled information about the brand color system, see the ''[http://issuu.com/joomladocs/docs/20150308_joomla_brandmanual_basic_d/1 Joomla! Brand Manual 2015]''</translate>  
+
<translate><!--T:43-->
 +
For secondary, tertiary, neutral colors and detailled information about the brand color system, see the ''[http://issuu.com/joomladocs/docs/20150308_joomla_brandmanual_basic_d/1 Joomla! Brand Manual 2015]''</translate>  
  
 
<noinclude>
 
<noinclude>

Revision as of 08:35, 10 June 2015

Other languages:
Bahasa Indonesia • ‎Deutsch • ‎English • ‎Nederlands • ‎eesti • ‎español • ‎français • ‎italiano • ‎português

Color is a strong and communicative element to any brand identity. The Joomla! logo is made up of an attractive and dynamic palette that will bring color and vibrance to all communication materials. The harmonious blend of colors provide great exibility in design while producing a consistent brand color scheme for all communications. When used, the logo color palette will generate a strong brand unity and create visually stunning materials that reflect the brand name.

Joomla! flat brandmark color palette[edit]

The colors below should dominate in every piece you create that uses the Joomla! flat signature.

Joomla! Logo Colors.png
red blue orange green black
Web conversion values
Hex #F44321 Hex #5091CD Hex #F9A541 Hex #7AC143 Hex #000000
RGB conversion values
R: 244 R: 80 R: 249 R: 122 R: 0
G: 67 G: 145 G: 165 G: 193 G: 0
B: 33 B: 205 B: 65 B: 67 B: 0
CMYK conversion values
C: 0 C: 70 C: 0 C: 60 C: 0
M: 90 M: 35 M: 40 M: 0 M: 0
Y: 100 Y: 0 Y: 85 Y: 100 Y: 0
K: 0 K: 0 K: 0 K: 0 K: 100
red blue orange green black


Joomla! 3D brandmark color palette[edit]

The colors below dominate in every piece you create that uses the Joomla! 3D signature.

Joomla! 3D Logo Colors.png


red blue orange green black
Web conversion values
Hex #E42626 Hex #0D6DAB Hex #FC8F30 Hex #5AA426 Hex #000000
RGB conversion values
R: 229 R: 13 R: 252 R: 90 R: 0
G: 38 G: 109 G: 143 G: 164 G: 0
B: 38 B: 171 B: 48 B: 38 B: 0
CMYK conversion values
C: 0 C: 68 C: 0 C: 57 C: 0
M: 90 M: 34 M: 35 M: 0 M: 0
Y: 86 Y: 0 Y: 85 Y: 100 Y: 0
K: 10 K: 0 K: 0 K: 0 K: 100
red blue orange green black


For secondary, tertiary, neutral colors and detailled information about the brand color system, see the Joomla! Brand Manual 2015

Retrieved from "https://docs.joomla.org/index.php?title=JDOC:Colors&oldid=190365"