Skip to content

logos, colorschemes, etc. of DataPLANT and associated applications

License

Notifications You must be signed in to change notification settings

Zerskk/Branding

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Branding

logos, colorschemes, etc. of DataPLANT and associated applications

Fonts

The main font of all logos is Gulim

Presentation templates

Logos

DataPLANT

favicons

  • Variant1 - bg_transparent
  • Variant2 - bg_black
  • Variant3 - bg_darkblue
  • Variant4 - bg_lightblue
Variant1 Variant2 Variant3 Variant4
DataPLANT_logo_bg_transparent DataPLANT_logo_bg_black DataPLANT_logo_bg_darkblue DataPLANT_logo_bg_lightblue

square

  • Variant1 - bg_transparent
  • Variant2 - bg_black
  • Variant3 - bg_darkblue
  • Variant4 - bg_lightblue
Variant1 Variant2 Variant3 Variant4
DataPLANT_logo_bg_transparent DataPLANT_logo_bg_black DataPLANT_logo_bg_darkblue DataPLANT_logo_bg_lightblue

minimal - square

  • Variant1 - bg_transparent
  • Variant2 - bg_black
  • Variant3 - bg_darkblue
  • Variant4 - bg_lightblue
Variant1 Variant2 Variant3 Variant4
DataPLANT_logo_bg_transparent DataPLANT_logo_bg_black DataPLANT_logo_bg_darkblue DataPLANT_logo_bg_lightblue

minimal - rounded

  • Variant1 - bg_transparent
  • Variant2 - bg_black
  • Variant3 - bg_darkblue
  • Variant4 - bg_lightblue
Variant1 Variant2 Variant3 Variant4
DataPLANT_logo_bg_transparent DataPLANT_logo_bg_black DataPLANT_logo_bg_darkblue DataPLANT_logo_bg_lightblue

full width

transparent background

DataPLANT_logo_bg_transparent

black background

DataPLANT_logo_bg_black

darkblue background

DataPLANT_logo_bg_darkblue

lightblue background

DataPLANT_logo_bg_lightblue

Swate

favicons

icons for Excel

16x16 - 96x96 icons are contained in this folder

16x16 20x20 24x24 32x32 40x40 48x48 64x64 80x80 96x96

full width

transparent background

Swate_logo_bg_transparent

for excel (transparent background)

Swate_logo_bg_transparent

black background

Swate_logo_bg_black

white background

Swate_logo_bg_transparent

darkblue background

Swate_logo_bg_darkblue

lightblue background

Swate_logo_bg_lightblue

Spawn

full width

transparent background

Spawn_logo_bg_transparent

for word (transparent background)

Spawn_logo_bg_transparent

for word mint variant (transparent background)

Spawn_logo_bg_transparent

black background

Spawn_logo_bg_black

white background

Spawn_logo_bg_transparent

darkblue background

Spawn_logo_bg_darkblue

lightblue background

Spawn_logo_bg_lightblue

Colors

TLDR;

  • Web: Copy-paste or include this in your scss file / sass workflow.
  • Affinity Designer/Photo/Publisher : use this palette

Light/Dark Base Colors

Preview Name Hex
white white #FEFEFE
lightgray lightgray #ECEBEB
black black #3A3A3A

Base Colors

Preview Name Hex
mint mint #1FC2A7
lightblue lightblue #4FB3D9
darkblue darkblue #2D3E50
yellow yellow #FFC000
olive olive #B4CE82
red red #C21F3A

Shading

mint

  • darker:

    mint-shading-darker

    base 10% 20% 30% 40% 50% 60% 70% 80% 90% black
    #1fc2a7 #1caf96 #199b86 #168875 #137464 #106154 #0c4e43 #093a32 #062721 #031311 #000000
  • lighter:

    mint-shading-lighter

    base 10% 20% 30% 40% 50% 60% 70% 80% 90% white
    #1fc2a7 #35c8b0 #4cceb9 #62d4c1 #79daca #8fe1d3 #a5e7dc #bcede5 #d2f3ed #e9f9f6 #ffffff

lightblue

  • darker:

    light-blue-shading-darker

    base 10% 20% 30% 40% 50% 60% 70% 80% 90% black
    #4fb3d9 #47a1c3 #3f8fae #377d98 #2f6b82 #285a6d #204857 #183641 #10242b #081216 #000000
  • lighter:

    light-blue-shading-lighter

    base 10% 20% 30% 40% 50% 60% 70% 80% 90% white
    #4fb3d9 #61bbdd #72c2e1 #84cae4 #95d1e8 #a7d9ec #b9e1f0 #cae8f4 #dcf0f7 #edf7fb #ffffff

darkblue

  • darker:

    dar-kblue-shading-darker

    base 10% 20% 30% 40% 50% 60% 70% 80% 90% black
    #2d3e50 #293848 #243240 #1f2b38 #1b2530 #171f28 #121920 #0d1318 #090c10 #040608 #000000
  • lighter:

    dark-blue-shading-lighter

    base 10% 20% 30% 40% 50% 60% 70% 80% 90% white
    #2d3e50 #425162 #576573 #6c7885 #818b96 #969fa8 #abb2b9 #c0c5cb #d5d8dc #eaecee #ffffff

yellow

  • darker:

    yellow-shading-darker

    base 10% 20% 30% 40% 50% 60% 70% 80% 90% black
    #ffc000 #e6ad00 #cc9a00 #b38600 #997300 #806000 #664d00 #4c3a00 #332600 #191300 #000000
  • lighter:

    yellow-shading-lighter

    base 10% 20% 30% 40% 50% 60% 70% 80% 90% white
    #ffc000 #ffc61a #ffcd33 #ffd34d #ffd966 #ffe080 #ffe699 #ffecb3 #fff2cc #fff9e6 #ffffff

olive

  • darker:

    olive-shading-darker

    base 10% 20% 30% 40% 50% 60% 70% 80% 90% black
    #b4ce82 #a2b975 #90a568 #7e905b #6c7c4e #5a6741 #485234 #363e27 #24291a #12150d #000000
  • lighter:

    olive-shading-lighter

    base 10% 20% 30% 40% 50% 60% 70% 80% 90% white
    #b4ce82 #bcd38f #c3d89b #cbdda8 #d2e2b4 #dae7c1 #e1ebcd #e9f0da #f0f5e6 #f8faf3 #ffffff

red

  • darker:

    red-shading-darker

    base 10% 20% 30% 40% 50% 60% 70% 80% 90% black
    #c21f3a #AE1B34 #9B182E #871528 #741222 #600F1D #4D0C17 #3A0911 #26060B #130305 #000000
  • lighter:

    red-shading-lighter

    base 10% 20% 30% 40% 50% 60% 70% 80% 90% white
    #c21f3a #C8354D #CE4B61 #D46275 #DA7888 #E08F9C #E6A5B0 #ECBBC3 #F2D2D7 #F8E8EB #ffffff

About

logos, colorschemes, etc. of DataPLANT and associated applications

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • SCSS 100.0%