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