Brand Palette

Colours

The following colours and shades are available for this project.

Primary

Secondary

Tertiary

Accent

Base

Neutral

Cards & Icons

Light Cards

Icon Card

This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

  • This is a list item.
    • Error 404

    Media Card

    Here goes your text ... Select any part of your text to access the formatting toolbar.

    Call to action
    Error 404

    Avatar Card

    Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready.

    dark cards

    Icon Card

    This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

    Text link
    Error 404

    Media Card

    Here goes your text ... Select any part of your text to access the formatting toolbar.

    Call to action
    Error 404

    Avatar Card

    Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready.

    Large Icons

    Medium Icons

    small Icons

    Icon List

    • This is a list item.
    • This is a list item.
    • This is a list item.

    Color Relationships

    Auto Color Relationships

    Sample heading

    This is what text will look like on ultra light background areas. You can also control link color relationships and there's an example button below.

    Button

    Sample heading

    This is what text will look like on light background areas. You can also control link color relationships and there's an example button below.

    Button

    Sample heading

    This is what text will look like on dark background areas. You can also control link color relationships and there's an example button below.

    Button

    Sample heading

    This is what text will look like on ultra dark background areas. You can also control link color relationships and there's an example button below.

    Button

    Text

    Aa
    Dark
    Aa
    Dark Muted
    Aa
    Light
    Aa
    Light Muted

    Headings & Text

    Typography

    The quick brown fox jumps over the lazy dog

    h1

    The quick brown fox jumps over the lazy dog

    h2

    The quick brown fox jumps over the lazy dog

    h3

    The quick brown fox jumps over the lazy dog

    h4

    The quick brown fox jumps over the lazy dog

    h5

    The quick brown fox jumps over the lazy dog

    h6

    The quick brown fox jumps over the lazy dog

    h1 & L

    This is large placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

    The quick brown fox jumps over the lazy dog

    h2 & m

    This is default placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

    The quick brown fox jumps over the lazy dog

    h3 & s

    This is small placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

      Dr Amina Diallo

      Designation goes here

      Growing up in Namibia’s remote Rola community, I experienced firsthand the challenges of limited access to technology. Determined to change this, I turned to TVET to gain the skills needed to address these gaps.

      Marcus Schleifer

      Designation goes here

      Lorem ipsum dolor sit amet consectetur. Tortor elementum integer in lectus. Et at cras dignissim aliquam luctus sed tempus mi. Integer nulla porttitor turpis ac enim. Nam montes non dignissim libero maecenas. Cras sit nulla nulla pellentesque scelerisque ornare eget.

      Dulce Alfina

      Designation goes here

      Growing up in Namibia’s remote Rola community, I experienced firsthand the challenges of limited access to technology. Determined to change this,

      Jamie Arcand

      Designation goes here

      Growing up in Namibia’s remote Rola community, I experienced firsthand the challenges of limited access to technology. Determined to change this, I turned to TVET to gain the skills needed to address these gaps.

    Join Africa’s Knowledge Network

    Join the community

    Support & Questions

    Have a question or need help? Find support here