Sign in with URnetwork - button kit
===================================

The button reads "Sign in with" followed by the URnetwork lockup. Only the
first part is text. That is deliberate: translate "Sign in with" into your
interface language and leave the lockup untouched, so the brand reads the
same everywhere.

Contents
  sign-in-with-urnetwork.html   drop-in markup, lockup inlined
  sign-in-with-urnetwork.css    button styles, both variants
  sign-in-with-urnetwork-dark.svg    the whole button, one asset
  sign-in-with-urnetwork-light.svg   ditto, for dark surfaces
  urnetwork-lockup.svg          the lockup alone (currentColor)
  urnetwork-mark.svg            the mark alone (currentColor)

Use the HTML and CSS where you can. The label then renders in your page's
own type and stays selectable, searchable and translatable. The SVGs are
for places that take an image and nothing else.

The lockup is drawn with currentColor, so it inherits the button's text
colour and one copy serves both variants.

Rules
  Height       44px minimum. This is the tap target; never go smaller.
  Radius       12px
  Lockup       16px tall, never redrawn, recoloured or rebuilt from parts
  Clear space  8px on all four sides
  Focus        2px #0099ff, offset 2px
  Ground       #101010 dark, #f8f8f8 light. No other colour, no gradient.

Do not set the word URnetwork in your own type in place of the lockup, do
not use the mark without the label, and do not animate or skew the button.

There is no hosted script by design. Placing this button transmits nothing
until somebody clicks it.

Full documentation: https://ur.io/docs/sign-in-with-urnetwork
