Brand

SukukFi brand assets

Logos, colours, and type for press, partners, and integrations. Everything here is free to use when representing SukukFi. Please follow the short usage notes below.

Download brand kit Usage guidelines

ZIP · logos in SVG and PNG, colour and type reference · 644 KB

The mark

The woven medallion is our primary symbol. Use the full colour version by default. Switch to flat black or white when colour will not read, for one colour printing, or on busy backgrounds.

SukukFi mark, full colour
Primary · full colour
SVG PNG 1024 PNG 512
SukukFi mark, black
Flat black
SVG PNG 512
SukukFi mark, white
Flat white
SVG PNG 512

Logo lockup

The mark and wordmark together. This is the full logo; use it wherever there is room. Pick the version that matches your background.

SukukFi lockup for light backgrounds
On light backgrounds
PNG
SukukFi lockup for dark backgrounds
On dark backgrounds
PNG

Wordmark

The SukukFi name on its own. Use when the mark already appears nearby, or where a symbol will not fit. Do not rebuild it in another font.

SukukFi wordmark for light backgrounds
On light · navy
PNG SVG
SukukFi wordmark for dark backgrounds
On dark · white
PNG SVG

Colours

Click any swatch to copy its hex value.

Brand teal
#00EAC3
UI accent
#00FFEE
Deep green
#0B4A3A
Wordmark navy
#0A1A15
Ink
#0A0D14
Off white
#F3F5F2

Typography

Branding SF is a licensed font used for headlines. If you do not have it, use Figtree Bold instead. Figtree and Cormorant Garamond are free on Google Fonts.

Aa
Display
Branding SF
Headlines. Licensed. Substitute Figtree Bold if unavailable.
Aa
Body
Figtree
Body and UI text. Free on Google Fonts.
Aa
Serif
Cormorant Garamond
Editorial accents. Free on Google Fonts.

Usage guidelines

The short version. The full README is included in the download.

Do

  • Keep clear space around the logo equal to the height of the mark's ring.
  • Use the full colour mark where it stays legible; use flat black or white when it does not.
  • Scale the whole logo as one piece.
  • Match the version to the background: light logo on dark, dark logo on light.

Do not

  • Stretch, rotate, or recolour the logo.
  • Add shadows, outlines, or your own gradients.
  • Rebuild the wordmark in a different typeface.
  • Combine the SukukFi mark with another logo in one lockup.

Everything in one download

All logos, colour, and type reference in a single ZIP. Need a format that is not here? Email [email protected].

Download brand kit About SukukFi