Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added ⚡️ content to Getting Started > Visual language #475

Merged
merged 16 commits into from
Sep 20, 2021
Merged
Show file tree
Hide file tree
Changes from 10 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions _compress_images_cache.yml
Original file line number Diff line number Diff line change
Expand Up @@ -1336,6 +1336,10 @@ assets/images/guide/case-studies/onboarding/intro.png: intro.png
assets/images/guide/case-studies/onboarding/intro@2x.png: intro@2x.png
assets/images/guide/case-studies/multisig-wallet/onboarding/key-2-connection-type.png: key-2-connection-type.png
assets/images/guide/case-studies/multisig-wallet/onboarding/key-2-connection-type@2x.png: key-2-connection-type@2x.png
assets/images/guide/getting-started/visual-language/bitcoin-lightning-branding.jpg: bitcoin-lightning-branding.jpg
assets/images/guide/getting-started/visual-language/satoshi-symbols.png: satoshi-symbols.png
assets/images/guide/getting-started/visual-language/bitcoin-lightning-branding@2x.jpg: bitcoin-lightning-branding@2x.jpg
assets/images/guide/getting-started/visual-language/satoshi-symbols@2x.png: satoshi-symbols@2x.png
assets/images/guide/payments/units-and-symbols/settings-bitcoin-units.png: settings-bitcoin-units.png
assets/images/guide/payments/units-and-symbols/settings-bitcoin-units@2x.png: settings-bitcoin-units@2x.png
assets/images/guide/payments/units-and-symbols/settings-local-currency.png: settings-local-currency.png
Expand Down Expand Up @@ -1401,3 +1405,4 @@ assets/images/guide/designing-products/principles/principles-mobile.png: princip
assets/images/guide/designing-products/principles/principles-mobile@2x.png: principles-mobile@2x.png
assets/images/guide/designing-products/principles/principles@2x.png: principles@2x.png
assets/images/guide/designing-products/principles/principles-preview.png: principles-preview.png
assets/images/guide/getting-started/visual-language/bitcoin-symbol.png: bitcoin-symbol.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
63 changes: 57 additions & 6 deletions guide/getting-started/visual-language.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,8 +39,7 @@ layout = "full-width"

Since Bitcoin answers to no central authority, there is no single symbol or logo that can visually represent it, though many try. Here are some of the most recognized attempts to create a universal logo for Bitcoin.


### Original symbol
## Original symbol

<div class="center" markdown="1">

Expand All @@ -53,7 +52,7 @@ Since Bitcoin answers to no central authority, there is no single symbol or logo
layout = "float-left"
%}

Satoshi Nakamoto created this lettered golden coin for the original Bitcoin Core client.
Satoshi Nakamoto created this lettered golden coin for the original Bitcoin Core client, [released on January 9, 2009](https://web.archive.org/web/20140326174921/http://www.mail-archive.com/cryptography@metzdowd.com/msg10142.html).

</div>

Expand All @@ -69,7 +68,7 @@ Satoshi Nakamoto created this lettered golden coin for the original Bitcoin Core

</div>

### Updated symbol
## Updated symbol

<div class="center" markdown="1">

Expand All @@ -82,7 +81,7 @@ Satoshi Nakamoto created this lettered golden coin for the original Bitcoin Core
layout = "float-left"
%}

On February 24, 2010, Satoshi posted an updated icon that adopted the capital “B” with two vertical lines ([archive.org](https://web.archive.org/web/20130524055823/https://bitcointalk.org/index.php?topic=64.0), [bitcointalk.org](https://bitcointalk.org/index.php?topic=64.0)).
On February 24, 2010, Satoshi posted an updated icon that adopted the capital “B” with two vertical lines ([archive.org](https://web.archive.org/web/20130524055823/https://bitcointalk.org/index.php?topic=64.0), [bitcointalk.org](https://bitcointalk.org/index.php?topic=64.0)). Satoshi requested that all derivative works be placed in the public domain.

</div>

Expand All @@ -99,9 +98,14 @@ On February 24, 2010, Satoshi posted an updated icon that adopted the capital
layout = "float-left"
%}

</div>
sbddesign marked this conversation as resolved.
Show resolved Hide resolved

On November 1, 2010, a user named bitboy proposed a new icon and set of promotional graphics on the Bitcointalk forum ([archive.org](https://web.archive.org/web/20130524191250/https://bitcointalk.org/index.php?topic=1631.0), [bitcointalk.org](https://bitcointalk.org/index.php?topic=1631.0)). This iteration added a flat style, the hex color #F7931A, and a 14-degree rotation of the B. This interpretation of the bitcoin logo is still ubiquitous today.

</div>
#### Download Bitcoin Symbol

[SVG](/assets/images/guide/getting-started/visual-language/bitcoin-symbol.svg){: .button}
sbddesign marked this conversation as resolved.
Show resolved Hide resolved
[PNG](/assets/images/guide/getting-started/visual-language/bitcoin-symbol.png){: .button.-outline}

<div class="image-gallery" markdown="1">

Expand Down Expand Up @@ -133,6 +137,25 @@ The Unicode symbol for Bitcoin (₿) was introduced in [Unicode 10.0.0](http://w

</div>

## The Satoshi symbol

As the price of bitcoin has increased, and the [Lightning network](https://bitcoin.design/guide/glossary/#lightning-network) has facilitated low-value payments, it has become common for people to denominate bitcoin with the "satoshi". See the [Units & Symbols](https://bitcoin.design/guide/payments/units-and-symbols/) section for more detailed information about bitcoin units.
sbddesign marked this conversation as resolved.
Show resolved Hide resolved

There is currently not an agreed upon symbol to represent the satoshi (or if there should even be one), however, many ideas are in circulation.
pavlenex marked this conversation as resolved.
Show resolved Hide resolved

<div class="image-gallery" markdown="1">

{% include image.html
image = "/assets/images/guide/getting-started/visual-language/satoshi-symbols.png"
retina = "/assets/images/guide/getting-started/visual-language/satoshi-symbols@2x.png"
alt-text = "Sequence of images showing proposals for satoshi symbols"
caption = "References from top left to bottom right, Keith, <a href='http://satbase.org/' target='_blank'>2</a>, <a href='https://www.reddit.com/r/Bitcoin/comments/ku9nl8/design_proposal_for_the_satoshi_symbol/' target='_blank'>3</a>, <a href='https://twitter.com/PLK5280/status/1326347333219606528' target='_blank'>4</a>, <a href='https://www.reddit.com/r/Bitcoin/comments/ku9nl8/design_proposal_for_the_satoshi_symbol/' target='_blank'>5</a>, Jeremiah, Alexa, <a href='https://satsymbol.com/' target='_blank'>8</a>, <a href='https://twitter.com/BitkoYinowsky' target='_blank'>9</a>, <a href='https://twitter.com/sbtlaln/status/1361368643238567951' target='_blank'>10</a>, <a href='https://www.reddit.com/r/Bitcoin/comments/k0e98n/my_proposal_for_the_satish_symbol_still_looks/' target='_blank'>11</a>, and <a href='https://www.reddit.com/r/Bitcoin/comments/ku9nl8/design_proposal_for_the_satoshi_symbol/' target='_blank'>12</a>."
width = 800
height = 508
sbddesign marked this conversation as resolved.
Show resolved Hide resolved
%}

</div>

## Beyond the symbol

Bitcoin’s permissionless, decentralized, and open nature has led to practically endless representations not just of the logo but of the character and ethos of the community.
Expand Down Expand Up @@ -203,6 +226,34 @@ Think about Bitcoin’s visual language as a scale that ranges from muted to hig

In digital product design, there are times when a minimally expressive approach is what’s needed. For example, when a user makes a transaction, we want them to focus. At other times, illustrations and stronger visual elements are more appropriate, and this is where we can take advantage of the creative freedom Bitcoin affords.

## The Lightning network


Since the first Lightning implementation in 2018, a distinct visual identity has developed around the Lightning network based on a simple yellow lightning bolt icon. Sometimes, Lightning software and services completely forego common elements of Bitcoin branding (the color orange, the Bitcoin symbol, etc.) and instead use the color yellow, a lightning bolt symbol, and metaphors for electricity.

<div class="image-gallery" markdown="1">

{% include image.html
image = "/assets/images/guide/getting-started/visual-language/bitcoin-lightning-branding.jpg"
retina = "/assets/images/guide/getting-started/visual-language/bitcoin-lightning-branding@2x.jpg"
alt-text = "Sequence of images showing examples of logos and brands for lightning software and services"
caption = "References from top top bottom, left to right: <a href='https://www.walletofsatoshi.com/' target='_blank'>1</a>, <a href='https://shop.fulmo.org/raspiblitz/' target='_blank'>2</a>, <a href='https://www.lightningnetworkstores.com/' target='_blank'>3</a>, <a href='https://zeusln.app/' target='_blank'>4</a>, and <a href='https://lightning.store/product/bitcoin-rtl-t-shirt/' target='_blank'>5</a>."
width = 800
height = 600
sbddesign marked this conversation as resolved.
Show resolved Hide resolved
%}

</div>

## Should Lightning be distinct from Bitcoin?

While Lightning branding can be fun and expressive, it may give new Bitcoin users the impression that Lightning is different from Bitcoin. More accurately, Lightning should be thought of as a different way of using bitcoin, not as a different currency than bitcoin.

#### Consider your audience

Are you developing Bitcoin products that are intended to be used primarily by developers or people who are very experienced with Bitcoin? If so, Lightning branding may be a great choice for your product.

Are you developing products intended for Bitcoin beginners? If so, consider minimizing or altogether avoiding Lightning branding. Instead, focus on what your user needs or wants. For example, the term "instant payment" could be far more informative to this user than the term "Lightning payment".

---

As you have seen, Bitcoin is shaped by its user base. Now, let's go under the hood with the [technology primer]({{ '/guide/getting-started/technology-primer/' | relative_url }}).
Expand Down