# Stylesheet

## Basis van de stylesheet

[Ask Team Clean](https://abbyshuiswerk.gitbook.io/afstudeerproject-abigael/www.askteamclean.com) heeft in april 2021 haar huisstijl op bepaalde onderdelen erg omgegooid, zo veranderde de hoofdkleur van roze naar blauw, werden de meeste hoekjes op het live platform wat ronder en werd er meer gebruik gemaakt van wit en grijs. Door de recente updates en de duidelijk nog zoekende situatie naar een nieuwe vaste huisstijl, is er nog geen nieuwe Brand Guide voor Ask Team Clean, en dus heb ik de onderdelen die behouden zijn gebleven uit de oude Brand Guide gebruikt als uitgangspunt, en dit aangevuld met elementen van de live site en uit mijn eigen [Design Patterns](/afstudeerproject-abigael/design-patterns.md) en [Principes](/afstudeerproject-abigael/design-principes.md) onderzoek. Door de elementen vooraf vast te stellen maak ik het voor mijzelf makkelijker om een consistent design neer te zetten. Onderdelen die vast staan zijn:

* Fonts
* Primaire kleuren
* Tegel / Kaart elementen

## Mijn eigen toevoeging:

### Kleuren

Om de app speels te maken heb ik alle blauwe shades uit de live website gehaald en deze gezamenlijk gebruikt voor een uitnodigende top bar op ieder scherm. Met enkel blauw, wit en grijs wordt de app echter heel 'koelbloedig' en dus heb ik lichte pastelkleuren toegevoegd die niet te druk zijn om te combineren met al het blauw, maar wel bright genoeg om de app 'gezelliger' te maken.

> *"Blue is the color of confidence. It is usually used when an app designer aims at designing a mobile application to be reliable and calming. Despite the color’s attributes, too much blue in an app’s design makes it seem slow, distant and sad. Therefore, mobile app designers must be very careful to not overpower the app with blue."* [(Appedus, 2020).](https://appedus.com/color-psychology-app-design/#:~:text=The%20colors%20used%20in%20an,from%2062%25%20to%2090%25.)

### Platte Illustraties x Pastel Gradients

Omdat Ask Team Clean gebruik maakt van een aantal poppetjes in de Brand Identity heb ik besloten deze mee te nemen in het app design om zo duidelijk te maken dat mijn app bij Ask Team Clean hoort, maar niet persé *'de'* Ask Team Clean app is. De illustratie stijl, die ik aardig onder de knie heb door mijn stageopdrachten voor Henkel voorafgaand aan dit project, is erg plat en bestaat zelf ook veelal uit pastel en washed achtige kleuren. Niet heel fel en aanwezig, wel heel speels.

[*Bekijk hier enkele video's waarin te zien is hoe ik de illustratiestijl inzet om elementen voor in mijn applicatie te maken.*](/afstudeerproject-abigael/definitief-concept.md#kleine-inkijk-in-het-proces)

## Stylesheet III

![](/files/-MbS9qmAumkWDFKjcigm)

## Stylesheet II

![Stylesheet 2.0 voor Prototype V2 en V3](/files/-M_zn__gH5UzkaEvO0sN)

## Stylesheet I

![Stylesheet bij Prototype Versie 1](/files/-M_Xttd5CjRNJl9izHDX)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://abbyshuiswerk.gitbook.io/afstudeerproject-abigael/stylesheet.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.