- Algemeen
- De huidige huisstijl wijzigen
- Een nieuwe huisstijl aanmaken en instellen
- Huisstijlkleuren
- Logo toevoegen
- Voorbeeld bekijken en publiceren
Algemeen
Met huisstijl pas je kleuren en logo in Asset aan. Klanten kunnen hun eigen bedrijfsidentiteit gebruiken.
De standaardhuisstijl is als volgt:
De huidige huisstijl wijzigen
- Ga naar Client settings → Interface
- Open de huidige huisstijl via het vergrootglas bij het veld
- Als alle velden niet bewerkbaar zijn, is de huisstijl overgenomen en kan deze niet worden gewijzigd.
Een nieuwe huisstijl aanmaken en instellen
- Ga naar Client settings → Interface
- Open bij Corporate identity via > het zijmenu en klik op de drie puntjes.
Zonder ingevulde huisstijl zijn de drie puntjes direct beschikbaar
- Maak een nieuwe huisstijl door:
Op + rechtsboven te klikken
- Search te gebruiken voor de lijst en op New te klikken
- Vul een naam, hoofdkleuren en logo in.
- Klik op Preview trial version en vernieuw de browser voor een voorbeeld.
- Klik op Publish trial version wanneer deze definitief is.
- Stel de nieuwe huisstijl in het veld in voor alle gebruikers.
Info
Je kunt ook per gebruikersprofiel een afwijkende huisstijl instellen. Gebruikers met dat standaardgebruikersprofiel krijgen die huisstijl.
Huisstijlkleuren
Hoofdkleuren
Er zijn 5 hoofdkleuren voor verschillende interfaceonderdelen.
Naam |
Beschrijving |
|---|---|
Name |
Verplichte naam. |
Published version |
Status van de gepubliceerde versie. Deze moet Available zijn voor gebruik. |
Trial version |
Status van de proefversie. |
First color |
Bovenbalk en mededelingstitel. |
Second color |
Navigatiemenu en knoppen, tenzij Highlight is ingesteld; zie skin items. Tabbladen gebruiken een afgeleide van de tweede kleur. |
Third color |
Heeft momenteel geen functie. |
Fourth color |
Subkop |
Hyperlink color |
Hyperlinks |
Aanvullende kleuren (skin items)
Voeg aanvullende skin items toe via New in het betreffende onderdeel.
Selecteer een logische kleur, het interfaceonderdeel, en de werkelijke kleur via de kleurkiezer of hex-code. Dit overschrijft daarvoor de hoofdkleur.
Logical color |
Uitleg |
Voorbeeld |
|---|---|---|
Selected |
Kleur van geselecteerde regels Geselecteerde hoofdnavigatieoptie Geselecteerd tabblad van het profielmenu |
|
Heading level 1 |
Paginakop |
|
Heading level 2 |
Kop van een onderdeel |
|
Workflow |
Workflowknoppen |
|
Highlight |
Knoppen Mededelingstitel |
|
Info |
Informatiepaneel |
|
Warning |
Waarschuwingspaneel |
Info
Zonder eigen skin item gebruikt Asset de hoofdkleur of standaardkleur, afhankelijk van het onderdeel.
Selected:
Workflow:
Andere onderdelen vallen terug op hoofdkleuren.
Knoppen (tweede kleur)
Mededelingstitel (eerste kleur)
Geselecteerd profieltabblad (tweede kleur)
Paginakop (vierde kleur)
Subkop (vierde kleur)
Logo toevoegen
Klik op de paperclip:
Het logo moet voldoen aan:
- .png of .svg
- Transparantie ondersteunen
- Verhouding 4:1, bijvoorbeeld 400px bij 100px
- Maximum 640px bij 160px
- Minimum 160px bij 40px
Voorbeeld bekijken en publiceren
Bekijk eerst een proefversie voordat je publiceert:
- Klik op Preview trial version. De status wordt Ready for publication.
- Optioneel: vernieuw via de browser of het logo linksboven.
Het voorbeeld is alleen zichtbaar voor de gebruiker die het activeert. Na opnieuw inloggen is het niet meer zichtbaar. - Publish trial version slaat deze op; de publicatiestatus wordt Available en je kunt de huisstijl als standaard instellen.
- Gebruik Discard trial version om de nieuwe instellingen te verwerpen.
Tip
Na het voorbeeld wordt Preview trial version vervangen door Publish trial version. Een nieuw voorbeeld is pas mogelijk nadat je minstens één kleur wijzigt en opslaat via het pictogram rechtsboven.