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

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

asgi bottle framework-logo hex hsl liquid logo quart quart-framework quart-logo quart-python rgb svg

Last synced: 3 months ago
JSON representation

🖼 Official Quart logo (with style guide).

• Host: GitHub
• URL: https://github.com/koddr/quart-logo
• Owner: koddr
• License: other
• Created: 2017-12-07T18:42:48.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2021-04-13T13:17:50.000Z (over 4 years ago)
• Last Synced: 2025-04-29T19:59:23.935Z (5 months ago)
• Topics: asgi, bottle, framework-logo, hex, hsl, liquid, logo, quart, quart-framework, quart-logo, quart-python, rgb, svg
• Homepage: https://shostak.dev/
• Size: 230 KB
• Stars: 6
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Official [Quart](https://github.com/pgjones/quart) ASGI web microframework logo

[![Quart logo version](https://img.shields.io/badge/version-2017.12-brightgreen.svg?style=flat-square)](https://github.com/koddr/quart-logo)

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

## TL;TR

1. [Quart](https://github.com/pgjones/quart) is a Python ASGI web microframework, that allows websites to be written utilising the async await syntax and the familiar Flask API. This is possible as Quart is a re-implementation of the Flask API using async/await and ASGI.

2. Logo and style guide made by [Vic Shóstak](https://github.com/koddr) for Quart community.

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

## Logo story

The logo itself has a lot of meaning.

This is looks like Flask fonts and give us to understand what’s the quart means? Because `1 quart` equal `0.9 litre` (and we’re assuming: full bottle on logo hold one litre, but it’s not full — because hold a quart now).

The bung on top of bottle makes it clear — this is production ready Python framework with speed more than Flask, but Flask-like — all in one pack! Get, open (equal install) and use it!

Unstable liquid’s state in bottle give us to understand — this liquid is reactivity, like new async features on Python and HTTP/2. And some aggressive gradient’s color of liquid say to us hey, I’m alive and can help you to improve yourself... just use me!

## General Information

- SVG files minify by [SVGO](https://github.com/svg/svgo) project with max optimize;

- PNG files have `600x600` size and `transparent` background.

## Full logo (color)



Download: [SVG](https://github.com/koddr/quart-logo/blob/master/src/svg/quart_full_logo_color.svg), [PNG](https://github.com/koddr/quart-logo/blob/master/src/png/quart_full_logo_color.png)

## Short logo (color)



Download: [SVG](https://github.com/koddr/quart-logo/blob/master/src/svg/quart_short_logo_color.svg), [PNG](https://github.com/koddr/quart-logo/blob/master/src/png/quart_short_logo_color.png)

## Style Guide

### Font

Text has been written in classical old English font, call [IM FELL English](https://fonts.google.com/specimen/IM+Fell+English) (by Igino Marini, Principal design).

### Color

Text:

- HEX `#000000`, RGB `0, 0, 0`, HEX `0, 0%, 0%`

Bottle:

- Light elements — HEX `#BCE3F4`, RGB `188, 227, 244`, HSL `198, 72%, 85%`

- Dark elements — HEX `#99D5E8`, RGB `153, 213, 232`, HSL `194, 63%, 75%`

Cork from the bottle:

- Light elements — HEX `#C49A6C`, RGB `196, 154, 108`, HSL `31, 43%, 60%`

- Dark elements — HEX `#B7895B`, RGB `183, 137, 91`, HSL `30, 39%, 54%`

Liquid in the bottle:

- Gradient:

  - from HEX `#FFFF33`, RGB `255, 255, 51`, HSL `60, 100%, 60%`

  - to HEX `#E83B3B`, RGB `232, 59, 59`, HSL `0, 79%, 57%`

  

## Real life examples

![t-shirt](https://github.com/koddr/quart-logo/blob/master/src/quart_t-shirt_gray.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%20Quart%20ASGI%20Framework%20logo%20%28with%20style%20guide%29%3A%20https%3A%2F%2Fgithub.com%2Fkoddr%2Fquart-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 our [referral link](https://m.do.co/c/b41859fa9b6e) (your profit is **$100** and we 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).