blob: 5ac30e82ba47168def63ca58d3f393c2a81c0073 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
---
title: Huisstijl hulpbronnen
slug: Mozilla/Persona/Huisstijl
tags:
- Persona
- branding
- huisstijl
- hulpbronnen
- merken
- resources
translation_of: Archive/Mozilla/Persona/User_interface_guidelines
---
<h2 id="Aanmelden_met_Persona_Knoppen">Aanmelden met Persona Knoppen</h2>
<h3 id="Afbeeldingen">Afbeeldingen</h3>
<p>De "Sign in" (aanmelden) knop komt in drie verschillende versies, en drie kleuren:</p>
<table>
<thead>
<tr>
<th scope="row"> </th>
<th scope="col">Sign in with your Email</th>
<th scope="col">Sign in with Persona</th>
<th scope="col">Sign in</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Zwart</th>
<td><img alt="" src="/files/3955/email_sign_in_black.png" style="width: 202px; height: 25px;"></td>
<td><img alt="" src="/files/3961/persona_sign_in_black.png" style="width: 185px; height: 25px;"></td>
<td><img alt="" src="/files/3967/plain_sign_in_black.png" style="width: 95px; height: 25px;"></td>
</tr>
<tr>
<th scope="row">Blauw</th>
<td><img alt="" src="/files/3957/email_sign_in_blue.png" style="width: 202px; height: 25px;"></td>
<td><img alt="" src="/files/3963/persona_sign_in_blue.png" style="width: 185px; height: 25px;"></td>
<td><img alt="" src="/files/3969/plain_sign_in_blue.png" style="width: 95px; height: 25px;"></td>
</tr>
<tr>
<th scope="row">Rood</th>
<td><img alt="" src="/files/3959/email_sign_in_red.png" style="width: 202px; height: 25px;"></td>
<td><img alt="" src="/files/3965/persona_sign_in_red.png" style="width: 185px; height: 25px;"></td>
<td><img alt="" src="/files/3971/plain_sign_in_red.png" style="width: 95px; height: 25px;"></td>
</tr>
</tbody>
</table>
<h3 id="CSS-Gebaseerd">CSS-Gebaseerd</h3>
<p><a href="http://sawyerhollenshead.com/" title="http://sawyerhollenshead.com/">Sawyer Hollenshead</a> heeft een set uitstekende CSS-gebaseerde knoppen gemaakt. <a href="/files/3973/persona-css-buttons.zip" title="/files/3973/persona-css-buttons.zip">Download (.zip)</a></p>
<h2 id="Meer_informatie">Meer informatie</h2>
<p>Meer informatie over het visuele ontwerp van Persona is te vinden in <a href="http://people.mozilla.org/~smartell/persona/" title="http://people.mozilla.org/~smartell/persona/">Sean Martells style primer</a>.</p>
|
