freymaurer/branding

logos, colorschemes, etc. of DataPLANT and associated applications

Branding

logos, colorschemes, etc. of DataPLANT and associated applications

• Fonts
• Presentation templates
• Logos
  • DataPLANT
    • favicons
    • square
    • minimal - square
    • minimal - rounded
    • full width
      • transparent background
      • black background
      • darkblue background
      • lightblue background
  • Swate
    • favicons
    • icons for Excel
    • full width
      • transparent background
      • for excel (transparent background)
      • black background
      • white background
      • darkblue background
      • lightblue background
  • Spawn
    • full width
      • transparent background
      • for word (transparent background)
      • for word mint variant (transparent background)
      • black background
      • white background
      • darkblue background
      • lightblue background
• Colors
  • TLDR;
  • Light/Dark Base Colors
  • Base Colors
  • Shading
    • mint
    • lightblue
    • darkblue
    • yellow
    • olive
    • red

Fonts

The main font of all logos is Gulim

Presentation templates

• PowerPoint

Logos

DataPLANT

favicons

• Variant1 - bg_transparent
• Variant2 - bg_black
• Variant3 - bg_darkblue
• Variant4 - bg_lightblue

Variant1	Variant2	Variant3	Variant4

square

• Variant1 - bg_transparent
• Variant2 - bg_black
• Variant3 - bg_darkblue
• Variant4 - bg_lightblue

Variant1	Variant2	Variant3	Variant4

minimal - square

• Variant1 - bg_transparent
• Variant2 - bg_black
• Variant3 - bg_darkblue
• Variant4 - bg_lightblue

Variant1	Variant2	Variant3	Variant4

minimal - rounded

• Variant1 - bg_transparent
• Variant2 - bg_black
• Variant3 - bg_darkblue
• Variant4 - bg_lightblue

Variant1	Variant2	Variant3	Variant4

full width

transparent background

black background

darkblue background

lightblue background

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

for excel (transparent background)

black background

white background

darkblue background

lightblue background

Spawn

full width

transparent background

for word (transparent background)

for word mint variant (transparent background)

black background

white background

darkblue background

lightblue background

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	#FEFEFE
	lightgray	#ECEBEB
	black	#3A3A3A

Base Colors

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

Shading

mint

• darker:

  

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

• 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:

  

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

• 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:

  

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

• 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:

  

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

• 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:

  

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

• 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:

  

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

• lighter:

  

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