diff --git a/docs/extras/backgrounds.md b/docs/extras/backgrounds.md deleted file mode 100644 index 6058d04ff..000000000 --- a/docs/extras/backgrounds.md +++ /dev/null @@ -1,82 +0,0 @@ -All backgrounds are PNG format, and have been optimised for these resolutions: - -- Ultrawide (7680 x 1440) -- Widescreen (2560 x 1440) -- 3:2 (2256 x 1504) -- Mobile (1125 x 2436) - -These backgrounds are intended for personal use only! These backgrounds are, and -remain, the copyright of Elttob. You may not use these, commercially or otherwise, -without explicit written consent. - ------ - -## Isosceles - -A pattern of isosceles triangles distributed along the bottom, with the Fusion -gradient. Background is hex colour #1D1D1F, and so might not be ideal for OLED -screens. - -![Sample of Isosceles background](samples/Isosceles.jpg) - -- [Ultrawide](Isosceles-Ultrawide.png) -- [Widescreen](Isosceles-Widescreen.png) -- [3:2](Isosceles-3_2.png) -- [Mobile](Isosceles-Mobile.png) - ------ - -## Extrusion - -A Fusion logo, with extruded fill lines coming out of the logo. Background is -hex colour #0D0D0F, and so might not be ideal for OLED screens. - -![Sample of Extrusion background](samples/Extrusion.jpg) - -- [Ultrawide](Extrusion-Ultrawide.png) -- [Widescreen](Extrusion-Widescreen.png) -- [3:2](Extrusion-3_2.png) -- [Mobile](Extrusion-Mobile.png) - ------ - -## Construction - -The Fusion logo, with construction lines shown and other geometric patterns. -Background is 100% black, ideal for OLED screens. - -![Sample of Construction background](samples/Construction.jpg) - -- [Ultrawide](Construction-Ultrawide.png) -- [Widescreen](Construction-Widescreen.png) -- [3:2](Construction-3_2.png) -- [Mobile](Construction-Mobile.png) - ------ - -## Glow - -A centred Fusion logo emitting light on a dark background. -Background is 100% black, ideal for OLED screens. - -![Sample of Glow background](samples/Glow.jpg) - -- [Ultrawide](Glow-Ultrawide.png) -- [Widescreen](Glow-Widescreen.png) -- [3:2](Glow-3_2.png) -- [Mobile](Glow-Mobile.png) - ------ - -## Glow (Alternate) - -A centred Fusion logo emitting light on a dark background. -Uses an alternate design of the logo, which is now used for livestreams. -Background is 100% black, ideal for OLED screens. - -![Sample of GlowAlt background](samples/GlowAlt.jpg) - -- [Ultrawide](GlowAlt-Ultrawide.png) -- [Widescreen](GlowAlt-Widescreen.png) -- [3:2](GlowAlt-3_2.png) -- [Mobile](GlowAlt-Mobile.png) \ No newline at end of file diff --git a/docs/extras/backgrounds/Construction-3_2.png b/docs/extras/backgrounds/Construction-3_2.png deleted file mode 100644 index 897d75bb3..000000000 Binary files a/docs/extras/backgrounds/Construction-3_2.png and /dev/null differ diff --git a/docs/extras/backgrounds/Construction-Mobile.png b/docs/extras/backgrounds/Construction-Mobile.png deleted file mode 100644 index 8ab8639a4..000000000 Binary files a/docs/extras/backgrounds/Construction-Mobile.png and /dev/null differ diff --git a/docs/extras/backgrounds/Construction-Ultrawide.png b/docs/extras/backgrounds/Construction-Ultrawide.png deleted file mode 100644 index e62dba8dd..000000000 Binary files a/docs/extras/backgrounds/Construction-Ultrawide.png and /dev/null differ diff --git a/docs/extras/backgrounds/Construction-Widescreen.png b/docs/extras/backgrounds/Construction-Widescreen.png deleted file mode 100644 index c132823c0..000000000 Binary files a/docs/extras/backgrounds/Construction-Widescreen.png and /dev/null differ diff --git a/docs/extras/backgrounds/Extrusion-3_2.png b/docs/extras/backgrounds/Extrusion-3_2.png deleted file mode 100644 index 8e5e38af7..000000000 Binary files a/docs/extras/backgrounds/Extrusion-3_2.png and /dev/null differ diff --git a/docs/extras/backgrounds/Extrusion-Mobile.png b/docs/extras/backgrounds/Extrusion-Mobile.png deleted file mode 100644 index 0bc63cbaa..000000000 Binary files a/docs/extras/backgrounds/Extrusion-Mobile.png and /dev/null differ diff --git a/docs/extras/backgrounds/Extrusion-Ultrawide.png b/docs/extras/backgrounds/Extrusion-Ultrawide.png deleted file mode 100644 index a66e2aa47..000000000 Binary files a/docs/extras/backgrounds/Extrusion-Ultrawide.png and /dev/null differ diff --git a/docs/extras/backgrounds/Extrusion-Widescreen.png b/docs/extras/backgrounds/Extrusion-Widescreen.png deleted file mode 100644 index 18f703017..000000000 Binary files a/docs/extras/backgrounds/Extrusion-Widescreen.png and /dev/null differ diff --git a/docs/extras/backgrounds/Glow-3_2.png b/docs/extras/backgrounds/Glow-3_2.png deleted file mode 100644 index 15517b0d5..000000000 Binary files a/docs/extras/backgrounds/Glow-3_2.png and /dev/null differ diff --git a/docs/extras/backgrounds/Glow-Mobile.png b/docs/extras/backgrounds/Glow-Mobile.png deleted file mode 100644 index 8580e932c..000000000 Binary files a/docs/extras/backgrounds/Glow-Mobile.png and /dev/null differ diff --git a/docs/extras/backgrounds/Glow-Ultrawide.png b/docs/extras/backgrounds/Glow-Ultrawide.png deleted file mode 100644 index 8eab88c71..000000000 Binary files a/docs/extras/backgrounds/Glow-Ultrawide.png and /dev/null differ diff --git a/docs/extras/backgrounds/Glow-Widescreen.png b/docs/extras/backgrounds/Glow-Widescreen.png deleted file mode 100644 index 4f5afb3f6..000000000 Binary files a/docs/extras/backgrounds/Glow-Widescreen.png and /dev/null differ diff --git a/docs/extras/backgrounds/GlowAlt-3_2.png b/docs/extras/backgrounds/GlowAlt-3_2.png deleted file mode 100644 index 686d14820..000000000 Binary files a/docs/extras/backgrounds/GlowAlt-3_2.png and /dev/null differ diff --git a/docs/extras/backgrounds/GlowAlt-Mobile.png b/docs/extras/backgrounds/GlowAlt-Mobile.png deleted file mode 100644 index 9d0eccc0c..000000000 Binary files a/docs/extras/backgrounds/GlowAlt-Mobile.png and /dev/null differ diff --git a/docs/extras/backgrounds/GlowAlt-Ultrawide.png b/docs/extras/backgrounds/GlowAlt-Ultrawide.png deleted file mode 100644 index 284b9613b..000000000 Binary files a/docs/extras/backgrounds/GlowAlt-Ultrawide.png and /dev/null differ diff --git a/docs/extras/backgrounds/GlowAlt-Widescreen.png b/docs/extras/backgrounds/GlowAlt-Widescreen.png deleted file mode 100644 index bd57c4415..000000000 Binary files a/docs/extras/backgrounds/GlowAlt-Widescreen.png and /dev/null differ diff --git a/docs/extras/backgrounds/Isosceles-3_2.png b/docs/extras/backgrounds/Isosceles-3_2.png deleted file mode 100644 index 2a7b5ac34..000000000 Binary files a/docs/extras/backgrounds/Isosceles-3_2.png and /dev/null differ diff --git a/docs/extras/backgrounds/Isosceles-Mobile.png b/docs/extras/backgrounds/Isosceles-Mobile.png deleted file mode 100644 index 020123694..000000000 Binary files a/docs/extras/backgrounds/Isosceles-Mobile.png and /dev/null differ diff --git a/docs/extras/backgrounds/Isosceles-Ultrawide.png b/docs/extras/backgrounds/Isosceles-Ultrawide.png deleted file mode 100644 index 9e62d7cab..000000000 Binary files a/docs/extras/backgrounds/Isosceles-Ultrawide.png and /dev/null differ diff --git a/docs/extras/backgrounds/Isosceles-Widescreen.png b/docs/extras/backgrounds/Isosceles-Widescreen.png deleted file mode 100644 index 08e80e354..000000000 Binary files a/docs/extras/backgrounds/Isosceles-Widescreen.png and /dev/null differ diff --git a/docs/extras/backgrounds/samples/Construction.jpg b/docs/extras/backgrounds/samples/Construction.jpg deleted file mode 100644 index 01ade59b7..000000000 Binary files a/docs/extras/backgrounds/samples/Construction.jpg and /dev/null differ diff --git a/docs/extras/backgrounds/samples/Extrusion.jpg b/docs/extras/backgrounds/samples/Extrusion.jpg deleted file mode 100644 index 3d2ff7d1e..000000000 Binary files a/docs/extras/backgrounds/samples/Extrusion.jpg and /dev/null differ diff --git a/docs/extras/backgrounds/samples/Glow.jpg b/docs/extras/backgrounds/samples/Glow.jpg deleted file mode 100644 index 8cc2d36d8..000000000 Binary files a/docs/extras/backgrounds/samples/Glow.jpg and /dev/null differ diff --git a/docs/extras/backgrounds/samples/GlowAlt.jpg b/docs/extras/backgrounds/samples/GlowAlt.jpg deleted file mode 100644 index e26a27ab3..000000000 Binary files a/docs/extras/backgrounds/samples/GlowAlt.jpg and /dev/null differ diff --git a/docs/extras/backgrounds/samples/Isosceles.jpg b/docs/extras/backgrounds/samples/Isosceles.jpg deleted file mode 100644 index e0f19f1ef..000000000 Binary files a/docs/extras/backgrounds/samples/Isosceles.jpg and /dev/null differ diff --git a/docs/extras/brand-guidelines.md b/docs/extras/brand-guidelines.md deleted file mode 100644 index 756839b05..000000000 --- a/docs/extras/brand-guidelines.md +++ /dev/null @@ -1,95 +0,0 @@ -The Fusion branding is designed to be simplistic, modern, easy to recognise and -distinctive. - ------ - -## Colours - -### Primaries - -These colours are used in the Fusion logo and most illustrations. They might not -be suitable for text or all backgrounds. - -![Showing previews of each primary colour and their hex code.](Hex-Codes-Dark.svg#only-dark) -![Showing previews of each primary colour and their hex code.](Hex-Codes-Light.svg#only-light) - -### FusionDoc greys - -These colours are used by the FusionDoc theme on this website for all grey tones -used on pages. - -![Showing previews of each grey colour and their hex code.](FusionDoc-Grey-Hex-Dark.svg#only-dark) -![Showing previews of each grey colour and their hex code.](FusionDoc-Grey-Hex-Light.svg#only-light) - -### FusionDoc accents - -These colours are used by the FusionDoc theme on this website for accent colours -on links and interactive elements. - -![Showing previews of each accent colour and their hex code.](FusionDoc-Accent-Hex-Dark.svg#only-dark) -![Showing previews of each accent colour and their hex code.](FusionDoc-Accent-Hex-Light.svg#only-light) - ------ - -## Best Practices - -We would love you to use the Fusion branding in your own work, but please be -mindful that you use it appropriately. If you're not sure, feel free to reach -out over Discord or Twitter - it's always better to ask first to be secure! - -These aren't hard and fast rules, and we can't and don't want to police how -people use our stuff. Instead, these are provided as best practices to follow. -We'll add any common examples or questions to this list over time. - -### Brand Confusion - -Fusion's logo and name are designed to represent Fusion's official projects. -Please don't use them to represent things that are not Fusion; for example, if -you build your own UI library, it's better to design a new logo. - -In general, prefer to keep some distance between your project branding and -Fusion's branding, enough distance that people don't get confused about who -makes what, or whether a project is officially supported or not. - -It's a good litmus test to imagine a first-time user who knows nothing about -Fusion, and how they will perceive your project. - -!!! fail "Don't do this" - ![A recoloured Fusion logo with the text: Fusion 2 - Build your best UI, but bestier.](Fusion-2-Dark.svg#only-dark) - ![A recoloured Fusion logo with the text: Fusion 2 - Build your best UI, but bestier.](Fusion-2-Light.svg#only-light) - - In this example, someone made their own UI library and named it Fusion 2. - Note that this is an extreme example for demonstration purposes - most - violations of this principle are probably more subtle. - - This is bad because people might mistakenly think the official Fusion - project approves or provides support for this unrelated project, which would - cause many headaches and is dishonest about the relationship between the - two libraries. Plus, in this example, we reserve the right to update Fusion - to version 2 at any time, which would immediately cause a naming conflict. - - - -!!! success "Instead, do this" - ![A distinct logo with the text: InfuseTS - A Fusion-like library for TypeScript](InfuseTS-Dark.svg#only-dark) - ![A distinct logo with the text: InfuseTS - A Fusion-like library for TypeScript](InfuseTS-Light.svg#only-light) - - This logo makes it more clear that the project is not a port of, update to - or bindings for the Fusion library. Instead, it's a completely distinct - project which only takes inspiration from Fusion, but is otherwise unrelated. - - It's okay for the logo to remind people of Fusion's design. Remember - you - don't have to be completely original, just distinct enough that it isn't - confusing for people. - -!!! warning "Acceptable, but be careful" - ![A plugin using the Fusion logo to represent a 'Convert to Fusion' action.](Fusion-Plugin-Toolbar-Dark.png#only-dark) - ![A plugin using the Fusion logo to represent a 'Convert to Fusion' action.](Fusion-Plugin-Toolbar-Light.png#only-light) - - Here, this plugin is using the Fusion logo to represent a 'Convert to - Fusion' action. This is fine, because users will understand the Fusion logo - represents the thing being converted to. - - However, be careful, as free-standing uses of the Fusion icon like this can - easily become confusing. Make sure people understand the logo represents - Fusion, and not the plugin, so confusion between the two is minimised. \ No newline at end of file diff --git a/docs/extras/brand-guidelines/Fusion-2-Dark.svg b/docs/extras/brand-guidelines/Fusion-2-Dark.svg deleted file mode 100644 index f6cd81e3a..000000000 --- a/docs/extras/brand-guidelines/Fusion-2-Dark.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/docs/extras/brand-guidelines/Fusion-2-Light.svg b/docs/extras/brand-guidelines/Fusion-2-Light.svg deleted file mode 100644 index d2f0dbb72..000000000 --- a/docs/extras/brand-guidelines/Fusion-2-Light.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/docs/extras/brand-guidelines/Fusion-Plugin-Toolbar-Dark.png b/docs/extras/brand-guidelines/Fusion-Plugin-Toolbar-Dark.png deleted file mode 100644 index 64b29c034..000000000 Binary files a/docs/extras/brand-guidelines/Fusion-Plugin-Toolbar-Dark.png and /dev/null differ diff --git a/docs/extras/brand-guidelines/Fusion-Plugin-Toolbar-Light.png b/docs/extras/brand-guidelines/Fusion-Plugin-Toolbar-Light.png deleted file mode 100644 index 00c00cb96..000000000 Binary files a/docs/extras/brand-guidelines/Fusion-Plugin-Toolbar-Light.png and /dev/null differ diff --git a/docs/extras/brand-guidelines/FusionDoc-Accent-Hex-Dark.svg b/docs/extras/brand-guidelines/FusionDoc-Accent-Hex-Dark.svg deleted file mode 100644 index 1529fc7fc..000000000 --- a/docs/extras/brand-guidelines/FusionDoc-Accent-Hex-Dark.svg +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/extras/brand-guidelines/FusionDoc-Accent-Hex-Light.svg b/docs/extras/brand-guidelines/FusionDoc-Accent-Hex-Light.svg deleted file mode 100644 index a996b5e65..000000000 --- a/docs/extras/brand-guidelines/FusionDoc-Accent-Hex-Light.svg +++ /dev/null @@ -1,34 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/extras/brand-guidelines/FusionDoc-Grey-Hex-Dark.svg b/docs/extras/brand-guidelines/FusionDoc-Grey-Hex-Dark.svg deleted file mode 100644 index 5b0ecbc2b..000000000 --- a/docs/extras/brand-guidelines/FusionDoc-Grey-Hex-Dark.svg +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/extras/brand-guidelines/FusionDoc-Grey-Hex-Light.svg b/docs/extras/brand-guidelines/FusionDoc-Grey-Hex-Light.svg deleted file mode 100644 index 817e7ae91..000000000 --- a/docs/extras/brand-guidelines/FusionDoc-Grey-Hex-Light.svg +++ /dev/null @@ -1,37 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/extras/brand-guidelines/Hex-Codes-Dark.svg b/docs/extras/brand-guidelines/Hex-Codes-Dark.svg deleted file mode 100644 index 0113c55f2..000000000 --- a/docs/extras/brand-guidelines/Hex-Codes-Dark.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/extras/brand-guidelines/Hex-Codes-Light.svg b/docs/extras/brand-guidelines/Hex-Codes-Light.svg deleted file mode 100644 index b446575dd..000000000 --- a/docs/extras/brand-guidelines/Hex-Codes-Light.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/extras/brand-guidelines/InfuseTS-Dark.svg b/docs/extras/brand-guidelines/InfuseTS-Dark.svg deleted file mode 100644 index 1dc335031..000000000 --- a/docs/extras/brand-guidelines/InfuseTS-Dark.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - - - - - - - - diff --git a/docs/extras/brand-guidelines/InfuseTS-Light.svg b/docs/extras/brand-guidelines/InfuseTS-Light.svg deleted file mode 100644 index ee9772270..000000000 --- a/docs/extras/brand-guidelines/InfuseTS-Light.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - - - - - - - - diff --git a/docs/extras/index.md b/docs/extras/index.md deleted file mode 100644 index 698b4e89e..000000000 --- a/docs/extras/index.md +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: Extras ---- - -# Extras - -Welcome to the Extras section! Here, you can find guidelines and assets for -Fusion branding, download backgrounds and wallpapers for your devices, and more! - ------ - -## Commonly Used - -- [Backgrounds](backgrounds) -- [Brand Guidelines](brand-guidelines) \ No newline at end of file diff --git a/mkdocs.yml b/mkdocs.yml index 7f88df4bc..a27e435b7 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -163,11 +163,7 @@ nav: - Members: - Tween: api-reference/animation/members/tween.md - Spring: api-reference/animation/members/spring.md - - Extras: - - Home: extras/index.md - - Backgrounds: extras/backgrounds.md - - Brand Guidelines: extras/brand-guidelines.md - + - "by Studio Elttob": https://elttob.itch.io/ markdown_extensions: - admonition - attr_list