Dit is
de styleguide van NOEF.

Benieuwd naar de huisstijl van NOEF? In deze styleguide vind je elementen terug voor de website.

How we feel

Dit is een overzicht van de kleuren (+de hex codes en gradiënten) en voorkomen op de website, Deze kleuren staan ook in de Theme opties zodat ze makkelijk te bereiken zijn tijdens het vormgeven.

Color palette

Dit is een overzicht van de kleuren (+de hex codes en gradiënten) en voorkomen op de website, Deze kleuren staan ook in de Theme opties zodat ze makkelijk te bereiken zijn tijdens het vormgeven.

#d69578

#dea562

#849a6f

#a1b9b7

#d5832b

#000000

#ffffff

Typography

Dit is een overzicht van de kleuren (+de hex codes en gradiënten) en voorkomen op de website, Deze kleuren staan ook in de Theme opties zodat ze makkelijk te bereiken zijn tijdens het vormgeven.

Font 1.0

Raleway

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890 !?@#%&*()/

Raleway

Hier komt een quote van de klant in het font van de klant in regular.

Raleway Bold

Hier komt een quote van de klant in het font van de klant in bold.

Text styles

Dit is een overzicht van Typografie die op de website gebruikt wordt en hoe deze eruit zien in verhouding met elkaar

Heading 1

Heading 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

List

  • Brand Identity
  • Website Design & Development
  • SEO & Analytics
  • Social Media Generation

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Social Media Generation

Text styles

Dit is een overzicht van Typografie die op de website gebruikt wordt en hoe deze eruit zien in verhouding met elkaar

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

MEER OMZET

Geen goed gevoel maar zekerheid.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porttitor, erat sit amet venenatis luctus, augue libero ultrices venenatis.

Text styles

Dit is een overzicht van Typografie die op de website gebruikt wordt en hoe deze eruit zien in verhouding met elkaar

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo. Suspendisse egestas est ac dolor imperdiet pretium. Lorem ipsum dolor sit amet, consectetur.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo.

Lorem ipsum.

Nullam eros mi, mollis in sollicitudin non, tincidunt sed enim. Sed et felis metus, rhoncus ornare nibh. Ut at magna leo.

DATA-ANALYSE.

Benieuwd waar de kansen liggen voor uw bedrijf?

Ontvang onze whitepaper in uw mailbox en laat u inspireren.

Icons

Dit is een overzicht van de kleuren (+de hex codes en gradiënten) en voorkomen op de website, Deze kleuren staan ook in de Theme opties zodat ze makkelijk te bereiken zijn tijdens het vormgeven.

Icon nummer 1

Icon nummer 2

Icon nummer 3

Icons

Dit is een overzicht van de kleuren (+de hex codes en gradiënten) en voorkomen op de website, Deze kleuren staan ook in de Theme opties zodat ze makkelijk te bereiken zijn tijdens het vormgeven.

BUTTONS

BLOCKQUOTE

SHARED BY

NOEF

“Let’s go invent tomorrow rather than worrying about what happened yesterday.”

BUTTONS

Forms

Dit is een overzicht van de kleuren (+de hex codes en gradiënten) en voorkomen op de website, Deze kleuren staan ook in de Theme opties zodat ze makkelijk te bereiken zijn tijdens het vormgeven.

Quickscan laten uitvoeren?

Meteen duidelijkheid voor de organisatie. U ontvangt een rapport met directe actiepunten.

*Wij gaan vertrouwd om met uw data. U ontvangt geen spam.

Quickscan laten uitvoeren?

Meteen duidelijkheid voor de organisatie. U ontvangt een rapport met directe actiepunten.

*Wij gaan vertrouwd om met uw data. U ontvangt geen spam.