Questionnaire previews (improved experiment)
Replica of the ground-truth gallery with experiments on 12 Drenched , 14–15 App UI color roles, 16–18 Docs strategy wireframe weight, and 45–47 / 59–62 / 71–72 Docs board bar weight, and 19–21 Portfolio caption circles (desktop), 12 / 21 Drenched full accent roles, Baseline: previews-gallery.html .
Surfaces (screen 01b)
1 Selected: Landing page
2 Selected: App UI
3 Selected: Docs
4 Selected: Portfolio
Color palette (screen 02)
5 Selected: Landing page + Palette preview
6 Selected: App UI + Palette preview
7 Selected: Docs + Palette preview
8 Selected: Portfolio + Palette preview
Color strategy (screen 03)
9 Selected: Landing page + Restrained
10 Selected: Landing page + Committed
11 Selected: Landing page + Full palette
12 Selected: Landing page + Drenched
13 Selected: App UI + Restrained
14 Selected: App UI + Committed
15 Selected: App UI + Full palette
16 Selected: Docs + Restrained
17 Selected: Docs + Committed
18 Selected: Docs + Full palette
19 Selected: Portfolio + Restrained
20 Selected: Portfolio + Committed
21 Selected: Portfolio + Drenched
Font pair (screen 04)
22 Selected: Landing page + Font pair
23 Selected: App UI + Font pair
24 Selected: Docs + Font pair
25 Selected: Portfolio + Font pair
Motion (screen 06)
26 Selected: Landing page + Restrained
27 Selected: Landing page + Responsive
28 Selected: Landing page + Choreographed
29 Selected: Portfolio + Restrained
30 Selected: Portfolio + Responsive
31 Selected: Portfolio + Choreographed
Layout (screen 07)
32 Selected: Landing page + Simple grid
33 Selected: Landing page + Balanced
34 Selected: Landing page + Freeform
35 Selected: Portfolio + Simple grid
36 Selected: Portfolio + Balanced
37 Selected: Portfolio + Freeform
Boundaries (screen 08)
38 Selected: Landing page + Open space
39 Selected: Landing page + Thin dividers
40 Selected: Landing page + Surface changes
41 Selected: Landing page + Cards and panels
42 Selected: App UI + Thin dividers
43 Selected: App UI + Surface changes
44 Selected: App UI + Cards and panels
45 Selected: Docs + Open space
46 Selected: Docs + Thin dividers
47 Selected: Docs + Surface changes
48 Selected: Portfolio + Open space
49 Selected: Portfolio + Thin dividers
50 Selected: Portfolio + Surface changes
Corners (screen 09)
51 Selected: Landing page + Sharp
52 Selected: Landing page + Slightly soft
53 Selected: Landing page + Friendly
54 Selected: Landing page + Pill-like
55 Selected: App UI + Sharp
56 Selected: App UI + Slightly soft
57 Selected: App UI + Friendly
58 Selected: App UI + Pill-like
59 Selected: Docs + Sharp
60 Selected: Docs + Slightly soft
61 Selected: Docs + Friendly
62 Selected: Docs + Pill-like
63 Selected: Portfolio + Sharp
64 Selected: Portfolio + Slightly soft
65 Selected: Portfolio + Friendly
Depth (screen 10)
66 Selected: Landing page + Flat
67 Selected: Landing page + Soft lift
68 Selected: Landing page + Floating
69 Selected: App UI + Flat
70 Selected: App UI + Soft lift
71 Selected: Docs + Flat
72 Selected: Docs + Soft lift
73 Selected: Portfolio + Flat
74 Selected: Portfolio + Soft lift
75 Selected: Portfolio + Floating