Skip to content

Commit

Permalink
[website] small vale fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@j-mnizhek
j-mnizhek committed Jan 10, 2025
1 parent ae62307 commit f8340f7
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
2 changes: 1 addition & 1 deletion website/docs/components/button/button.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -262,7 +262,7 @@ Table: Button themes
| `secondary` | ![](static/secondary-muted.png) | _deprecated_ | _no theme_ | _no theme_ | ![](static/invert-second-normal.png) |
| `tertiary` | ![](static/tertiary-muted.png) | ![](static/tertiary-info.png) | _no theme_ | _no theme_ | ![](static/invert-tertiary-normal.png) |

<!-- I'D REMOVED THIS SECTION BECAUSE IMO SHOWING STATIC IMAGES OF STATES IS A BAD PRACTICE
<!-- I'D REMOVED THIS SECTION BECAUSE IMO SHOWING STATIC IMAGES OF BUTTON STATES IS A BAD PRACTICE
## States
Table: States for all buttons types and themes
Expand Down
6 changes: 3 additions & 3 deletions website/docs/core-principles/visual-loudness-scale/visual-loudness-scale.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,10 @@ Table: Controls loudness scale
| ------------------------------------ | ----------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](static/button-1.png) | `use="primary"`, `theme="danger"` | **Screech, loud roar.** The dovahkin button, every time it appears on the page, it yells at you: `"Fus Ro Dah!"` – and it takes you to the forefathers for a while, all life flashes before your eyes, etc. | Rare | The action is dangerous for the user: destructive, irreversible. We need to stir them up so that they don't accidentally hurt themself. |
| ![](static/button-2.png) | `use="primary"`, `theme="success"` | **Shout of approval.** The button winks at the user: `"Everything is great, don’t be afraid, press and you will come to success!"`. | Often | Good, important accent action to take, CTA. _Subscribe or upgrade your Semrush subscription, for example._ |
| ![](static/button-3.png) | `use="primary"`, `theme="info"` | **One-time cry.** The button doesn't reach you, but as if slightly reminds that it is ready to do a useful action for you. `"Hey, hello, I'm here, look what you can do!"`. | Often | A common accent action in this world of dullness. |
| ![](static/button-4.png) | `use="primary"`, `theme="invert"` | | Rare | It is an invert version of primary buttons for using on a dark background. |
| ![](static/button-3.png) | `use="primary"`, `theme="info"` | **One-time cry.** The button doesn't reach you, but as if slightly reminds that it's ready to do a useful action for you. `"Hey, hello, I'm here, look what you can do!"`. | Often | A common accent action in this world of dullness. |
| ![](static/button-4.png) | `use="primary"`, `theme="invert"` | | Rare | It's an invert version of primary buttons for using on a dark background. |
| ![](static/button-5.png) | `use="secondary"`, `theme="muted"` | **Conversation nearby.** This is a bro button. It will always support you, always with you, but their presence doesn't bother you. `"If you need anything, I'm here."` | Often | A common action button. |
| ![](static/button-6.png) | `use="secondary"`, `theme="invert"` | | Rare | It is an invert version of secondary button for using on a dark background. |
| ![](static/button-6.png) | `use="secondary"`, `theme="invert"` | | Rare | It's an invert version of secondary button for using on a dark background. |
| ![](static/button-7.png) | `use="tertiary"`, `theme="info"` | **Quiet request.** `"You know what to do with it, bro. I'm just reminding you."` | Often | Accent, but not stressful visual control. Use `tertiary` button when there is enough space and you want to make the target zone larger and wider. |
| ![](static/buttonlink-primary.png) | ButtonLink, `use="primary"` | | Often | Accent, but not stressful visual control. Use it in the opposite to `tertiary` button case – when there isn’t enough space. |
| ![](static/button-8.png) | `use="tertiary"`, `theme="muted"` | **Whisper.** `"Psst, wanna a little more information?"` | Neither often nor rarely | Non-accent control. |
Expand Down

0 comments on commit f8340f7

Please sign in to comment.