Orange Slice Brand: Colors, Fonts, Logo & Visual Identity
Orange Slice Brand Identity
A complete profile of Orange Slice's visual system — colors, typography, components, and personality — extracted from https://orangeslice.ai. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://orangeslice.ai.
| Color Type | Color Code | RGB Value |
|---|---|---|
| Primary | #2B7FFF | rgb(43, 127, 255) |
| Accent | #2B7FFF | rgb(43, 127, 255) |
| Background | #FFFFFF | rgb(255, 255, 255) |
| Text Primary | #000000 | rgb(0, 0, 0) |
| Link | #2B7FFF | rgb(43, 127, 255) |
Typography
Each font links to its Google Fonts page where available.
| Font Role | Font Family | Google Fonts Link |
|---|---|---|
| Primary | Inter | Inter |
| Heading | Inter | Inter |
Visual Assets
%20!important%3B%20stroke-width%3A%204px%20!important%3B%22%2F%3E%3Cmask%20id%3D%22_R_4kmav5b_%22%20style%3D%22mask-type%3A%20luminance%3B%20fill%3A%20none%20!important%3B%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22110%22%20height%3D%2266%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22110%22%20height%3D%2266%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M54.9981%2055.0001L13.9258%2025.1562%22%20stroke%3D%22black%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(0%2C%200%2C%200)%20!important%3B%20stroke-width%3A%204px%20!important%3B%20stroke-linecap%3A%20round%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M55.0002%2055.0003L39.3125%206.71875%22%20stroke%3D%22black%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(0%2C%200%2C%200)%20!important%3B%20stroke-width%3A%204px%20!important%3B%20stroke-linecap%3A%20round%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M55%2055.0003L70.6877%206.71875%22%20stroke%3D%22black%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(0%2C%200%2C%200)%20!important%3B%20stroke-width%3A%204px%20!important%3B%20stroke-linecap%3A%20round%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M55%2055.0001L96.0723%2025.1563%22%20stroke%3D%22black%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(0%2C%200%2C%200)%20!important%3B%20stroke-width%3A%204px%20!important%3B%20stroke-linecap%3A%20round%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M55.0015%2065.1553C60.6093%2065.1553%2065.1554%2060.6093%2065.1554%2055.0015C65.1554%2049.3937%2060.6093%2044.8477%2055.0015%2044.8477C49.3937%2044.8477%2044.8477%2049.3937%2044.8477%2055.0015C44.8477%2060.6093%2049.3937%2065.1553%2055.0015%2065.1553Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fmask%3E%3Cpath%20d%3D%22M12.6914%2054.9991C12.6914%2043.7784%2017.1488%2033.0173%2025.083%2025.083C33.0173%2017.1488%2043.7784%2012.6914%2054.9991%2012.6914C66.2198%2012.6914%2076.9809%2017.1488%2084.9152%2025.0831C92.8494%2033.0173%2097.3068%2043.7784%2097.3068%2054.9991L12.6914%2054.9991Z%22%20fill%3D%22currentColor%22%20mask%3D%22url(%23_R_4kmav5b_)%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
UI Components
Live previews rendered using Orange Slice's actual button styles.
| Component | Background | Text Color | Border Color | Shadow | Border Radius |
|---|---|---|---|---|---|
| Button Primary | #171717 | #FAFAFA | N/A | none | 0px |
| Button Secondary | #FFFFFF | #404040 | #E5E5E5 | none | 0px |
Brand Personality
Tone: modern
Energy: medium
Audience: business professionals and tech-savvy users
Frequently Asked Questions
What is Orange Slice's primary brand color?
Orange Slice's primary brand color is #2B7FFF. It anchors the visual identity across their website, product UI, and marketing materials.What font does Orange Slice use?
Orange Slice uses Inter as the primary typeface across body and headings.Does Orange Slice use a light or dark theme?
Orange Slice's primary site uses a light color scheme, with a background of #FFFFFF.Where can I find Orange Slice's logo?
Orange Slice's logo is available directly on their site (https://orangeslice.ai). The current logo URL is included in the machine-readable JSON profile linked above.How was this brand profile generated?
This profile was extracted from https://orangeslice.ai using the Firecrawl branding extraction API.