Rayon Brand: Colors, Fonts, Logo & Visual Identity
Rayon Brand Identity
A complete profile of Rayon's visual system — colors, typography, components, and personality — extracted from https://www.rayon.design/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.rayon.design/.
| Color | Hex Code | RGB |
|---|---|---|
| Primary | #141121 | rgb(20, 17, 33) |
| Secondary | #211D35 | rgb(33, 29, 53) |
| Accent | #FF4800 | rgb(255, 72, 0) |
| Background | #FFFFFF | rgb(255, 255, 255) |
| Text Primary | #0B061B | rgb(11, 6, 27) |
| Link | #0B061B | rgb(11, 6, 27) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font Family |
|---|---|
| Primary | GeistSans |
| Heading | GeistSans |
Font Links
Visual Assets
%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
Logo
Favicon
Social Card
UI Components
Live previews rendered using Rayon's actual button styles.
Input
| Property | Value |
|---|---|
| Background | #211D35 |
| Text Color | #FFFFFF |
| Border Color | #FFFFFF |
| Border Radius | 6px |
| Shadow | none |
Button Primary
| Property | Value |
|---|---|
| Background | #FF4800 |
| Text Color | #FFFFFF |
| Border Radius | 6px |
| Shadow | none |
Button Secondary
| Property | Value |
|---|---|
| Background | #EBEBEB |
| Text Color | #0B061B |
| Border Color | #B3B3B3 |
| Border Radius | 6px |
| Shadow | none |
Brand Personality
- Tone: modern
- Energy: medium
- Audience: design professionals
Rayon Brand in the Wild
Image: cdn.sanity.io
Source: rayon.design
Image: cdn.sanity.io
Source: rayon.design
Frequently Asked Questions
What is Rayon's primary brand color?
Rayon's primary brand color is #141121. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Rayon use?
Rayon uses #FF4800 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Rayon use?
Rayon uses GeistSans as the primary typeface across body and headings.
Does Rayon use a light or dark theme?
Rayon's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Rayon's logo?
Rayon's logo is available directly on their site (https://www.rayon.design/). 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://www.rayon.design/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Rayon.