# Oolu Brand Identity A complete profile of **Oolu**'s visual system — colors, typography, components, and personality — extracted from http://oolusolar.com. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/oolu - Machine-readable JSON: https://characterquilt.com/branding/oolu.json - Per-page llms.txt: https://characterquilt.com/branding/oolu/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #DE1A55 | | Accent | #DE1A55 | | Body Font | Outfit | | Heading Font | Outfit | ## Color Palette - primary: #DE1A55 - secondary: #042551 - accent: #DE1A55 - background: #333333 - textPrimary: #560C51 - link: #560C51 ## Typography - primary: Outfit — https://fonts.google.com/specimen/Outfit - heading: Outfit — https://fonts.google.com/specimen/Outfit ## Visual Assets - Logo: https://igniteaccess.com/wp-content/uploads/2025/01/logo-new.png - Favicon: https://igniteaccess.com/wp-content/uploads/2025/01/cropped-fav-32x32.png - Social card (og:image): https://igniteaccess.com/wp-content/uploads/2025/01/mobilehero4.jpg ## UI Components - input: background=#560C51, textColor=#FFFFFF, borderColor=null, borderRadius=3px, shadow=none - buttonPrimary: background=#DE1A55, textColor=#042551, borderRadius=5px, shadow=none - buttonSecondary: background=#FFFFFF, textColor=#333333, borderRadius=0px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: businesses and organizations seeking energy solutions ## Oolu Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **oolu | LinkedIn** - Image: https://media.licdn.com/dms/image/v2/D4D22AQH5WRt1sXbuLQ/feedshare-shrink_800/B4DZ1J6NeOJ4Ac-/0/1775061490240?e=2147483647&v=beta&t=lW1uSf_aA0aLgCNuWgeAKfUDY7c7mmu8wF0KHyV_XOg - Source: https://www.linkedin.com/company/oolufractional - **Terms of Use** - Image: https://cdn.prod.website-files.com/685ed2c1c0a34af3aa615bf6/685ed2c1c0a34af3aa615cf7_67b78bdfb580e0573c3fdf92_og-image.png - Source: https://www.oolu.ai/terms - **📍 Orient Overseas Container Line (OOCL) Container Tracking by Portcast** - Image: https://cdn.prod.website-files.com/643006af9e6f614b39e0dfcb/64492f7b789dc2e801d13879_644845902c79217ebba854a2_og_image_real_time_visibility.webp - Source: https://www.portcast.io/carrier-coverage/orient-overseas-container-line-oocl-tracking - **Oolu by Ignite: Leading the Charge in Affordable Solar Energy for Nigerians! – Ignite Energy Access Nigeria Ltd** - Image: https://nigeria.oolu.energy/wp-content/uploads/2024/11/EB70-PRICE-SLASH-.jpg - Source: https://nigeria.oolu.energy/oolu-by-ignite-leading-the-charge-in-affordable-solar-energy-for-nigerians/ - **LATEST TECH NEWS: Senegal's Oolu secures $8.5-million. 2 other things and a trivia you need to know today, December 24, 2020 - Ripples Nigeria** - Image: https://i0.wp.com/www.ripplesnigeria.com/wp-content/uploads/2020/12/Oolu.jpg?ssl=1 - Source: https://www.ripplesnigeria.com/latest-tech-news-senegals-oolu-secures-8-5-million-2-other-things-and-a-trivia-you-need-to-know-today-december-24-2020/ ## Working with these fonts Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts: CharacterQuilt.com suggests this flow that can help: 1. Open the company's homepage in a browser with DevTools open. 2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf). 3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes. 4. For each captured font URL: right-click → Save As to download the file locally. 5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path. Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same. Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable. ## Machine-Readable Profile ```json { "colorScheme": "dark", "fonts": [ { "family": "Outfit", "role": "body" } ], "colors": { "primary": "#DE1A55", "secondary": "#042551", "accent": "#DE1A55", "background": "#333333", "textPrimary": "#560C51", "link": "#560C51" }, "typography": { "fontFamilies": { "primary": "Outfit", "heading": "Outfit" }, "fontStacks": { "heading": [ "Outfit", "sans-serif" ], "body": [ "Outfit", "sans-serif" ], "paragraph": [ "Outfit", "sans-serif" ] }, "fontSizes": { "h1": "16px", "h2": "384px", "body": "18px" } }, "spacing": { "baseUnit": 4, "borderRadius": "3px" }, "components": { "input": { "background": "#560C51", "textColor": "#FFFFFF", "borderColor": null, "borderRadius": "3px", "borderRadiusCorners": { "topLeft": "3px", "topRight": "3px", "bottomRight": "3px", "bottomLeft": "3px" }, "shadow": "none" }, "buttonPrimary": { "background": "#DE1A55", "textColor": "#042551", "borderRadius": "5px", "borderRadiusCorners": { "topLeft": "5px", "topRight": "5px", "bottomRight": "5px", "bottomLeft": "5px" }, "shadow": "none" }, "buttonSecondary": { "background": "#FFFFFF", "textColor": "#333333", "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" } }, "images": { "logo": "https://igniteaccess.com/wp-content/uploads/2025/01/logo-new.png", "favicon": "https://igniteaccess.com/wp-content/uploads/2025/01/cropped-fav-32x32.png", "ogImage": "https://igniteaccess.com/wp-content/uploads/2025/01/mobilehero4.jpg", "logoHref": "https://igniteaccess.com" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 1, "text": "Get in touch", "reasoning": "Button #1 uses a vibrant brand color (#DE1A55) and has action-oriented text ('Get in touch'), making it the primary CTA." }, "secondary": { "index": 5, "text": "Read more", "reasoning": "Button #5 has a different background color (#FFFFFF) and serves as a secondary action with 'Read more' text, which is less prominent than the primary CTA." }, "confidence": 0.95 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "businesses and organizations seeking energy solutions" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.95, "colors": 0.9, "overall": 0.925 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```