# Bottomless Brand Identity

A complete profile of **Bottomless**'s visual system — colors, typography, components, and personality.

## Quick Facts

| Field   | Value     |
|---------|-----------|
| Primary | #1E3A8A  |
| Accent  | #C6FF00  |
| Body Font | Figtree |
| Heading Font | Figtree |

## Color Palette

- primary: #1E3A8A
- secondary: #6C757D
- accent: #C6FF00
- background: #FFFFFF
- textPrimary: #007BFF
- link: #007BFF

## Typography

- primary: Figtree — https://fonts.google.com/specimen/Figtree
- heading: Figtree — https://fonts.google.com/specimen/Figtree

## Visual Assets

- Logo: 
- Favicon: [Favicon](https://bottomless.imgix.net/landing/favicon.png)
- Social card (og:image):

## UI Components

- buttonPrimary: background=#C6FF00, textColor=#1A1A1A, borderColor=#C6FF00, borderRadius=100px, shadow=none
- buttonSecondary: background=transparent, textColor=#FFFFFF, borderColor=#FFFFFF, borderRadius=100px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy consumers looking for convenience in shopping

## Bottomless Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **Bottomless Blog**  
  - Image:   
  - Source: https://www.blog.bottomless.com/  
- **Winter Rotation**  
  - Image:   
  - Source: https://www.bottomless.com/products/winter-rotation?srsltid=AfmBOoqtIktUNK07E6hnvd87mNfiJlICUDhPwagiQ6CKNfgMGIUQgooL  
- **Bottomless Blog**  
  - Image: 
  - Source: https://www.blog.bottomless.com/  
- **Bottomless: La Maravilla Mezcal - Corvus Coffee Roasters**  
  - Image:   
  - Source: https://www.bottomless.com/products/la-maravilla-mezcal?srsltid=AfmBOopRzwqAGBbcPyIABjT7X4sTroMblNGmgkyzIb_lYXyZEq6r40Ld  
- **Bottomless Blog**  
  - Image:   
  - Source: https://www.blog.bottomless.com/  
- **Bottomless Blog**  
  - Image:   
  - Source: https://www.blog.bottomless.com/

## Working with these fonts

Instructions for using the fonts are suggested if you have permission.

## Machine-Readable Profile

```json
{
 "colorScheme": "light",
 "fonts": [
 {"family": "Figtree", "role": "body"}
 ],
 "colors": {
 "primary": "#1E3A8A",
 "secondary": "#6C757D",
 "accent": "#C6FF00",
 "background": "#FFFFFF",
 "textPrimary": "#007BFF",
 "link": "#007BFF"
 },
 "typography": {
 "fontFamilies": {
 "primary": "Figtree",
 "heading": "Figtree"
 },
 "fontStacks": {
 "heading": ["Figtree", "sans-serif"],
 "body": ["Figtree", "sans-serif"],
 "paragraph": ["Figtree", "sans-serif"]
 },
 "fontSizes": {
 "h1": "40px",
 "h2": "40px",
 "body": "16px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "4px"
 },
 "components": {
 "buttonPrimary": {
 "background": "#C6FF00",
 "textColor": "#1A1A1A",
 "borderColor": "#C6FF00",
 "borderRadius": "100px",
 "borderRadiusCorners": {
 "topLeft": "100px",
 "topRight": "100px",
 "bottomRight": "100px",
 "bottomLeft": "100px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "transparent",
 "textColor": "#FFFFFF",
 "borderColor": "#FFFFFF",
 "borderRadius": "100px",
 "borderRadiusCorners": {
 "topLeft": "100px",
 "topRight": "100px",
 "bottomRight": "100px",
 "bottomLeft": "100px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "logo": "https://bottomless.imgix.net/landing-generic-v2/Bottomless-logo-white.png?auto=compress,format&h=26",
 "favicon": "https://bottomless.imgix.net/landing/favicon.png",
 "ogImage": "https://bottomless.imgix.net/landing-generic-v2/metaimage.jpg?auto=format,compress",
 "logoHref": "/",
 "logoAlt": "Bottomless"
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "tech-savvy consumers looking for convenience in shopping"
 },
 "designSystem": {
 "framework": "bootstrap",
 "componentLibrary": ""
 }
}
```