Branding
Agng Well Together
Logos & Images
 
         FAVICON
 
         PRIMARY
Colours
Primary Colours
#fe8c48
brandcolor-1
 text-brandcolor-1
 PRIMARY1
#f79c65
brandcolor-2
 text-brandcolor-2
 PRIMARY2
#faf1e7
brandcolor-3
 text-brandcolor-3
 Main Background Color
#009e62
brandcolor-4
 text-brandcolor-4
 Main CTA color
#19bf80
brandcolor-5
 text-brandcolor-5
 Main CTA hover
Default Colours
#282828
brandcolor-6
 text-brandcolor-6
 DEFAULT GREY
#3c3c3c
brandcolor-7
 text-brandcolor-7
 DEFAULT2
#636363
brandcolor-8
 text-brandcolor-8
 DEFAULT3
#bbbbbb
brandcolor-9
 text-brandcolor-9
 DEFAULT4
#ffffff
brandcolor-10
 text-brandcolor-10
 DEFAULT5
Aux Colours
#b6dacb
brandcolor-11
 text-brandcolor-11
 Secondary Background Color
#ffffff
brandcolor-12
 text-brandcolor-12
#f4f8fb
brandcolor-13
 text-brandcolor-13
#ffffff
brandcolor-14
 text-brandcolor-14
#fafafa
brandcolor-15
 text-brandcolor-15
brandcolor-16
 text-brandcolor-16
brandcolor-17
 text-brandcolor-17
brandcolor-18
 text-brandcolor-18
brandcolor-19
 text-brandcolor-19
rgba(254, 140, 72, 0.05)
brandcolor-20
 text-brandcolor-20
Transparent Colours
rgba(254, 140, 72, 0.59)
brandcolor-21
 text-brandcolor-21
#f2e7db
brandcolor-22
 text-brandcolor-22
rgba(0, 158, 98, 0.69)
brandcolor-23
 text-brandcolor-23
rgba(255, 255, 255, 0.65)
brandcolor-24
 text-brandcolor-24
rgba(254, 140, 72, 0.13)
brandcolor-25
 text-brandcolor-25
 Side bar color
Gradients
#fe8c48
            #ffae7d
grcolor-1
 GRADIENT1
#f79c65
            #ffbe98
grcolor-2
 GRADIENT2
#009e62
            #19bf80
grcolor-3
 GRADIENT3
#19bf80
            #5bc79a
grcolor-4
 GRADIENT4
#838383
            #282828
grcolor-5
 GRADIENT5
rgba(255, 255, 255, 0)
            #282828
grcolor-6
rgba(255, 255, 255, 0)
            #2e2e2e
grcolor-7
rgba(255, 255, 255, 0)
            #efefef
grcolor-8
rgba(255, 255, 255, 0)
            #282828
grcolor-9
rgba(255, 255, 255, 0)
            #282828
grcolor-10
Buttons & Links
    Click me
    
btn-1
 Main CTA
    Click me
    
btn-2
 Transparent CTA for dark bg
    Click me
    
btn-3
 CTA for dark bg
    Click me
    
btn-4
 CTA with no borders to add gradient
    Click me
    
btn-5
 CTA for white bg
    Signup
    
btn-6
 Nav Signup
    Login
    
btn-7
 Nav Login
    Click me
    
btn-8
    Click me
    
btn-9
    Click me
    
btn-10
 Hero Large CTA
Links
    Example Link
    
link-1
 Main link
    Example Link
    
link-2
 Link for dark bg
    Example Link
    
link-3
    Example Link
    
link-4
    Example Link
    
link-5
    Example Link
    
link-6
    Example Link
    
link-7
    Example Link
    
link-8
    Example Link
    
link-9
    Example Link
    
link-10
Sample
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Example Link ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
        Icons
 Facebook
 Instagram
 LinkedIn
 Twitter
 YouTube
Fonts
h1
        Source Serif Pro
Branding Color 6
            #282828
1.41rem
            22.61px
            1.59rem
            25.5px
            1.76rem
            28.22px
            1.86rem
            29.75px
            2.13rem
            34.0px
Lorem ipsum dolor sit amet
h2
        Source Serif Pro
Branding Color 7
            #3c3c3c
1.33rem
            21.28px
            1.33rem
            21.28px
            1.5rem
            24.0px
            1.66rem
            26.56px
            1.75rem
            28.0px
Lorem ipsum dolor sit amet, consectetuer adipiscing
h3
        Open Sans
Branding Color 7
            #3c3c3c
1.04rem
            16.57px
            1.1rem
            17.63px
            1.1rem
            17.63px
            1.24rem
            19.88px
            1.38rem
            22.0px
Lorem ipsum dolor sit amet, consectetuer adipiscing
h4
        Open Sans
Branding Color 7
            #3c3c3c
1.04rem
            16.67px
            1.04rem
            16.67px
            1.04rem
            16.67px
            1.11rem
            17.73px
            1.25rem
            20.0px
Lorem ipsum dolor sit amet, consectetuer adipiscing
h5
        Open Sans
Branding Color 6
            #282828
1.06rem
            16.92px
            1.06rem
            16.92px
            1.06rem
            16.92px
            1.06rem
            16.92px
            1.13rem
            18.0px
Lorem ipsum dolor sit amet, consectetuer adipiscing
h6
        Open Sans
Branding Color 7
            #3c3c3c
0.77rem
            12.32px
            0.88rem
            14.0px
            0.88rem
            14.0px
            0.88rem
            14.0px
            0.88rem
            14.0px
Lorem ipsum dolor sit amet, consectetuer adipiscing
p
Open Sans
Branding Color 7
            #3c3c3c
1.0rem
            16.0px
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
html, body 
        Open Sans
Branding Color 7
            #3c3c3c
1.0em
            16.0px
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
    Vertical Cards
card-1
card-2
card-3
card-4
card-5
Horizontal Cards
card-11
card-12
card-13
card-14
card-15
 
                         
                         
                     
                     
                     
                     
                     
                     
                     
                     
                     
                     
                    