File talk:Wireframe of Appearance menu.png

Code used

Here's the json export of the code I used, in Balsamiq's free web demo:

Extended content

{"mockup":{"controls":{"control":[{"ID":"36","h":"806","locked":"true","measuredH":"400","measuredW":"450","properties":{"bottomheight":"1","close":"true","dragger":"false","maximizeRestore":"false","minimize":"false","text":"Appearance and accessibility","topheight":"33","value":"0","verticalScrollbar":"true"},"typeID":"TitleWindow","w":"640","x":"603","y":"67","zOrder":"0"},{"ID":"46","measuredH":"27","measuredW":"65","properties":{"bold":"false","menuIcon":"false","state":"selected","text":"default","underline":"false"},"typeID":"Button","x":"819","y":"118","zOrder":"1"},{"ID":"47","measuredH":"27","measuredW":"58","properties":{"size":"10","text":"smaller"},"typeID":"Button","x":"753","y":"118","zOrder":"2"},{"ID":"48","measuredH":"27","measuredW":"73","properties":{"size":"18","text":"larger"},"typeID":"Button","x":"897","y":"118","zOrder":"3"},{"ID":"49","measuredH":"21","measuredW":"62","properties":{"bold":"true","text":" Text size:"},"typeID":"Label","x":"667","y":"121","zOrder":"4"},{"ID":"50","measuredH":"16","measuredW":"16","properties":{"icon":{"name":"GearIcon","size":"xsmall"}},"typeID":"Icon","x":"1227","y":"15","zOrder":"5"},{"ID":"51","h":"38","measuredH":"38","measuredW":"81","properties":{"direction":"bottom","rightArrow":"false","stroke":"solid","text":""},"typeID":"Arrow","w":"81","x":"1132","y":"37","zOrder":"6"},{"ID":"52","measuredH":"21","measuredW":"120","properties":{"bold":"true","text":"Color and contrast:"},"typeID":"Label","x":"618","y":"313","zOrder":"7"},{"ID":"61","measuredH":"21","measuredW":"20","properties":{"text":""},"typeID":"RadioButton","x":"892","y":"312","zOrder":"10"},{"ID":"62","children":{"controls":{"control":[{"ID":"0","h":"48","measuredH":"27","measuredW":"91","properties":{"color":"16777215","menuIcon":"false","text":" "},"typeID":"Button","w":"112","x":"0","y":"0","zOrder":"0"},{"ID":"1","h":"17","measuredH":"80","measuredW":"275","properties":{"align":"center","color":"6710886","text":"Design tweaks"},"typeID":"Paragraph","w":"90","x":"11","y":"7","zOrder":"1"},{"ID":"2","h":"17","measuredH":"80","measuredW":"275","properties":{"color":"10066329","text":"(modern)"},"typeID":"Paragraph","w":"57","x":"26","y":"23","zOrder":"2"}]}},"h":"48","measuredH":"48","measuredW":"112","typeID":"__group__","w":"112","x":"916","y":"301","zOrder":"9"},{"ID":"63","children":{"controls":{"control":[{"ID":"0","h":"48","measuredH":"27","measuredW":"24","properties":{"text":""},"typeID":"Button","w":"101","x":"0","y":"0","zOrder":"0"},{"ID":"1","h":"40","measuredH":"80","measuredW":"275","properties":{"align":"center","text":"High contrast\n(classic)"},"typeID":"Paragraph","w":"91","x":"5","y":"7","zOrder":"1"}]}},"h":"48","measuredH":"48","measuredW":"101","typeID":"__group__","w":"101","x":"776","y":"301","zOrder":"8"},{"ID":"64","measuredH":"21","measuredW":"20","properties":{"color":"2848996","state":"selected","text":""},"typeID":"RadioButton","x":"753","y":"313","zOrder":"11"},{"ID":"65","measuredH":"21","measuredW":"83","properties":{"bold":"true","text":"Line-spacing:"},"typeID":"Label","x":"648","y":"410","zOrder":"12"},{"ID":"67","h":"68","measuredH":"126","measuredW":"100","properties":{"alternateRowColor":"15658734","text":"One\nTwo\nThree"},"typeID":"List","w":"55","x":"854","y":"402","zOrder":"13"},{"ID":"70","h":"56","measuredH":"126","measuredW":"100","properties":{"alternateRowColor":"15658734","rowHeight":"16","text":"One\nTwo\nThree"},"typeID":"List","w":"55","x":"768","y":"402","zOrder":"14"},{"ID":"71","h":"90","measuredH":"126","measuredW":"100","properties":{"alternateRowColor":"15658734","rowHeight":"29","text":"One\nTwo\nThree"},"typeID":"List","w":"55","x":"940","y":"402","zOrder":"15"},{"ID":"72","measuredH":"21","measuredW":"20","properties":{"text":""},"typeID":"RadioButton","x":"752","y":"410","zOrder":"16"},{"ID":"73","measuredH":"21","measuredW":"20","properties":{"color":"2848996","state":"selected","text":""},"typeID":"RadioButton","x":"838","y":"410","zOrder":"17"},{"ID":"74","measuredH":"21","measuredW":"20","properties":{"text":""},"typeID":"RadioButton","x":"924","y":"410","zOrder":"18"},{"ID":"75","measuredH":"21","measuredW":"70","properties":{"bold":"true","text":"Page width:"},"typeID":"Label","x":"661","y":"515","zOrder":"19"},{"ID":"76","h":"113","measuredH":"140","measuredW":"200","properties":{"size":"12","text":""},"typeID":"TextArea","w":"406","x":"776","y":"536","zOrder":"20"},{"ID":"77","h":"87","measuredH":"80","measuredW":"275","properties":{"size":"8","text":"Lorem ipsum dolor sit amet, tollit eirmod elaboraret mei ad. Sed ea dolore petentium, ne mel admodum prodesset voluptaria, populo delicata suscipiantur ius id. Eam percipitur delicatissimi an, quod dolorem nec in, ne nam apeirian convenire principes. At sed tamquam referrentur, vide everti eum an. No sea vocibus urbanitas, ei eum quis aeque tincidunt, vel cu suas voluptua quaestio. Percipit petentium pri te, cu quis viderer eos."},"typeID":"Paragraph","w":"204","x":"792","y":"546","zOrder":"21"},{"ID":"78","h":"54","measuredH":"80","measuredW":"275","properties":{"size":"8","text":"Lorem ipsum dolor sit amet, tollit eirmod elaboraret mei ad. Sed ea dolore petentium, ne mel admodum prodesset voluptaria, populo delicata suscipiantur ius id. Eam percipitur delicatissimi an, quod dolorem nec in, ne nam apeirian convenire principes. At sed tamquam referrentur, vide everti eum an. No sea vocibus urbanitas, ei eum quis aeque tincidunt, vel cu suas voluptua quaestio. Percipit petentium pri te, cu quis viderer eos."},"typeID":"Paragraph","w":"376","x":"792","y":"692","zOrder":"23"},{"ID":"79","h":"82","measuredH":"140","measuredW":"200","properties":{"size":"12","text":""},"typeID":"TextArea","w":"406","x":"776","y":"680","zOrder":"22"},{"ID":"80","measuredH":"21","measuredW":"20","properties":{"color":"2848996","state":"selected","text":""},"typeID":"RadioButton","x":"753","y":"515","zOrder":"24"},{"ID":"81","measuredH":"21","measuredW":"20","properties":{"text":""},"typeID":"RadioButton","x":"753","y":"656","zOrder":"25"},{"ID":"82","measuredH":"21","measuredW":"84","properties":{"bold":"true","text":"Fixed header:"},"typeID":"Label","x":"649","y":"801","zOrder":"26"},{"ID":"97","h":"21","measuredH":"21","measuredW":"20","properties":{"color":"2848996","state":"selected","text":""},"typeID":"CheckBox","w":"16","x":"753","y":"801","zOrder":"35"},{"ID":"98","measuredH":"21","measuredW":"48","properties":{"bold":"true","text":"Popups:"},"typeID":"Label","x":"683","y":"170","zOrder":"36"},{"ID":"99","measuredH":"24","measuredW":"52","properties":{"text":"0.8"},"typeID":"NumericStepper","x":"762","y":"240","zOrder":"37"},{"ID":"100","measuredH":"21","measuredW":"189","properties":{"text":"Speed of open/close (seconds):"},"typeID":"Label","x":"819","y":"242","zOrder":"38"},{"ID":"107","measuredH":"21","measuredW":"20","properties":{"color":"2848996","state":"selected","text":""},"typeID":"RadioButton","x":"762","y":"192","zOrder":"39"},{"ID":"109","measuredH":"21","measuredW":"20","properties":{"text":""},"typeID":"RadioButton","x":"762","y":"213","zOrder":"40"},{"ID":"110","measuredH":"21","measuredW":"217","properties":{"text":"Simple article previews (Hovercards)"},"typeID":"Label","x":"782","y":"192","zOrder":"41"},{"ID":"111","measuredH":"21","measuredW":"294","properties":{"text":"Advanced previews and tools (Navigation popups)"},"typeID":"Label","x":"782","y":"213","zOrder":"42"},{"ID":"115","measuredH":"21","measuredW":"17","properties":{"text":"([?])"},"typeID":"Label","x":"1202","y":"121","zOrder":"43"},{"ID":"116","measuredH":"21","measuredW":"17","properties":{"text":"([?])"},"typeID":"Label","x":"1202","y":"801","zOrder":"44"},{"ID":"117","measuredH":"21","measuredW":"17","properties":{"text":"([?])"},"typeID":"Label","x":"1202","y":"170","zOrder":"45"},{"ID":"118","measuredH":"21","measuredW":"17","properties":{"text":"([?])"},"typeID":"Label","x":"1202","y":"515","zOrder":"46"},{"ID":"121","measuredH":"21","measuredW":"17","properties":{"text":"([?])"},"typeID":"Label","x":"1202","y":"313","zOrder":"47"},{"ID":"123","measuredH":"21","measuredW":"20","properties":{"text":""},"typeID":"RadioButton","x":"1043","y":"312","zOrder":"50"},{"ID":"124","h":"48","measuredH":"27","measuredW":"91","properties":{"color":"0","menuIcon":"false","text":" "},"typeID":"Button","w":"112","x":"1067","y":"301","zOrder":"48"},{"ID":"125","h":"18","measuredH":"80","measuredW":"275","properties":{"align":"center","color":"16777215","text":"Reverse"},"typeID":"Paragraph","w":"90","x":"1078","y":"316","zOrder":"49"},{"ID":"128","measuredH":"18","measuredW":"188","properties":{"size":"10","text":"[Expand] additional color blindness options"},"typeID":"Label","x":"753","y":"360","zOrder":"51"},{"ID":"129","measuredH":"16","measuredW":"16","properties":{"icon":{"name":"GearIcon","size":"xsmall"}},"typeID":"Icon","x":"1160","y":"800","zOrder":"52"},{"ID":"131","measuredH":"15","measuredW":"53","properties":{"size":"10","text":"WIKIPEDIA"},"typeID":"Title","x":"792","y":"800","zOrder":"27"},{"ID":"133","measuredH":"16","measuredW":"16","properties":{"icon":{"name":"SearchIcon","size":"xsmall"}},"typeID":"Icon","x":"867","y":"800","zOrder":"28"},{"ID":"134","measuredH":"21","measuredW":"115","properties":{"color":"10066329","text":"Enter search terms"},"typeID":"Label","x":"889","y":"798","zOrder":"29"},{"ID":"135","h":"27","measuredH":"100","measuredW":"10","properties":{"color":"13421772"},"typeID":"VRule","x":"1150","y":"795","zOrder":"30"},{"ID":"136","h":"27","measuredH":"100","measuredW":"10","properties":{"color":"13421772"},"typeID":"VRule","x":"1066","y":"795","zOrder":"31"},{"ID":"137","h":"27","measuredH":"100","measuredW":"10","properties":{"color":"13421772"},"typeID":"VRule","x":"857","y":"795","zOrder":"32"},{"ID":"138","measuredH":"18","measuredW":"76","properties":{"size":"10","text":"Sign-up or log-in"},"typeID":"Link","x":"1074","y":"800","zOrder":"33"},{"ID":"139","measuredH":"10","measuredW":"100","properties":{"color":"13421772"},"typeID":"HRule","w":"405","x":"776","y":"817","zOrder":"34"},{"ID":"140","measuredH":"16","measuredW":"81","properties":{"size":"8","text":"The free encyclopedia"},"typeID":"Label","x":"778","y":"807","zOrder":"53"},{"ID":"141","measuredH":"21","measuredW":"321","properties":{"text":"Fixed width: for easier reading, all content in a column."},"typeID":"Label","x":"776","y":"515","zOrder":"54"},{"ID":"142","measuredH":"21","measuredW":"349","properties":{"text":"Full width: for easier skimming, and wide tables or galleries."},"typeID":"Label","x":"776","y":"656","zOrder":"55"},{"ID":"146","measuredH":"22","measuredW":"40","properties":{"text":"Off"},"typeID":"RadioButton","x":"762","y":"170","zOrder":"56"},{"ID":"147","measuredH":"16","measuredW":"59","properties":{"size":"11","text":"WIKIPEDIA"},"typeID":"Title","x":"442","y":"5","zOrder":"57"},{"ID":"148","measuredH":"16","measuredW":"16","properties":{"icon":{"name":"SearchIcon","size":"xsmall"}},"typeID":"Icon","x":"517","y":"15","zOrder":"58"},{"ID":"149","measuredH":"21","measuredW":"115","properties":{"color":"10066329","text":"Enter search terms"},"typeID":"Label","x":"539","y":"13","zOrder":"59"},{"ID":"152","h":"27","measuredH":"100","measuredW":"10","properties":{"color":"13421772"},"typeID":"VRule","x":"507","y":"10","zOrder":"60"},{"ID":"153","measuredH":"18","measuredW":"222","properties":{"size":"10","text":"Talk Contributions Create account Log in","underline":"false"},"typeID":"Link","x":"991","y":"14","zOrder":"61"},{"ID":"155","measuredH":"16","measuredW":"81","properties":{"size":"8","text":"The free encyclopedia"},"typeID":"Label","x":"428","y":"21","zOrder":"62"},{"ID":"166","measuredH":"19","measuredW":"66","properties":{"color":"10066329","size":"11","text":"Not logged in"},"typeID":"Label","x":"909","y":"14","zOrder":"63"},{"ID":"167","measuredH":"21","measuredW":"17","properties":{"text":"([?])"},"typeID":"Label","x":"1202","y":"402","zOrder":"64"}]},"measuredH":"873","measuredW":"1243","mockupH":"868","mockupW":"815","version":"1.0"}}

HTH. :) Quiddity (talk) 03:48, 15 September 2014 (UTC)

Phabricator

Now on phab as https://phabricator.wikimedia.org/M17 - Quiddity (talk) 19:51, 5 December 2014 (UTC)