sequel io
Sequel.io Brand Identity
A complete profile of Sequel.io's visual system — colors, typography, components, and personality — extracted from https://sequel.io/?ref=startups.gallery. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://sequel.io/?ref=startups.gallery.
| Color Type | Hex Code | RGB Value |
|---|---|---|
| Primary | #CCFF00 | rgb(204, 255, 0) |
| Secondary | #13BBB2 | rgb(19, 187, 178) |
| Accent | #630095 | rgb(99, 0, 149) |
| Background | #FFFAF5 | rgb(255, 250, 245) |
| Text Primary | #0A0A0A | rgb(10, 10, 10) |
| Link | #630095 | rgb(99, 0, 149) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Google Fonts Link |
|---|---|---|
| Primary | Segoe UI | Google Fonts → |
| Heading | Roobert | Google Fonts → |
Visual Assets
%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M266.8%2C30c0%2C10.6%2C6.2%2C17.1%2C15.6%2C17.1c9.4%2C0%2C15.6-6.5%2C15.6-17.1v-0.1c0-10.5-6.2-17-15.6-17%26%2310%3B%26%239%3BC273%2C12.9%2C266.8%2C19.4%2C266.8%2C30L266.8%2C30z%20M291%2C30c0%2C7.2-3.4%2C11.4-8.7%2C11.4s-8.7-4.2-8.7-11.4v-0.1c0-7.2%2C3.5-11.3%2C8.7-11.3%26%2310%3B%26%239%3BC287.6%2C18.6%2C291%2C22.7%2C291%2C30L291%2C30z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M259.2%2C8.5c-2.2%2C0-3.9-1.8-3.9-3.9c0-2.2%2C1.8-3.9%2C3.9-3.9c2.2%2C0%2C3.9%2C1.8%2C3.9%2C3.9C263.1%2C6.7%2C261.4%2C8.5%2C259.2%2C8.5z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M255.8%2C46.4V13.6h6.8v32.9H255.8z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M242.1%2C42.8c0%2C2.3%2C1.8%2C4.1%2C4.1%2C4.1c2.3%2C0%2C4.1-1.8%2C4.1-4.1c0-2.3-1.8-4.1-4.1-4.1C243.9%2C38.7%2C242.1%2C40.5%2C242.1%2C42.8z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M230%2C46.4V1.3h6.8v45.1H230z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M195.8%2C30.1c0%2C10.4%2C5.8%2C17%2C15.5%2C17c8%2C0%2C13-4.8%2C14.1-10l0.1-0.3H219l-0.1%2C0.2c-0.8%2C2.5-3.5%2C4.5-7.5%2C4.5%26%2310%3B%26%239%3Bc-5.4%2C0-8.8-3.6-8.9-9.8h23.3v-2.3c0-9.9-5.7-16.5-14.9-16.5S195.8%2C19.8%2C195.8%2C30.1L195.8%2C30.1z%20M202.6%2C26.9c0.6-5.5%2C4-8.5%2C8.3-8.5%26%2310%3B%26%239%3Bc4.4%2C0%2C7.6%2C2.8%2C8.2%2C8.5H202.6z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M174.8%2C47.1c-7.2%2C0-11.3-4.7-11.3-12.2V13.6h6.8v20c0%2C5%2C2.3%2C7.7%2C7%2C7.7c4.8%2C0%2C7.8-3.4%2C7.8-8.5V13.6h6.8v32.9H185v-4.9h-0.2%26%2310%3B%26%239%3BC183.2%2C44.8%2C179.8%2C47.1%2C174.8%2C47.1z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M151.5%2C41v16.3h6.8V13.6h-6.8v5.7h-0.2c-1.9-3.7-5.6-6.2-10.2-6.2c-8.3%2C0-13.8%2C6.6-13.8%2C17v0%26%2310%3B%26%239%3Bc0%2C10.5%2C5.4%2C17.1%2C13.7%2C17.1c4.7%2C0%2C8.5-2.3%2C10.3-6H151.5z%20M151.5%2C30c0%2C6.8-3.4%2C11.2-8.6%2C11.2c-5.3%2C0-8.7-4.3-8.7-11.2v0%26%2310%3B%26%239%3Bc0-6.8%2C3.3-11.2%2C8.7-11.2C148%2C18.8%2C151.5%2C23.2%2C151.5%2C30L151.5%2C30z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M110.3%2C47.1c-9.7%2C0-15.5-6.6-15.5-17v0c0-10.3%2C5.9-17.2%2C15.2-17.2c9.2%2C0%2C14.9%2C6.6%2C14.9%2C16.5v2.3h-23.3%26%2310%3B%26%239%3Bc0.1%2C6.2%2C3.5%2C9.8%2C8.9%2C9.8c4%2C0%2C6.7-2.1%2C7.5-4.5l0.1-0.2h6.4l-0.1%2C0.3C123.3%2C42.3%2C118.3%2C47.1%2C110.3%2C47.1z%20M110%2C18.5%26%2310%3B%26%239%3Bc-4.4%2C0-7.8%2C3-8.3%2C8.5h16.5C117.6%2C21.2%2C114.4%2C18.5%2C110%2C18.5z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M65.2%2C37c0.7%2C6%2C5.5%2C10.1%2C13.7%2C10.1c7.8%2C0%2C13.4-4.1%2C13.4-10.1v0c0-4.7-2.6-7.4-9.3-8.9l-5.3-1.2c-3.5-0.8-4.9-2.2-4.9-4.2v0%26%2310%3B%26%239%3Bc0-2.6%2C2.3-4.3%2C5.9-4.3c3.8%2C0%2C6.1%2C2%2C6.5%2C4.9l0%2C0.2h6.3l0-0.4c-0.3-5.6-5-9.9-12.8-9.9c-7.6%2C0-12.7%2C4-12.7%2C9.9v0%26%2310%3B%26%239%3Bc0%2C4.8%2C3.1%2C7.8%2C9.3%2C9.2l5.4%2C1.2c3.5%2C0.8%2C4.7%2C2.1%2C4.7%2C4.2v0c0%2C2.7-2.4%2C4.3-6.5%2C4.3c-4.2%2C0-6.4-1.8-7-4.8l-0.1-0.3h-6.7L65.2%2C37z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E)
UI Components
Live previews rendered using Sequel.io's actual button styles.
| Component | Style |
|---|---|
| Button Primary | background: #CCFF00; textColor: #0A0A0A; borderRadius: 9999px; shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(198, 255, 2, 0.2) 0px 0px 30px 0px; |
| Button Secondary | background: #FFFAF6; textColor: #FFFFFF; borderRadius: 9999px; shadow: none; |
Brand Personality
Tone: modern
Energy: high
Audience: data-driven marketers
Frequently Asked Questions
- What is Sequel.io's primary brand color?
Sequel.io's primary brand color is #CCFF00. It anchors the visual identity across their website, product UI, and marketing materials. - What accent color does Sequel.io use?
Sequel.io uses #630095 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis. - What font does Sequel.io use?
Sequel.io uses Segoe UI for body text and Roobert for headings. Fonts were detected on https://sequel.io/?ref=startups.gallery as part of their live design system. - Does Sequel.io use a light or dark theme?
Sequel.io's primary site uses a light color scheme, with a background of #FFFAF5. - Where can I find Sequel.io's logo?
Sequel.io's logo is available directly on their site (https://sequel.io/?ref=startups.gallery). 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://sequel.io/?ref=startups.gallery 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 Sequel.io.