[Marketing] OSGeo web style guide

Hi all,

Greetings from the FOSS4G-Asia code sprint in Colombo, Sri Lanka !

Taking advantage of this session to finally wrap up and publish a very first version of the OSGeo style guide as HTML.

This is an entry point to our branding material, aimed at providing guidelines in a more accessible way (only PDF is available for now).

A preview of the style guide is available here:
https://nbozon.github.io/OSGeo/styleguide/

Code is available here:

https://github.com/nbozon/osgeo/tree/OSGeo-styleguide/marketing/branding/styleguide

This is built on top of mdwiki, using markdown as a simple structure, rendered with Javascript only.
As markdown styling capabilities are limited, you may notice that i had to include quite a bit of inline HTML to make it work and meet the guidelines (for proper use of fonts, colors, reponsive images…). A specific CSS file was also written with love to make it as shiny as possible :slight_smile:

This is a first version that needs your feedbacks and remarks to be completed. I hope we as Marketing Committee can work together to review, correct, enhance and make it live.

Please review and comment on the dedicated PR available here:
https://github.com/OSGeo/osgeo/pull/208

The initial idea (discussed earlier this year with Jeffrey and Jody) would be to host this work on a subdomain such as https://brand.osgeo.org that should become the entry point to all the material and guidelines we have on Github. I would be happy to collaborate with Marketing and SAC to make this happen.

Code sprint is coming to and end now, all ready for lunch !
This was an awesome FOSS4G-Asia event this week, and i would like to deeply thank the Sri Lankan LOC again for the great work they did and perfect organization they provided.

Best regards,

Nick

Oh wow that is great thank you for working on this :slight_smile:

I think we should follow the PDF and combine keep it really simple:

Brand:

  • follows the he logotype page
  • all the dos and don’t examples …

Sub-brand:

  • if it uses the OSGeo logo mark with some different text
  • keeping the Logomark unmodified is what makes it a sub-brand :slight_smile:
  • This is the default option allowing a group to produce a logo using the provided template

Distinct brand:

  • Uses its own logomark
  • Totally fine to contains some design callbacks as with GeoForAll colors, or OSGeo live design elements
  • we should probably try and keep the font consistent at least :slight_smile:
  • Allows a lot more creative freedom

On Tue, Dec 4, 2018 at 11:11 PM nicolas bozon <nicolas.bozon@gmail.com> wrote:

Hi all,

Greetings from the FOSS4G-Asia code sprint in Colombo, Sri Lanka !

Taking advantage of this session to finally wrap up and publish a very first version of the OSGeo style guide as HTML.

This is an entry point to our branding material, aimed at providing guidelines in a more accessible way (only PDF is available for now).

A preview of the style guide is available here:
https://nbozon.github.io/OSGeo/styleguide/

Code is available here:

https://github.com/nbozon/osgeo/tree/OSGeo-styleguide/marketing/branding/styleguide

This is built on top of mdwiki, using markdown as a simple structure, rendered with Javascript only.
As markdown styling capabilities are limited, you may notice that i had to include quite a bit of inline HTML to make it work and meet the guidelines (for proper use of fonts, colors, reponsive images…). A specific CSS file was also written with love to make it as shiny as possible :slight_smile:

This is a first version that needs your feedbacks and remarks to be completed. I hope we as Marketing Committee can work together to review, correct, enhance and make it live.

Please review and comment on the dedicated PR available here:
https://github.com/OSGeo/osgeo/pull/208

The initial idea (discussed earlier this year with Jeffrey and Jody) would be to host this work on a subdomain such as https://brand.osgeo.org that should become the entry point to all the material and guidelines we have on Github. I would be happy to collaborate with Marketing and SAC to make this happen.

Code sprint is coming to and end now, all ready for lunch !
This was an awesome FOSS4G-Asia event this week, and i would like to deeply thank the Sri Lankan LOC again for the great work they did and perfect organization they provided.

Best regards,

Nick


Marketing mailing list
Marketing@lists.osgeo.org
https://lists.osgeo.org/mailman/listinfo/marketing

The style guide looks good to me Nicolas. Sorry for delayed response. I’m catching up on old email threads.

···

On 5/12/18 6:10 pm, nicolas bozon wrote:

Hi all,

Greetings from the FOSS4G-Asia code sprint in Colombo, Sri Lanka !

Taking advantage of this session to finally wrap up and publish a very first version of the OSGeo style guide as HTML.

This is an entry point to our branding material, aimed at providing guidelines in a more accessible way (only PDF is available for now).

A preview of the style guide is available here:
https://nbozon.github.io/OSGeo/styleguide/

Code is available here:

https://github.com/nbozon/osgeo/tree/OSGeo-styleguide/marketing/branding/styleguide

This is built on top of mdwiki, using markdown as a simple structure, rendered with Javascript only.
As markdown styling capabilities are limited, you may notice that i had to include quite a bit of inline HTML to make it work and meet the guidelines (for proper use of fonts, colors, reponsive images…). A specific CSS file was also written with love to make it as shiny as possible :slight_smile:

This is a first version that needs your feedbacks and remarks to be completed. I hope we as Marketing Committee can work together to review, correct, enhance and make it live.

Please review and comment on the dedicated PR available here:
https://github.com/OSGeo/osgeo/pull/208

The initial idea (discussed earlier this year with Jeffrey and Jody) would be to host this work on a subdomain such as https://brand.osgeo.org that should become the entry point to all the material and guidelines we have on Github. I would be happy to collaborate with Marketing and SAC to make this happen.

Code sprint is coming to and end now, all ready for lunch !
This was an awesome FOSS4G-Asia event this week, and i would like to deeply thank the Sri Lankan LOC again for the great work they did and perfect organization they provided.

Best regards,

Nick

_______________________________________________
Marketing mailing list
[Marketing@lists.osgeo.org](mailto:Marketing@lists.osgeo.org)
[https://lists.osgeo.org/mailman/listinfo/marketing](https://lists.osgeo.org/mailman/listinfo/marketing)
-- 
Cameron Shorter
Technology Demystifier
Open Technologies and Geospatial Consultant

M +61 (0) 419 142 254

A quick question, how can we add this to our website?

It looks like the content is produced but we have not made use of it yet… The branding material page links to the PDF.

···


Jody Garnett

Looks like it is held up on a review https://github.com/OSGeo/osgeo/pull/208

···


Jody Garnett