History: Colors

• «
• »

{maketoc}

{DIV(class="container")}
    {DIV(class="display-5 fw-bold mb-3")}Color & Palette{DIV}
    {DIV(class="lead mb-0")}Built around the signature radial gradient from the logo, with supporting navy and neutrals for UI and print.{DIV}
{DIV}

!! The brand signature 
This radial gradient is the core of the logo. Treat it as a primary brand asset not just a decorative effect. These colors are most frequently used and associated with our brand.
* To be used on http://info.tiki.org
* FiveAlive theme option: Blueberry
~tc~^[tiki-download_file.php?fileId=58|Download the primary palette Adobe Swatch Exchange (ASE)]^ 
{img fileId=43}~/tc~
{DIV(class="grad-bar mb-3")}{DIV}
{DIV(class="d-flex flex-wrap gap-4 mb-5")}
    {DIV()}Start: {DIV(class="text-primary")}__#28AAE1__{DIV}Bright Cyan-Blue {DIV}
    {DIV()}End: {DIV(class="text-primary")}__#004B78__{DIV} Deep Blue {DIV}
    {DIV()}Type: {DIV(class="text-primary")}__Radial__{DIV}{DIV}
{DIV}
{DIV(class="row g-4 mb-5")}
!!!! Core solid colors
    {DIV(class="col-6 col-md-3 color-card")}
        {DIV(class="color-swatch-lg rounded p-2" style="background:#28AAE1;")}Bright Blue{DIV}
            {DIV(class="color-meta p-2")}
                HEX: #28AAE1
                RGB: 40, 170, 225
                CMYK: 70, 15, 0, 0
                {div(class="small text-secondary"}Gradient start -- Accents{div}
            {div}
        {DIV}
    {DIV}
{DIV}

! Secondary
^[tiki-download_file.php?fileId=59|Download the secondary palette Adobe Swatch Exchange (ASE)]^

!! Development
* To be used on http://dev.tiki.org
* FiveAlive theme option: Watermelon

{SPLIT()}
{img fileId=50}
---
%%%
{img fileId=28}
{SPLIT}

!! Documentation
* To be used on http://doc.tiki.org
* FiveAlive theme option: Kiwi

{SPLIT()}
{img fileId=47}
---
%%%
{img fileId=25}
{SPLIT}

!! Community
* To be used on http://tiki.org/Home
* FiveAlive theme option: Orange

{SPLIT()}
{img fileId=46}
---
%%%
{img fileId=24}
{SPLIT}

!! Themes
* To be used on http://themes.tiki.org
* FiveAlive theme option: Grape

{SPLIT()}
{img fileId=49}
---
%%%
{img fileId=26}
{SPLIT}{REMARKSBOX(type="information" title="RGB values wrong")}RGB for the second color in the gradient is wrong here. Should be __85,30,60__ instead of 0,75,120. Also the third (complementary) color is __60,40,75__ in RGB. -- luci{REMARKSBOX}

!! Profiles
* To be used on http://profiles.tiki.org
* FiveAlive theme option: Lemon

{SPLIT()}
{img fileId=48}
---
%%%
{img fileId=27}
{SPLIT}

!! Live (formerly known as 'Chat')
* To be used on http://irc.tiki.org
* FiveAlive theme option: Akebi

Will eventually be live.tiki.org for a [http://bigbluebutton.org/|Big Blue Button] instance.

{SPLIT()}
{img fileId=45}
---
%%%
{img fileId=23}
{SPLIT}

!! Branding
* To be used on http://branding.tiki.org
* FiveAlive theme option: Raspberry

{SPLIT()}
{img fileId=44}
---
%%%
{img fileId=22}
{SPLIT}

-=Aliases=-
* (alias(Colours))

• «
• 1 (current)
• 2
• 3
• »