Spoon.rip Branding

This repository contains official branding assets for spoon.rip including logos, color schemes, and typography guidelines.

Logos

Type	Preview
Rounded Logo
Avatar
Favicon/Logo

Brand Colors

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)

Typography

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

Font Integration

Web Integration (HTML)

<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">

CSS Implementation

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