Wijkwijsbreda promotie
Wijkwijsbreda
Wijkwijsbreda is een on-line wegwijzer waar Bredanaren oplossingen en organisaties kunnen vinden voor een specifieke zorgvraag in de gemeente Breda.
Om de meerwaarde van de website duidelijker te communiceren om de doelgroepen te activeren, is een illustratie gemaakt. De wegwijzer is het symbool van dat wat Wijkwijsbreda te bieden heeft.
- Illustratie
- Visitekaartjes
- Flyers
- Folders
- Affiches
Digitaal
- Narrowcasting
- Website ontwikkeling
- APP
Vragen
hier een filmpie
Hier de kale code:
———————
:root {
--grid-gap: 24px;
--col-width: calc(min(100vw, 80rem)/12);
--color-primary-300: #64b3e8;
--color-primary-500: #225d8a;
--color-primary-500-rgb: 34,93,138;
--color-secondary-100: #f7fafd;
--color-secondary-500: #e3eff8;
--color-secondary-500-rgb: 227,239,248;
--color-tertiary-500: #64b3e8;
--color-quinary-100: #e5f2f3;
--color-quinary-500: #53bdc4;
--color-quinary-700: #00818a;
--color-senary-500: #e95a0c;
--color-senary-700: #d41318;
--color-success-100: #e5ffeb;
--color-success-500: #00db2c;
--color-success-900: #00330a;
--color-warning-100: #fff7e5;
--color-warning-500: #ffba1a;
--color-warning-900: #332400;
--color-error-100: #ffe5e5;
--color-error-500: #c20000;
--color-error-900: #300;
--color-white: #fff;
--color-gray-100: #f9f9f9;
--color-gray-100-rgb: 249,249,249;
--color-gray-200: #f2f2f2;
--color-gray-300: #e7e7e7;
--color-gray-500: #ccc;
--color-gray-700: #545454;
--color-gray-900: #262626;
--color-black: #000;
--color-black-rgba: 0,0,0;
--color-text-base: var(--color-gray-900);
--color-text-print: var(--color-primary-500);
--color-label-highlight-bg: #9fb807;
--color-label-topcare-bg: var(--color-primary-300);
--color-label-highlight-attention-bg: #eff3d6;
--color-label-topcare-attention-bg: var(--color-secondary-500);
--gradient-primary-start: var(--color-primary-500);
--gradient-primary-end: var(--color-tertiary-500);
--gradient-secondary-start: var(--color-secondary-100);
--gradient-secondary-end: var(--color-secondary-500);
--gradient-tertiary-start: var(--color-tertiary-500);
--gradient-tertiary-end: var(--color-primary-500);
--gradient-quinary-start: var(--color-quinary-500);
--gradient-quinary-end: var(--color-quinary-700);
--gradient-senary-start: var(--color-senary-500);
--gradient-senary-end: var(--color-senary-700);
--logo-width: 7.4375rem;
--logo-height: 2.125rem;
--target-base-height: 48px;
--editor-content-list-style-image: url(/assets/svg/arrow-blue.svg);
--editor-content-list-style-image-primary: var( --editor-content-list-style-image );
--editor-content-list-checkmark: url(/assets/svg/check-blue.svg);
--editor-content-list-checkmark-dark: url(/assets/svg/check.svg)
}
@media(min-width: 40em) {
:root {
--logo-width:11rem;
--logo-height: 3.125rem
}
}
@media(pointer: fine) {
:root {
--target-base-height:44px
}
}
[data-theme=amphia-oka] {
--color-primary-500: #008739;
--color-primary-500-rgb: 0,135,57;
--color-secondary-100: #f2f7ed;
--color-secondary-500: #e5f0dc;
--color-secondary-500-rgb: 229,240,220;
--color-tertiary-500: #abd08d;
--gradient-tertiary-start: var(--color-tertiary-500);
--gradient-tertiary-end: var(--color-primary-500);
--logo-width: 7.4375rem;
--logo-height: 1.40625rem;
--editor-content-list-style-image: url(/assets/svg/arrow-oka-green.svg);
--editor-content-list-style-image-primary: var(--editor-content-list-style-image);
--editor-content-list-checkmark: url(/assets/svg/check-oka-green.svg)
}
@media(min-width: 30em) {
[data-theme=amphia-oka] {
--logo-width:10.4375rem;
--logo-height: 2.125rem
}
}
@media(min-width: 60em) {
[data-theme=amphia-oka] {
--logo-width:16.5rem;
--logo-height: 3.125rem
}
}
[data-theme=amphia-jobs] {
--color-primary-300: #53bdc4;
--color-primary-500: #008690;
--color-primary-500-rgb: 0,134,144;
--color-secondary-100: #f7fafd;
--color-secondary-500: #cce7e9;
--color-secondary-500-rgb: 227,239,248;
--color-tertiary-500: #225d8a;
--color-tertiary-700: #0a3458;
--color-quarternary-500: #64b3e8;
--color-quarternary-700: #225d8a;
--color-background-color: #fff;
--main-menu-button-color: #fff;
--button-tertiary-color: var(--color-white);
———————
Dit is een plaatje met de kleuren