This repository contains official branding assets for spoon.rip including logos, color schemes, and typography guidelines.
| Type | Preview |
|---|---|
| Rounded Logo |  |
| Avatar |  |
| Favicon/Logo |  |
| Color Name | Hex | RGB | HSL | Preview |
|---|---|---|---|---|
| Smoky Black | #0D0C07 |
rgba(13, 12, 7, 1) |
hsla(50, 30%, 4%, 1) |
|
| White | #FAFEFF |
rgba(250, 254, 255, 1) |
hsla(192, 100%, 99%, 1) |
|
| Battleship Gray | #817F75 |
rgba(129, 127, 117, 1) |
hsla(50, 5%, 48%, 1) |
|
| Xanthous | #F2AF29 |
rgba(242, 175, 41, 1) |
hsla(40, 89%, 55%, 1) |
|
| Jasper | #CD533B |
rgba(205, 83, 59, 1) |
hsla(10, 59%, 52%, 1) |
The official font for spoon.rip is Roboto font family.
| Style | Example | Usage |
|---|---|---|
| Roboto Regular | Body text, general content | |
| Roboto Light | Secondary text, captions | |
| Roboto Medium | Subheadings, emphasis | |
| Roboto Bold | Headings, important UI elements |
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">body {
font-family: 'Roboto', sans-serif;
color: #0D0C07;
background-color: #FAFEFF;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
.accent {
color: #F2AF29;
}
.highlight {
color: #CD533B;
}© Spoon.rip