An open API service indexing awesome lists of open source software.

https://github.com/koddr/starlette-logo

🖼 Official Starlette logo (with style guide).
https://github.com/koddr/starlette-logo

asgi-framework logo logo-design rgb shines starlette starlette-api starlette-logo

Last synced: 3 months ago
JSON representation

🖼 Official Starlette logo (with style guide).

Awesome Lists containing this project

README

          

# Official [Starlette](https://github.com/encode/starlette) logo (with style guide)

[![logo version](https://img.shields.io/badge/version-2019.4-brightgreen.svg?style=flat-square)](https://github.com/koddr/quart-logo)
[![guide complete](https://img.shields.io/badge/style_guide-done-brightgreen.svg?style=flat-square)](https://github.com/koddr/quart-logo)

## TL;TR
1. [Starlette](https://github.com/encode/starlette) is a little ASGI framework that shines.
2. Logo and style guide made by [Vic Shóstak](https://github.com/koddr) for Starlette community.
3. All images in this repository have [Creative Commons license](https://creativecommons.org/share-your-work/public-domain/cc0) (CC0 1.0 Universal).

## General Information

* SVG files minify by [SVGO](https://github.com/svg/svgo) project with max optimize;
* PNG files have `800x600` size and `transparent` background.

### History and main idea

The meaning of the logo is quite simple: ascending (read, like new) bright star, which shines brightly. Good typography for merchandising and speeches at Python conferences, catchy graphics for everything else.

> Yes, I know, starlette is a French word and literally means rising star, english equivalent of a starlet, but with a different meaning :)

The small star is directed slightly up and to the right to show the dynamics of movement, but not to be super intrusive.

## Full logo (color)

Full logo

## Full logo with additional text (color)

Full logo with additional text

## Short logo (color)

Short logo

## Download

- Dark font color (default): [SVG](https://github.com/koddr/starlette-logo/tree/master/src/dark/svg), [PNG](https://github.com/koddr/starlette-logo/tree/master/src/dark/png)
- Light font color: [SVG](https://github.com/koddr/starlette-logo/tree/master/src/light/svg), [PNG](https://github.com/koddr/starlette-logo/tree/master/src/light/png)

## Style Guide

### Font

- Lead text has been written in [Gabriola Regular](https://docs.microsoft.com/en-us/typography/font-list/gabriola) (by John Hudson, Microsoft Corporation).
- Additional text has been written in [Open Sans Light](https://fonts.google.com/specimen/Open+Sans) (by Steve Matteson, Principal design).

### Color

Text:

* Lead — HEX `#1F1F1F`, RGB `31, 31, 31`
* Additional — HEX `#474747`, RGB `71, 71, 71`

Star:

* Light elements — HEX `#FFDC65`, RGB `255, 220, 101`
* Lighter elements — HEX `#FFF182`, RGB `255, 241, 130`
* Dark elements — HEX `#FDC850`, RGB `253, 200, 80`

## Real life examples

![Example t-thirt black](https://github.com/koddr/starlette-logo/blob/master/examples/starlette_logo_with_bg.jpg)

![Example full hd logo](https://github.com/koddr/starlette-logo/blob/master/examples/starlette_t-shirt.jpg)

## Designer

- [Vic Shóstak](https://github.com/koddr) (aka Koddr).

## Project assistance

If you want to say thank you:

1. Add a GitHub Star to project.
2. Twit about project [on your Twitter](https://twitter.com/intent/tweet?text=%F0%9F%96%BC%20Official%20Starlette%20ASGI%20Python%20Framework%20logo%20%28with%20style%20guide%29%3A%20https%3A%2F%2Fgithub.com%2Fkoddr%2Fstarlette-logo).
3. Donate some money to project author via PayPal: [@paypal.me/koddr](https://paypal.me/koddr?locale.x=en_EN).
4. Join DigitalOcean at my [referral link](https://m.do.co/c/b41859fa9b6e) (your profit is **$100** and I get $25).

## License

All images in this repository have [Creative Commons license](https://creativecommons.org/share-your-work/public-domain/cc0) (CC0 1.0 Universal).