Bottomless Brand Identity

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

Quick Facts

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

{
 "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": ""
 }
}