Iris Brand: Colors, Fonts, Logo & Visual Identity
Iris Brand Identity
A complete profile of Iris's visual system — colors, typography, components, and personality — extracted from https://textiris.com/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://textiris.com/.
Primary#000000
Accent#2E2E2E
Background#FFFFFC
Text Primary#2E2E2E
Link#000000
Typography
Each font links to its Google Fonts page where available.
Primary
Sequel Sans Roman
Sequel Sans Roman Google Fonts →
Heading
Sequel Sans Book
Sequel Sans Book Google Fonts →
Visual Assets
Logo
Favicon
Social Card
UI Components
Live previews rendered using Iris's actual button styles.
Button Primary
buttonPrimary
background: #2E2E2E
textColor: #FFFFFC
borderColor: #5E5E5E
borderRadius: 16px
shadow: none
Brand Personality
Tone: modern
Energy: medium
Audience: tech-savvy professionals
Frequently Asked Questions
What is Iris's primary brand color?
Iris's primary brand color is #000000. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Iris use?
Iris uses #2E2E2E as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Iris use?
Iris uses Sequel Sans Roman for body text and Sequel Sans Book for headings. Fonts were detected on https://textiris.com/ as part of their live design system.
Does Iris use a light or dark theme?
Iris's primary site uses a light color scheme, with a background of #FFFFFC.
Where can I find Iris's logo?
Iris's logo is available directly on their site (https://textiris.com/). 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://textiris.com/ 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 Iris.
Machine-Readable Profile
{
"colorScheme": "light",
"fonts": [
{ "family": "Sequel Sans Roman", "role": "body" },
{ "family": "Sequel Sans Book", "role": "heading" }
],
"colors": {
"primary": "#000000",
"accent": "#2E2E2E",
"background": "#FFFFFC",
"textPrimary": "#2E2E2E",
"link": "#000000"
},
"typography": {
"fontFamilies": {
"primary": "Sequel Sans Roman",
"heading": "Sequel Sans Book"
},
"fontStacks": {
"heading": [
"Sequel Sans Roman",
"Arial",
"sans-serif"
],
"body": [
"Sequel Sans Book",
"Arial",
"sans-serif"
],
"paragraph": [
"Sequel Sans Book",
"Arial",
"sans-serif"
]
},
"fontSizes": {
"h1": "48px",
"h2": "64px",
"body": "16px"
}
},
"spacing": {
"baseUnit": 2,
"borderRadius": "0px"
},
"components": {
"buttonPrimary": {
"background": "#2E2E2E",
"textColor": "#FFFFFC",
"borderColor": "#5E5E5E",
"borderRadius": "16px",
"borderRadiusCorners": {
"topLeft": "16px",
"topRight": "16px",
"bottomRight": "16px",
"bottomLeft": "16px"
},
"shadow": "none"
}
},
"images": {
"logo": "https://cdn.prod.website-files.com/68cd25c54466b95cd5ad13c3/68d23f714c79120dbe811622_2a472ad3da3b9a9d52c2c57e22e49c04_logo.avif",
"favicon": "https://cdn.prod.website-files.com/68cd25c54466b95cd5ad13c3/68d217b07cf593bde8d6f3d4_favicon.png",
"ogImage": "https://cdn.prod.website-files.com/68cd25c54466b95cd5ad13c3/68d4337dcd819abffd8049f9_b467307a4314623c376bc027fd8c97e8_open-graph.png",
"logoHref": "#",
"logoAlt": "Iris's logo"
},
"personality": {
"tone": "modern",
"energy": "medium",
"targetAudience": "tech-savvy professionals"
}
}