flutter_brand_palettes 0.3.0 flutter_brand_palettes: ^0.3.0 copied to clipboard
Collection of elegant and declarative classes for the color palettes and official logos of popular brands and companies.
Stop searching the internet for color hex codes!
Flutter Brand Palettes is a collection of declarative and object-oriented classes for the color palettes and official logos of popular brands and companies.
Getting Started #
Instead of a constant integer value, each color is represented by a named
constructor of its corresponding brand class. In this way, the source code
becomes more object-oriented, readable and maintainable. For instance, the
command Instagram.red().color
retrieves the Instagram's red color #FD1D1D;
Google.red().color
, Google's red #DB4437; Facebook.blue().color
, Facebook's
blue #4267B2; and so on.
Color Palettes in action #
import 'package:brand_colors/flutter_brand_colors.dart';
import 'package:flutter/material.dart';
class FacebookIsh extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
color: Facebook.blue().color,
);
}
}
Showcase application #
To run the showcase application:
cd example/
flutter run -d chrome
This should start the showcase application in Chrome browser.
Do you need any brand that has not yet been implemented? #
Just open an issue, enter the brand name and color reference link.
Brand Palettes Classes (A-Z) #
- Amazon
- black, orange.
- American Express
- bright blue, deep blue, neutral 1 (light grey), neutral 2 (dark grey).
- Android
- green.
- Apple
- black, silver, white.
- Bitcoin
- grey, orange, white.
- Facebook
- black, blue, grey, white.
- FedEx
- orange, purple.
- Old Palette
- black, blue, green, grey, red, yellow, white.
- Flutter
- blue, dark blue, dark grey, light blue, light grey, grey, white.
- Google
- blue, green, red, yellow.
- Ibm
- black, blue, white.
- Instagram
- blue, dark orange, dark pink, light yellow, orange, purple, purple-red, red, royal blue, yellow.
- Iphone11
- black, light green, light purple, light yellow, red, white.
- Iphone11Pro
- midnight green, rose-gold, silver, space grey.
- Iphone7
- black, gold, rose-gold, silver.
- Iphone8
- gold, silver, space grey.
- IphoneXR2
- black, blue, coral, red, white, yellow.
- IphoneXS
- black, gold, silver.
- Kotlin
- blue, orange, purple, violet.
- Linkedin
- blue, white.
- Mastercard
- black, orange, red, yellow.
- Messenger
- primaries
- black, blue, cool white, coral, pink, purple.
- neutrals (cool grey tones)
- daylight, midnight, twilight.
- primaries
- Microsoft
- blue, green, grey, orange-red, yellow.
- Netflix
- black, red, white.
- Oracle
- black, grey, red, white.
- PayPal
- black, pal blue, pay blue, white.
- Reddit
- black, orange, white.
- Slack
- aubergine (eggplant), black, blue, green, red, yellow.
- Spotify
- black, green, white.
- Swift
- black, sunset orange.
- TikTok
- black, red, turqoise, white.
- Tinder
- grey, pink.
- Twitter
- black, blue, dark grey, extra extra light grey, extra light grey, light, grey, white.
- Uber
- primary
- black, white.
- safety
- blue.
- secondary
- brown, green, orange, purple, red, yellow.
- primary
- Visa
- blue, gold.
- Whatsapp
- blue, light green, teal green, teal green dark, white, white chocolate.
- Youtube
- almost black, red, white.