IslaFans Brand Kit
==================

Everything here is also browsable at https://islafans.com/brand, which shows
each lockup on the background it is meant for.


WHAT'S IN THE BOX
-----------------

logos/svg/
  islafans-logo-horizontal.svg        Primary lockup. Coral mark, coral "Isla",
                                      white "Fans". Use this by default.
  islafans-logo-horizontal-light.svg  Same lockup with a navy "Fans", for white
                                      and light backgrounds.
  islafans-logo-horizontal-coral.svg  All-coral lockup, for when only one colour
                                      of the brand palette is available.
  islafans-logo-stacked.svg           Mark above wordmark. For square or narrow
  islafans-logo-stacked-light.svg     spaces: splash screens, print, merch.
  islafans-logo-mono-white.svg        Single-colour lockups for embroidery,
  islafans-logo-mono-black.svg        engraving, stamping and one-colour print.
  islafans-mark*.svg                  The palm mark on its own, in coral, white
                                      and black.
  islafans-wordmark*.svg              The wordmark on its own.

logos/png/
  Raster exports on a transparent background, for tools that can't take vector.
  Scale them down, never up.

icons/
  The full app icon set. favicon.ico covers 16/32/48px; icon.svg is scalable;
  icon-96/192/512 are the standard PWA sizes; icon-maskable-* keep the artwork
  inside Android's 80% safe zone; apple-touch-icon.png is opaque because iOS
  composites any transparency onto black. safari-pinned-tab.svg is a
  single-colour silhouette. site.webmanifest is the manifest these are declared
  in.

social/
  og-image-1200x630.png — the Open Graph / X card.


COLOUR
------

Name        Hex       Tailwind     Use
Coral 500   #e85d4a   coral-500    Primary brand colour: logo, accents, icons.
Coral 700   #b23428   coral-700    Filled buttons and any coral behind white text.
Coral 300   #ff9e90   coral-300    Links and small text on dark surfaces.
Navy 900    #1a2b4a   navy-900     Secondary. The wordmark on light backgrounds.
Teal 500    #2a9d8f   teal-500     Verification and trust states only.
Ink         #0d0d0d                Page background.
Foreground  #f5f5f5                Body text on Ink.

Contrast, measured against WCAG 2.1:
  Coral 500 on Ink      5.64:1  AA
  Coral 500 on white    3.45:1  below AA for text — never put white text on it
  Coral 700 + white     6.15:1  AA, AAA for large text
  Coral 300 on Ink      9.76:1  AAA
  Navy 900 + white     14.11:1  AAA
  Teal 500 on Ink       5.85:1  AA
  Foreground on Ink    17.83:1  AAA


TYPE
----

Inter, throughout. Free and open source: https://rsms.me/inter
Headings are Bold with tight tracking, body is Regular, labels are Semibold
uppercase with wide tracking. Where Inter isn't available, fall back to the
system UI sans-serif.


CLEAR SPACE AND MINIMUM SIZE
----------------------------

Keep clear space on every side equal to at least half the height of the palm
mark. Don't take the horizontal lockup below 120px wide — below that the
wordmark stops being readable, so use the mark on its own instead. The mark
itself shouldn't go below 24px.


WHAT NOT TO DO
--------------

  - Recolour the logo. Use one of the lockups supplied here.
  - Stretch, squash, rotate, or add a drop shadow, outline or gradient.
  - Rebuild the wordmark by typing "IslaFans" in another typeface.
  - Put the coral logo on a coral, red or busy photographic background.
  - Split the mark from the wordmark to invent a new lockup.
  - Use the logo in a way that suggests IslaFans endorses you or your product.


USING THESE ASSETS
------------------

The IslaFans name, logo and palm mark belong to Pretty Things Online Inc. You
may use them unchanged to refer to IslaFans — in articles, reviews, affiliate
and recruiter material, app listings and creator promotion.

You may not use them as part of your own product name, logo or domain, alter
the artwork, or present them in a way that implies IslaFans sponsors, endorses
or is affiliated with something it is not.

Need something this kit doesn't cover — a different format, a print-ready file,
or sign-off on an unusual placement? https://islafans.com/contact
