[Website] Visual identity guidelines for Apache Arrow logo

[asfimport]

The Apache Arrow logo is not currently documented on the website, and we don't have guidelines about how (or when) people in the community can use adapt it. Now that Arrow is a mature project it would be useful to include this documentation on the site, and to make it easy for people to download "officially supported" versions of the Apache Arrow logo for inclusion in slide decks, websites, etc.

As a related matter, the website currently uses a less-than-ideal image as the social media preview file. There are two limitations: (1) because it uses black text against a transparent background it isn't readable for twitter users with dark mode set (it just looks all black), and (2) it doesn't have wide enough borders, and parts of the logo get cropped out by twitter previews.

To help improve all this, I've put together a concrete proposal in a PR that:

• Documents the visual design of the Apache Arrow logo

• Generates multiple versions of the logo suitable for different contexts

• Provides some guidelines for usage that hopefully aren't too restrictive

• Adds this as a "visual identity" page to the website, and

• Switches the social preview image to one that works on twitter

  The pull request itself is here:

  ARROW-15684: [Website] Visual identity guidelines for Apache Arrow logo arrow-site#194

  If you want a quick preview of what the page would look like on the website it's more or less identical to the README in this repo:

  https://github.com/djnavarro/arrow-visual-identity

  (As an aside, this is my first time opening an issue on Jira. My apologies if I have done some part of this incorrectly)

Reporter: Danielle Navarro / @djnavarro
Assignee: Danielle Navarro / @djnavarro

Related issues:

• [Website] Social media link preview image looks bad in dark mode (relates to)

_{Note: This issue was originally created as ARROW-15684. Please see the migration documentation for further details.}