GUI for app.tbinfo

[benpawle]

Default UI view when no data has been entered. Project row in sidebar is highlighted.

Click the image icon to browse / or drag your icon.png (in this case with alpha channel) onto image well

All app info added

Toggle between UI view and Code view to access the JSON data.

[StefanJanssen95]

I really like this design. But is only a 96*96 allowed for the app icon or can a 128*128 (which is a more common icon size) also possible? And which types of images should be supported? I also suggest to add a site option.

[benpawle]

Hi @StefanJanssen95 the reason we're going with 96*96px icon size is because that is the resolution of the icon on the Tingbot app screen and we want it to look pixel perfect and crisp.

Image types should be .png but could perhaps transcode a jpg to png in Tide.

I've now added a URL field below the twitter :)

[StefanJanssen95]

Im currently working on this issue, but I'm missing somethings that I'm currently making up myself. I don't have:

• a default app icon (the pig)
• font size of the sidebar texts (project title, author title)
• font color of the author text in the sidebar
• font size of the "header" in the editor
• font size of the text in the tabs
• font color of the text in the tabs

If someone can supply this information I can make it more look like the design.

[benpawle]

Cool - I've built some guides below. The placeholder big thumb is also there. The font we're using is SF UI Display. Thats the system font on mac so I imagine Windows substitutes for its own system font. Let me know if I'm missing anything! Thanks for your help with this :)

Placeholder thumb @1x

Placeholder thumb @2x