Logo & Brand

Design System

Brand Guidelines

When people interact with our content, product and services, we want them to feel (…). When people see something from our brand they think it is (…). When thinking about our brand, we don’t want people to feel (…). If our brand was a person, they would be described as (…).

List:

  • item 1When people interact with our content, product and services, we want them to feel (…). When people see something from our brand they think it is (…). When thinking about our brand, we don’t want people to feel (…). If our brand
  • item 2When people interact with our content, product and services, we want them to feel (…). When people see something from our brand they think it is (…). When thinking about our brand, we don’t want people to feel (…). If our brand
  • item 3When people interact with our content, product and services, we want them to feel (…). When people see something from our brand they think it is (…). When thinking about our brand, we don’t want people to feel (…). If our brand
  • item 4When people interact with our content, product and services, we want them to feel (…). When people see something from our brand they think it is (…). When thinking about our brand, we don’t want people to feel (…). If our brand
  • item 5When people interact with our content, product and services, we want them to feel (…). When people see something from our brand they think it is (…). When thinking about our brand, we don’t want people to feel (…). If our brand

Color Palettes

#4A29D3

#7E66E1

#A999EB

#D4CCF5

#F1EEFC

#F25000

#FF7733

#FFA070

#FFC9AD

#FFE4D6

#1F2933

#3E4C59

#7B8794

#CBD2D9

#F5F7FA

Typography

Roboto Regular

Aa

Roboto Bold

Aa

Roboto Black

Aa

Merrieweather

Aa

Display Text

H1 Roboto heavy TT 50-42-36

H2 Roboto bold TT 42-36-30

H3 Roboto bold TT 36-30-26

H4 Roboto bold TT 30-26-22

H5 Roboto heavy TT 0.5 18-16-14
H6 Roboto bold TT 22-18-16

Body Text

Egestas hac netus praesent aliquam phasellus aliquet efficitur nullam. Id viverra mattis egestas. Sample link at felis lacus conubia donec habitant. Iprimis maximus at felis lacus conubia donec habitant erat neque nullam dapibus malesuada elementum metus accumsa.

Aptent eros justo pellentesque placerat volutpat sapien conubia amet accumsan. Sollicitudin elit velit erat fusce magna sapien etiam malesuada nascetur.

Text p Merriweather 16-15-14 1.8

link underscore

Functional Text

Sample label

functional Roboto TT 0.5 12-12-12 letterspace 0.1em

Buttons & Forms

Imagery

Icons & Blurbs

Your content goes here.

Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings.

~

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings.

Your content goes here. Edit or remove this text inline or in the module Content settings.

Your content goes here. Edit or remove this text inline or in the module Content settings.

~

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings.

~

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings.

Call to action

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Person
Name Goes Here

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Two people working with

Extraordinary Brands

Like what you see?

Sophie’s motto:

Beauty is the radiance of your soul
– Asad Meah

Graphic Designer

Sophie

She’s the one who will spend hours choosing the right colors, tweaking details to be just right, and making sure that you get a beautiful design. With a degree in Visual Arts and an extensive knowldge of the current trends, Sophie has all it takes to create a beuatiful, converting website for you!

Walter’s motto:

Ambition is a dream with a V8 engine
– Elvis Presley

Web Developer

Walter

When Walter buys a car, he couldn’t care less about its color – he wants a smooth, highly pleasurable and efficient ride. And that’s what he’ll contribute to your website! UI, UX, and a bug-free experience: he’s got it down to a science. Leaving the exterior to Sophie’s expertise, Walter can focus on building the best engine for your website.

What we do best

Sophie’s superpower is to:

Define your brands goals and translate them into a captivating, beautiful design that will turn your website into a gorgeous and effective business card.

Take in the full picture and design a journey for website users to follow while making sure the beautiful details enrapture but don’t distract.

Walter will make sure that:

Everything works smoothly to create just the effect you want to achieve. He’ll turn that beautiful website into a fast, sleek machine designed to win.

Your secrets are safe. His superpower is cybersecurity, and in every project, he takes utmost care to make your website a safe space for your personal or business presence online.

Together, we can do more

Fun & Random Facts

The year we’ve met

As soon as it turned out we complemented each other so well, we started a business together! It was busines love at first sight.

Websites we built together

Working together, we are like a well-oiled machine. As a duo, we can work faster than single designers.

Cookies Sophie brought in last week

Sophie adores baking, so if you come round to our office, home-made cookies are a guaranteed treat!

{

There are three responses to a piece of design – yes, no, and WOW! Wow is the one to aim for.

Milton Glaser

Like what you see?

Call to Action - Area #2

Your content goes here. Edit or remove this text inline or in the module Content settings.

Call to Action - Area #4

Your content goes here. Edit or remove this text inline or in the module Content settings.

Call to Action - Area #6

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

The CSS code for the Grid #1 is placed in this Code module. You can copy it to Page Settings, Theme Options or child theme stylesheet.

Call to Action - Area #4

Your content goes here. Edit or remove this text inline or in the module Content settings.

Call to Action - Area #6

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Blurb - Area #1

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Call to Action - Area #2

Your content goes here.

Blurb - Area #4

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Call to Action - Area #5

Your content goes here.

The CSS code for the Grid #2 is placed in this Code module. You can copy it to Page Settings, Theme Options or child theme stylesheet.

Call to Action - Area #1

Your content goes here. Edit or remove this text inline or in the module Content settings.

Z

Blurb - Area #2

Blurb - Area #3

Blurb - Area #5

Blurb - Area #6

Call to Action

Your content goes here. Edit or remove this text inline or in the module Content settings.

The CSS code for the Grid #3 is placed in this Code module. You can copy it to Page Settings, Theme Options or child theme stylesheet.

Call to Action - Area #1

Your content goes here. Edit or remove this text inline or in the module Content settings.

Blurb - Area #3

En tekst

Blurb - Area #5

Blurb - Area #6

Call to Action

Your content goes here. Edit or remove this text inline or in the module Content settings.