Bug 130778 - Branding for 7.0
Summary: Branding for 7.0
Status: NEW
Alias: None
Product: LibreOffice
Classification: Unclassified
Component: UI (show other bugs)
Version:
(earliest affected)
7.0.0.0.alpha0+ Master
Hardware: All All
: medium enhancement
Assignee: Not Assigned
URL:
Whiteboard:
Keywords: needsUXEval
Depends on:
Blocks: About-Dialog
  Show dependency treegraph
 
Reported: 2020-02-19 16:54 UTC by Bayu Rizaldhan Rayes
Modified: 2020-03-29 17:38 UTC (History)
9 users (show)

See Also:
Crash report or crash signature:


Attachments
LibreOffice 7.0 Logo Proposals (3.86 MB, application/pdf)
2020-03-01 21:33 UTC, jackandmixers
Details
LibreOffice7 Splash, About, Mac OS (74.90 KB, application/pdf)
2020-03-03 19:01 UTC, jackandmixers
Details

Note You need to log in before you can comment on or make changes to this bug.
Description Bayu Rizaldhan Rayes 2020-02-19 16:54:11 UTC
Description:
Hi, I'd like to submit design proposition for Libre office 7 about dialog. 
This is still work in progress, but might already shown the idea.

It would be great if you can give feedback whether this concept suit or aligned with LibreOffice brand. Whether i should continue to polish it more.

The concept showing elements in libre office icons set, colors and general office productivity stuff in isometric style.

The initial inspiration is from illustration like in editorial, book cover or late 90s boxed software, but with more modern style.

Please see image in this url.
https://raw.githubusercontent.com/bayubayu/opensource-design/master/proposition1.jpg

Vector done in Inkscape. Sketch in photoshop.
other font used in this concept: Quicksand by Andrew Paglinawan (OFL).

Thanks
Bayu R

Steps to Reproduce:
1.Please see image below https://raw.githubusercontent.com/bayubayu/opensource-design/master/proposition1.jpg

Actual Results:
N/A

Expected Results:
N/A


Reproducible: Always


User Profile Reset: No



Additional Info:
N/A
Comment 1 andreas_k 2020-02-19 19:33:10 UTC
Like it.

I prefer the alternative image with the big 7.
Comment 2 Roman Kuznetsov 2020-02-20 09:56:42 UTC
I like left image in middle row

Thanks for very nice proposals!
Comment 3 Heiko Tietze 2020-02-20 14:44:42 UTC
Thanks a lot for this great proposal. I love to read concepts and not just the final artwork. What you write makes a lot of sense and I can easily follow the idea of streaming everything around office into the TDF's paperclip logo. To some extend I see also the swatch [1] being represented, at least the colors are greenish. We could also update the color swatch (it's on my todo list anyway). Or, if you want to play, make the drawing more #18A303-ish. But I'd prefer a new swatch.
Regarding the About dialog we would have to move things around a bit but that's not a big deal. 


However, I would like to open the topic for the whole branding. That is:

* icon-themes/*/brand/intro.png
* icon-themes/*/brand_dev/intro.png
=> splash screen for development and final versions with and without TDF tagline
currently 661 x 169, 8-bit/color RGBA, interlaced

* icon-themes/*/brand/flat_logo.svg
=> image on top of the about box
currently 810 x 133

* icon-themes/*/brand/shell/about.svg
=> background of the about box, empty for 6.x
currently 648 x 667

* instsetoo_native/inc_common/windows/msi_templates/Binary/Banner.bmp
=> image used for the Windows installer progress
PC bitmap, Windows 95/NT4 and newer format, 632 x 57 x 8

* instsetoo_native/inc_common/windows/msi_templates/Binary/Image.bmp
=> image used for the Windows installer first page
Windows BMP image 162 x 312

* setup_native/source/packinfo/osxdndinstall.png
=> image for macOS package
PNG image data, 550 x 443, 8-bit/color RGBA, non-interlaced


Archive for 6.x and 5.x branding is here https://wiki.documentfoundation.org/Marketing/Branding#Releases. For the 6.x version we tried to eat our own dogfood but I think Inkscape is fine. Some proposals are stored here https://wiki.documentfoundation.org/Marketing/Branding/Ideas, in particular Rizal's seven.

[1] https://wiki.documentfoundation.org/Marketing/Branding#Colors
Comment 4 jackandmixers 2020-03-01 21:33:20 UTC
Created attachment 158290 [details]
LibreOffice 7.0 Logo Proposals

Hello all!

Thought I'd throw my hat into the ring also.

Here are some ideas I put together I thought might help market the new version of LibreOffice. Happy to hear feedback. Thank you!
Comment 5 jackandmixers 2020-03-03 19:01:33 UTC
Created attachment 158353 [details]
LibreOffice7 Splash, About, Mac OS

Based on Heiko's feedback, I've created 3 possible new designs for Libre 7.0. These are for the splash page, the about page, and the mac OS startup page, respectively.

Looking forward to any constructive comments. Thank you!
Comment 6 Heiko Tietze 2020-03-04 06:30:04 UTC
(In reply to jackandmixers from comment #5)
> Looking forward to any constructive comments. Thank you!

* I like the pronounced ligature and the superscripted seven.
* The cubes were artwork for version six and don't need to be in the brand anymore.
* The sheered (? there is likely a better word for it) logo looks a bit like a door but the L and the b won't go through it.
* We have branding guidelines [1] that proscribe changes to font type, colors, letter spacing, and modifications to the symbol. That's not carved in stone, or it is but it's sand stone and we can redo this guideline. But is it necessary?

[1] https://wiki.documentfoundation.org/Marketing/Branding#Logos
Comment 7 Heiko Tietze 2020-03-04 06:33:48 UTC
(In reply to Heiko Tietze from comment #3)
> However, I would like to open the topic for the whole branding. That is:
> ...

One is missing.

* icon-themes/*/sfx2/res/logo.png
=> shown at the start center without any recently used documents; PNG image data, 263 x 263, 8-bit/color RGBA, non-interlaced
Comment 8 Rizal Muttaqin 2020-03-14 14:07:18 UTC
When we take decision about this proposal?
Comment 9 Heiko Tietze 2020-03-27 11:42:31 UTC
jackandmixers: Please share the raw content so we can implement your artwork perhaps at the Windows installer. Extracted from the PDF it would be bad quality.
Comment 10 Adolfo Jayme 2020-03-28 07:55:16 UTC
Comment on attachment 158353 [details]
LibreOffice7 Splash, About, Mac OS

This attachment 158353 [details] doesn’t present a high-quality logo IMO.

Also, it violates the branding guidelines (there should be no numbers inside the Document icon). And citing myself for the thousandth time: https://redmine.documentfoundation.org/issues/2905#change-16960
Comment 11 Bayu Rizaldhan Rayes 2020-03-29 17:38:25 UTC
Hi all,

Thanks for previous feedback & guidance. 
Here's latest update on my preposition.
I've updated about box and added new proposition on app icons and splash screen.
Some SVG source files are also published.

## About Box
status: in progress
concept: https://raw.githubusercontent.com/bayubayu/opensource-design/master/about.jpg
SVG: https://github.com/bayubayu/opensource-design/blob/master/libreoffice/libreoffice-about.svg
comment: may need more polish/finishing.

## Intro/splash screen
status: draft/concept
concept: https://raw.githubusercontent.com/bayubayu/opensource-design/master/splash-concept.jpg
comment: waiting for feedback.

## Icons
status: in progress
concept: https://raw.githubusercontent.com/bayubayu/opensource-design/master/icons-concept.jpg
SVG: https://github.com/bayubayu/opensource-design/blob/master/libreoffice/libreoffice-icons.svg
comment: Inspiration is based on recent trend on google material and microsoft fluent design.

## windows installer progress
status: not yet. pending on concept approval on about/splash

## windows installer first page
status: not yet

## OSX installer
status: not yet

## Start center
status: not yet

Please let me know if you have any feedback.

Thanks
Bayu R