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.
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.
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.
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?
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!
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.
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.
Call to Action - Area #1
Your content goes here. Edit or remove this text inline or in the module Content settings.
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.
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.