Documentation for powered by

tmpfs commented 3 years ago

Some interesting information here about customer acquisition.

I suggest we enable it by default and let people disable it or customize the styles.

@chrism , any objections or thoughts?

tmpfs commented 3 years ago

I think we could use the branding to good effect here by reversing the wording. So instead of the usual Powered by UWE we write it as UWE / POWERED where the slash represents the diagonal divider in the branding.

tmpfs commented 3 years ago

I noticed that webflow do this with a position fixed in the bottom right of the screen, what do you think about that @chrism? Too invasive maybe? Something we could apply to our sites only?

tmpfs commented 3 years ago

One final thought before i knock off for the evening is that it would be cool if this were done so nicely that it became a badge of honour because people really like our tools, i can imagine settings like this:

[powered]
enabled = true
fixed = true
colors = {background = "black", text = "white", tint = "blue"}

Then we dynamically embed some SVG/CSS/Markup so it looks beautiful with any design. Obviously we would modify the colors based on a final style guide 👍

Edit: obv. enabled = true would be the default just added to illustrate available settings.

chrism commented 3 years ago

Yeh, for sure although I think it would still work as a simple powered by UWE as a block which would make the shape simple for a badge like that and easy to sit on any background color then (though could be customised)?

Powered By

tmpfs commented 3 years ago

Initial work on this is completed in 39827b9a4aec0dc58c190a3b8e45fd6cb6f44cd6.

Requires approval/tweaks etc from @chrism. For now I am just using the current font and allowing some simple styling. I imagine as we will want to use our typeface that this will end up being a transparent PNG or SVG file.

The default behavior is fixed position in the bottom-right corner of the screen.

Requires additional work to add to the documentation; here is the basics...

Use a relative element at the bottom of the page

Instead of a fixed element:

powered = {display = "relative"}

Change the colors

powered = {color = "red", background = "green", border = "blue"}

Let the user style it with the `powered-by` class

powered = {display = "none"}

Does not add the style attribute.

Disable the powered-by element:

powered = {display = "hidden"}

@chrism, happy to change any of these settings to ensure we have control over the appearance/branding but of course we need to balance that with people's requirements that it does not clash with their design.

Maybe just two simple styles for light and dark backgrounds?

uwe-app / app