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).
- Host: GitHub
- URL: https://github.com/koddr/starlette-logo
- Owner: koddr
- License: other
- Created: 2019-04-30T15:35:12.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2021-04-13T13:19:13.000Z (almost 5 years ago)
- Last Synced: 2025-04-29T19:59:37.076Z (9 months ago)
- Topics: asgi-framework, logo, logo-design, rgb, shines, starlette, starlette-api, starlette-logo
- Homepage: https://shostak.dev/
- Size: 1.15 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Official [Starlette](https://github.com/encode/starlette) logo (with style guide)
[](https://github.com/koddr/quart-logo)
[](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 with additional text (color)

## Short logo (color)

## 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


## 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).