{ "name": "Tweeks.io", "slug": "tweeks-io", "domain": "https://tweeks.io", "sources": [ "yc" ], "branding": { "colorScheme": "light", "fonts": [ { "family": "ui-sans-serif", "count": 125 }, { "family": "system-ui", "count": 125 }, { "family": "sans-serif", "count": 125 }, { "family": "Apple Color Emoji", "count": 125 }, { "family": "Segoe UI Emoji", "count": 125 }, { "family": "Segoe UI Symbol", "count": 125 }, { "family": "Noto Color Emoji", "count": 125 } ], "colors": { "primary": "#0F172B", "secondary": "#62748E", "accent": "#0F172B", "background": "#F8FAFC", "textPrimary": "#000000", "link": "#45556C" }, "typography": { "fontFamilies": { "primary": "ui-sans-serif", "heading": "ui-sans-serif" }, "fontStacks": { "body": [ "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ], "heading": [ "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ], "paragraph": [ "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ] }, "fontSizes": { "h1": "72px", "h2": "30px", "body": "20px" } }, "spacing": { "baseUnit": 4, "borderRadius": "12px" }, "components": { "input": { "background": "#FFFFFF", "textColor": "#0F172B", "borderColor": "#E2E8F0", "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "none" }, "buttonPrimary": { "background": "#0F172B", "textColor": "#FFFFFF", "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "none" }, "buttonSecondary": { "background": "#FFFFFF", "textColor": "#45556C", "borderColor": "#CAD5E2", "borderRadius": "8px", "borderRadiusCorners": { "topLeft": "8px", "topRight": "8px", "bottomRight": "8px", "bottomLeft": "8px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22h-4%20w-4%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-fc-idx%3D%220%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M13%207l5%205m0%200l-5%205m5-5H6%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20stroke-width%3A%202px%20!important%3B%20stroke-linecap%3A%20round%20!important%3B%20stroke-linejoin%3A%20round%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://www.tweeks.io/favicon-16x16.png", "ogImage": "https://www.tweeks.io/images/og-default", "logoHref": "/get-extension" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is located in the header, is visible, and matches the favicon, indicating it is the main brand logo.", "confidence": 0.8, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Get the Tweeks Extension", "reasoning": "Button #7 has a vibrant dark background (#0F172B) and action-oriented text 'Get the Tweeks Extension', making it the primary CTA." }, "secondary": { "index": 2, "text": "Join the Community", "reasoning": "Button #10 has a different background color (#FFFFFF) and serves as a secondary action with text 'Join the Community'." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "tech-savvy users" }, "designSystem": { "framework": "tailwind", "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 located in the header, is visible, and matches the favicon, indicating it is the main brand logo.", "confidence": 0.8 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } }, "images": [ { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/tweeks-io/89a9400d98.webp", "alt": "Discover Tweeks - Web Modifications", "source_url": "https://www.tweeks.io/", "image_url": "https://hikwfsrmetbvtoirfwjc.supabase.co/storage/v1/object/public/share-media/60c31bca-f55d-4404-b4c8-08877bd90d12/1763774965085-j86qfhaaenj.png", "width": 3424, "height": 2624, "bytes": 1502715, "query": "site:tweeks.io", "query_suffix": "site:tweeks.io" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/tweeks-io/8b56486413.webp", "alt": "Discover Tweeks - Web Modifications", "source_url": "https://www.tweeks.io/", "image_url": "https://hikwfsrmetbvtoirfwjc.supabase.co/storage/v1/object/public/share-media/60c31bca-f55d-4404-b4c8-08877bd90d12/1763028734895-k4e5g6kkfo.png", "width": 1566, "height": 1200, "bytes": 847176, "query": "site:tweeks.io blog", "query_suffix": "site:tweeks.io blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/tweeks-io/b9e69ba76d.webp", "alt": "Discover Tweeks - Web Modifications", "source_url": "https://www.tweeks.io/", "image_url": "https://hikwfsrmetbvtoirfwjc.supabase.co/storage/v1/object/public/share-media/60c31bca-f55d-4404-b4c8-08877bd90d12/1772280954770-h9hh35r03j5.png", "width": 2784, "height": 2144, "bytes": 767615, "query": "site:tweeks.io", "query_suffix": "site:tweeks.io" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/tweeks-io/d68d6c1386.webp", "alt": "Engineering Blog | Tweeks", "source_url": "https://www.tweeks.io/blog", "image_url": "https://www.tweeks.io/images/og-default", "width": 1200, "height": 630, "bytes": 60490, "query": "site:tweeks.io blog", "query_suffix": "site:tweeks.io blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/tweeks-io/46504fc044.webp", "alt": "NYT Strands Solver Sidebar with Click-to-Highlight | Tweeks", "source_url": "https://tweeks.io/share/script/7a955c910812467eaa36f569", "image_url": "https://hikwfsrmetbvtoirfwjc.supabase.co/storage/v1/object/public/share-media/60c31bca-f55d-4404-b4c8-08877bd90d12/1763028088325-b1xqg1jsu1.png", "width": 2480, "height": 1900, "bytes": 925438, "query": "site:tweeks.io", "query_suffix": "site:tweeks.io" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/tweeks-io/e42c2d7ab3.webp", "alt": "Hacker News Filter & Sort | Tweeks", "source_url": "https://www.tweeks.io/t/97e72c6de5c14906a1351abd", "image_url": "https://hikwfsrmetbvtoirfwjc.supabase.co/storage/v1/object/public/share-media/60c31bca-f55d-4404-b4c8-08877bd90d12/1763026921615-ptxcg6t8f4n.png", "width": 1827, "height": 1400, "bytes": 839199, "query": "site:tweeks.io blog", "query_suffix": "site:tweeks.io blog" } ], "font_resources": [ { "family": "ui-sans-serif", "google_fonts_url": "https://fonts.google.com/specimen/ui-sans-serif" }, { "family": "ui-sans-serif", "google_fonts_url": "https://fonts.google.com/specimen/ui-sans-serif" } ], "google_fonts_css": "https://fonts.googleapis.com/css2?family=ui-sans-serif&family=ui-sans-serif&display=swap", "font_download_note": "Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.", "page_url": "https://characterquilt.com/branding/tweeks-io", "agent_instructions": "You are designing or implementing in Tweeks.io's brand identity.\n\n# Brand profile\n- Company: Tweeks.io\n- Source: https://tweeks.io\n- Color scheme: light\n\n# Colors\n- primary: #0F172B\n- secondary: #62748E\n- accent: #0F172B\n- background: #F8FAFC\n- textPrimary: #000000\n- link: #45556C\n\n# Typography\n- primary: ui-sans-serif — https://fonts.google.com/specimen/ui-sans-serif\n- heading: ui-sans-serif — https://fonts.google.com/specimen/ui-sans-serif\n\nLoad all fonts at once: \n\n# UI Components\n- input: background=#FFFFFF, textColor=#0F172B, borderColor=#E2E8F0, borderRadius=8px, shadow=none\n- buttonPrimary: background=#0F172B, textColor=#FFFFFF, borderRadius=8px, shadow=none\n- buttonSecondary: background=#FFFFFF, textColor=#45556C, borderColor=#CAD5E2, borderRadius=8px, shadow=none\n\n# Brand voice\n- Tone: modern\n- Energy: medium\n- Audience: tech-savvy users\n\n# Working with these fonts\nNot found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.\n\n# Full machine-readable profile\nhttps://characterquilt.com/branding/tweeks-io.json", "page_markdown": "# Tweeks.io Brand Identity\n\nA complete profile of **Tweeks.io**'s visual system — colors, typography, components, and personality — extracted from https://tweeks.io. Built for designers, agents, and AI tools.\n\n- Page: https://characterquilt.com/branding/tweeks-io\n- Machine-readable JSON: https://characterquilt.com/branding/tweeks-io.json\n- Per-page llms.txt: https://characterquilt.com/branding/tweeks-io/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #0F172B |\n| Accent | #0F172B |\n| Body Font | ui-sans-serif |\n| Heading Font | ui-sans-serif |\n\n## Color Palette\n\n- primary: #0F172B\n- secondary: #62748E\n- accent: #0F172B\n- background: #F8FAFC\n- textPrimary: #000000\n- link: #45556C\n\n## Typography\n\n- primary: ui-sans-serif — https://fonts.google.com/specimen/ui-sans-serif\n- heading: ui-sans-serif — https://fonts.google.com/specimen/ui-sans-serif\n\n## Visual Assets\n\n- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22h-4%20w-4%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-fc-idx%3D%220%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M13%207l5%205m0%200l-5%205m5-5H6%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20stroke-width%3A%202px%20!important%3B%20stroke-linecap%3A%20round%20!important%3B%20stroke-linejoin%3A%20round%20!important%3B%22%2F%3E%3C%2Fsvg%3E\n- Favicon: https://www.tweeks.io/favicon-16x16.png\n- Social card (og:image): https://www.tweeks.io/images/og-default\n\n## UI Components\n\n- input: background=#FFFFFF, textColor=#0F172B, borderColor=#E2E8F0, borderRadius=8px, shadow=none\n- buttonPrimary: background=#0F172B, textColor=#FFFFFF, borderRadius=8px, shadow=none\n- buttonSecondary: background=#FFFFFF, textColor=#45556C, borderColor=#CAD5E2, borderRadius=8px, shadow=none\n\n## Brand Personality\n\nTone: modern · Energy: medium · Audience: tech-savvy users\n\n## Tweeks.io Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **Discover Tweeks - Web Modifications**\n - Image: https://hikwfsrmetbvtoirfwjc.supabase.co/storage/v1/object/public/share-media/60c31bca-f55d-4404-b4c8-08877bd90d12/1763774965085-j86qfhaaenj.png\n - Source: https://www.tweeks.io/\n- **Discover Tweeks - Web Modifications**\n - Image: https://hikwfsrmetbvtoirfwjc.supabase.co/storage/v1/object/public/share-media/60c31bca-f55d-4404-b4c8-08877bd90d12/1763028734895-k4e5g6kkfo.png\n - Source: https://www.tweeks.io/\n- **Discover Tweeks - Web Modifications**\n - Image: https://hikwfsrmetbvtoirfwjc.supabase.co/storage/v1/object/public/share-media/60c31bca-f55d-4404-b4c8-08877bd90d12/1772280954770-h9hh35r03j5.png\n - Source: https://www.tweeks.io/\n- **Engineering Blog | Tweeks**\n - Image: https://www.tweeks.io/images/og-default\n - Source: https://www.tweeks.io/blog\n- **NYT Strands Solver Sidebar with Click-to-Highlight | Tweeks**\n - Image: https://hikwfsrmetbvtoirfwjc.supabase.co/storage/v1/object/public/share-media/60c31bca-f55d-4404-b4c8-08877bd90d12/1763028088325-b1xqg1jsu1.png\n - Source: https://tweeks.io/share/script/7a955c910812467eaa36f569\n- **Hacker News Filter & Sort | Tweeks**\n - Image: https://hikwfsrmetbvtoirfwjc.supabase.co/storage/v1/object/public/share-media/60c31bca-f55d-4404-b4c8-08877bd90d12/1763026921615-ptxcg6t8f4n.png\n - Source: https://www.tweeks.io/t/97e72c6de5c14906a1351abd\n\n## Working with these fonts\n\nNot found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.\n\n## Machine-Readable Profile\n\n```json\n{\n \"colorScheme\": \"light\",\n \"fonts\": [\n {\n \"family\": \"ui-sans-serif\",\n \"count\": 125\n },\n {\n \"family\": \"system-ui\",\n \"count\": 125\n },\n {\n \"family\": \"sans-serif\",\n \"count\": 125\n },\n {\n \"family\": \"Apple Color Emoji\",\n \"count\": 125\n },\n {\n \"family\": \"Segoe UI Emoji\",\n \"count\": 125\n },\n {\n \"family\": \"Segoe UI Symbol\",\n \"count\": 125\n },\n {\n \"family\": \"Noto Color Emoji\",\n \"count\": 125\n }\n ],\n \"colors\": {\n \"primary\": \"#0F172B\",\n \"secondary\": \"#62748E\",\n \"accent\": \"#0F172B\",\n \"background\": \"#F8FAFC\",\n \"textPrimary\": \"#000000\",\n \"link\": \"#45556C\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"ui-sans-serif\",\n \"heading\": \"ui-sans-serif\"\n },\n \"fontStacks\": {\n \"body\": [\n \"ui-sans-serif\",\n \"system-ui\",\n \"sans-serif\",\n \"Apple Color Emoji\",\n \"Segoe UI Emoji\",\n \"Segoe UI Symbol\",\n \"Noto Color Emoji\"\n ],\n \"heading\": [\n \"ui-sans-serif\",\n \"system-ui\",\n \"sans-serif\",\n \"Apple Color Emoji\",\n \"Segoe UI Emoji\",\n \"Segoe UI Symbol\",\n \"Noto Color Emoji\"\n ],\n \"paragraph\": [\n \"ui-sans-serif\",\n \"system-ui\",\n \"sans-serif\",\n \"Apple Color Emoji\",\n \"Segoe UI Emoji\",\n \"Segoe UI Symbol\",\n \"Noto Color Emoji\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"72px\",\n \"h2\": \"30px\",\n \"body\": \"20px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 4,\n \"borderRadius\": \"12px\"\n },\n \"components\": {\n \"input\": {\n \"background\": \"#FFFFFF\",\n \"textColor\": \"#0F172B\",\n \"borderColor\": \"#E2E8F0\",\n \"borderRadius\": \"8px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"8px\",\n \"topRight\": \"8px\",\n \"bottomRight\": \"8px\",\n \"bottomLeft\": \"8px\"\n },\n \"shadow\": \"none\"\n },\n \"buttonPrimary\": {\n \"background\": \"#0F172B\",\n \"textColor\": \"#FFFFFF\",\n \"borderRadius\": \"8px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"8px\",\n \"topRight\": \"8px\",\n \"bottomRight\": \"8px\",\n \"bottomLeft\": \"8px\"\n },\n \"shadow\": \"none\"\n },\n \"buttonSecondary\": {\n \"background\": \"#FFFFFF\",\n \"textColor\": \"#45556C\",\n \"borderColor\": \"#CAD5E2\",\n \"borderRadius\": \"8px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"8px\",\n \"topRight\": \"8px\",\n \"bottomRight\": \"8px\",\n \"bottomLeft\": \"8px\"\n },\n \"shadow\": \"none\"\n }\n },\n \"images\": {\n \"logo\": \"data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22h-4%20w-4%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-fc-idx%3D%220%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M13%207l5%205m0%200l-5%205m5-5H6%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20stroke-width%3A%202px%20!important%3B%20stroke-linecap%3A%20round%20!important%3B%20stroke-linejoin%3A%20round%20!important%3B%22%2F%3E%3C%2Fsvg%3E\",\n \"favicon\": \"https://www.tweeks.io/favicon-16x16.png\",\n \"ogImage\": \"https://www.tweeks.io/images/og-default\",\n \"logoHref\": \"/get-extension\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 0,\n \"reasoning\": \"Selected #0 because it is located in the header, is visible, and matches the favicon, indicating it is the main brand logo.\",\n \"confidence\": 0.8,\n \"source\": \"llm\"\n },\n \"__llm_button_reasoning\": {\n \"primary\": {\n \"index\": 0,\n \"text\": \"Get the Tweeks Extension\",\n \"reasoning\": \"Button #7 has a vibrant dark background (#0F172B) and action-oriented text 'Get the Tweeks Extension', making it the primary CTA.\"\n },\n \"secondary\": {\n \"index\": 2,\n \"text\": \"Join the Community\",\n \"reasoning\": \"Button #10 has a different background color (#FFFFFF) and serves as a secondary action with text 'Join the Community'.\"\n },\n \"confidence\": 0.95\n },\n \"personality\": {\n \"tone\": \"modern\",\n \"energy\": \"medium\",\n \"targetAudience\": \"tech-savvy users\"\n },\n \"designSystem\": {\n \"framework\": \"tailwind\",\n \"componentLibrary\": \"\"\n },\n \"confidence\": {\n \"buttons\": 0.95,\n \"colors\": 0.9,\n \"overall\": 0.925\n },\n \"__llm_metadata\": {\n \"logoSelection\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true,\n \"finalSource\": \"llm\",\n \"rawLogoSelection\": {\n \"selectedLogoIndex\": 0,\n \"selectedLogoReasoning\": \"Selected #0 because it is located in the header, is visible, and matches the favicon, indicating it is the main brand logo.\",\n \"confidence\": 0.8\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true\n }\n }\n}\n```\n" }