Branding

Everything you need to reference Fylgja CSS in a blog post, a talk, a course or a comparison page. The files below are free to use, no permission needed.

Tip: right click the logo in the header for a quick copy or download.

Logo

The wordmark is the primary form of the brand. Use it wherever there is room for it, in whichever of the two reads best against your background.

Logo, whiteFor dark backgrounds, photos and colored surfaces.SVG PNG

Logo, blackFor light backgrounds and for print.SVG PNG

Icon

Use the icon when the wordmark does not fit, such as an avatar or a favicon. Do not rebuild the wordmark by placing the icon next to the word Fylgja in another typeface.

Icon, whiteThe mark on its own, for dark backgrounds.SVG PNG

Icon, blackThe mark on its own, for light backgrounds.SVG PNG

App iconThe mark on its own background, for app tiles and avatars.SVG PNG

Colors

These are the theme colors. Use them when you want the logo to look the way it does here, and pick your own when it suits your design better.

Fylgja Purple#70279A--brandoklch(0.44 0.18 310)

On Brand#FCFCFC--on-brandText and icons placed on top of the purple

How to use these

There is one rule that matters: keep the shape intact. Scale the logo as a whole, and never stretch, squash, rotate or skew it. Everything else is up to you.

Recolor the logo to whatever fits your background or design.
Keep clear space around it, at least the height of the F on every side.
Do not use the logo in a way that suggests Fylgja CSS endorses your product, or as part of your own logo or product name.
The name is written Fylgja, or Fylgja CSS in full. Not FYLGJA or fylgja.

Questions

Need a format that is not here, or unsure whether your use fits the guidelines? Ask in GitHub Discussions.