{ "name": "Wave", "slug": "wave", "domain": "https://wave.com", "sources": [ "yc" ], "branding": { "colorScheme": "light", "fonts": [ { "family": "Inter", "role": "body" }, { "family": "GT Walsheim Bold", "role": "heading" } ], "colors": { "primary": "#1AB3E5", "secondary": "#007BFF", "accent": "#0E0D5D", "background": "#FFFFFF", "textPrimary": "#0E0D5D", "link": "#0E0D5D" }, "typography": { "fontFamilies": { "primary": "Inter", "heading": "GT Walsheim Bold" }, "fontStacks": { "heading": [ "GT Walsheim Bold", "sans-serif" ], "body": [ "Inter", "sans-serif" ], "paragraph": [ "Inter", "sans-serif" ] }, "fontSizes": { "h1": "64px", "h2": "48px", "body": "14px" } }, "spacing": { "baseUnit": 4, "borderRadius": "4px" }, "components": {}, "images": { "logo": "https://www.wave.com/img/nav-logo.png", "favicon": "https://www.wave.com/img/favicon.png", "ogImage": null, "logoHref": "/en/", "logoAlt": "Wave logo" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, medium-sized, located in the header, and the alt text matches the brand name 'Wave'.", "confidence": 0.95, "source": "llm" }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "unknown" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0, "colors": 0.95, "overall": 0.475 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is visible, medium-sized, located in the header, and the alt text matches the brand name 'Wave'.", "confidence": 0.95 } }, "buttonClassification": { "llmCalled": false, "llmSucceeded": false } } }, "images": [ { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/wave/caea001964.webp", "alt": "Curly Balls: Wave, Parachute • Ads of the World™ | Part of The Clio Network", "source_url": "https://www.adsoftheworld.com/campaigns/wave-a92213d9-8058-45cf-bdd3-4b8886e79480", "image_url": "https://www.adsoftheworld.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd3pXQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--f20ba23e351012df23e9a6cda6134c753dc2115c/thumbnail_61554", "width": 1575, "height": 1181, "bytes": 1048585, "query": "\"Wave\" ad", "query_suffix": "\"Wave\" ad" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/wave/6f2fda8b7d.webp", "alt": "Learn How To Read A Surf Report For Beginners", "source_url": "https://cornishwave.com/how-to-read-surf-reports/", "image_url": "https://cornishwave.com/client/uploads/2017/02/wave-height-graphic.png", "width": 530, "height": 480, "bytes": 179609, "query": "\"Wave\" report", "query_suffix": "\"Wave\" report" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/wave/9f464fae4f.webp", "alt": "Wave landing page Images - Free Download on Freepik", "source_url": "https://www.freepik.com/free-photos-vectors/wave-landing-page", "image_url": "https://img.freepik.com/free-vector/abstract-lineal-shapes-landing-page-template_52683-15235.jpg?semt=ais_hybrid&w=740&q=80", "width": 740, "height": 493, "bytes": 40443, "query": "\"Wave\" landing page", "query_suffix": "\"Wave\" landing page" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/wave/4b2ce661f6.webp", "alt": "Atlantis: Wave • Ads of the World™ | Part of The Clio Network", "source_url": "https://www.adsoftheworld.com/campaigns/wave-c408ca08-c501-4905-95af-9378f87c26b0", "image_url": "https://www.adsoftheworld.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMHN3QWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--3060e86c0051d9294e2c69869a1b49e5dd39c862/thumbnail_34676", "width": 1400, "height": 1078, "bytes": 1202263, "query": "\"Wave\" ad", "query_suffix": "\"Wave\" ad" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/wave/3058dd25c8.webp", "alt": "Wave Height Explanation", "source_url": "https://www.weather.gov/dlh/WaveHeightExplanation", "image_url": "https://www.weather.gov/images/dlh/waveform.png", "width": 477, "height": 260, "bytes": 13383, "query": "\"Wave\" report", "query_suffix": "\"Wave\" report" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/wave/1b4c89b020.webp", "alt": "Hand Drawn Liquid Blue Wave Landing Page", "source_url": "https://backgroundabstract.com/downloads/hand-drawn-liquid-blue-wave-landing-page/", "image_url": "https://i0.wp.com/backgroundabstract.com/wp-content/uploads/edd/2023/03/123-01-3-e1678542843114.jpg?resize=1000%2C750&ssl=1", "width": 1000, "height": 750, "bytes": 32771, "query": "\"Wave\" landing page", "query_suffix": "\"Wave\" landing page" } ], "font_resources": [ { "family": "Inter", "google_fonts_url": "https://fonts.google.com/specimen/Inter" }, { "family": "GT Walsheim Bold", "google_fonts_url": "https://fonts.google.com/specimen/GT+Walsheim+Bold" } ], "google_fonts_css": "https://fonts.googleapis.com/css2?family=Inter&family=GT+Walsheim+Bold&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/wave", "agent_instructions": "You are designing or implementing in Wave's brand identity.\n\n# Brand profile\n- Company: Wave\n- Source: https://wave.com\n- Color scheme: light\n\n# Colors\n- primary: #1AB3E5\n- secondary: #007BFF\n- accent: #0E0D5D\n- background: #FFFFFF\n- textPrimary: #0E0D5D\n- link: #0E0D5D\n\n# Typography\n- primary: Inter — https://fonts.google.com/specimen/Inter\n- heading: GT Walsheim Bold — https://fonts.google.com/specimen/GT+Walsheim+Bold\n\nLoad all fonts at once: \n\n# UI Components\n\n\n# Brand voice\n- Tone: modern\n- Energy: medium\n- Audience: unknown\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/wave.json", "page_markdown": "# Wave Brand Identity\n\nA complete profile of **Wave**'s visual system — colors, typography, components, and personality — extracted from https://wave.com. Built for designers, agents, and AI tools.\n\n- Page: https://characterquilt.com/branding/wave\n- Machine-readable JSON: https://characterquilt.com/branding/wave.json\n- Per-page llms.txt: https://characterquilt.com/branding/wave/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #1AB3E5 |\n| Accent | #0E0D5D |\n| Body Font | Inter |\n| Heading Font | GT Walsheim Bold |\n\n## Color Palette\n\n- primary: #1AB3E5\n- secondary: #007BFF\n- accent: #0E0D5D\n- background: #FFFFFF\n- textPrimary: #0E0D5D\n- link: #0E0D5D\n\n## Typography\n\n- primary: Inter — https://fonts.google.com/specimen/Inter\n- heading: GT Walsheim Bold — https://fonts.google.com/specimen/GT+Walsheim+Bold\n\n## Visual Assets\n\n- Logo: https://www.wave.com/img/nav-logo.png\n- Favicon: https://www.wave.com/img/favicon.png\n\n## Brand Personality\n\nTone: modern · Energy: medium · Audience: unknown\n\n## Wave Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **Curly Balls: Wave, Parachute • Ads of the World™ | Part of The Clio Network**\n - Image: https://www.adsoftheworld.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd3pXQVE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--f20ba23e351012df23e9a6cda6134c753dc2115c/thumbnail_61554\n - Source: https://www.adsoftheworld.com/campaigns/wave-a92213d9-8058-45cf-bdd3-4b8886e79480\n- **Learn How To Read A Surf Report For Beginners**\n - Image: https://cornishwave.com/client/uploads/2017/02/wave-height-graphic.png\n - Source: https://cornishwave.com/how-to-read-surf-reports/\n- **Wave landing page Images - Free Download on Freepik**\n - Image: https://img.freepik.com/free-vector/abstract-lineal-shapes-landing-page-template_52683-15235.jpg?semt=ais_hybrid&w=740&q=80\n - Source: https://www.freepik.com/free-photos-vectors/wave-landing-page\n- **Atlantis: Wave • Ads of the World™ | Part of The Clio Network**\n - Image: https://www.adsoftheworld.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMHN3QWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--3060e86c0051d9294e2c69869a1b49e5dd39c862/thumbnail_34676\n - Source: https://www.adsoftheworld.com/campaigns/wave-c408ca08-c501-4905-95af-9378f87c26b0\n- **Wave Height Explanation**\n - Image: https://www.weather.gov/images/dlh/waveform.png\n - Source: https://www.weather.gov/dlh/WaveHeightExplanation\n- **Hand Drawn Liquid Blue Wave Landing Page**\n - Image: https://i0.wp.com/backgroundabstract.com/wp-content/uploads/edd/2023/03/123-01-3-e1678542843114.jpg?resize=1000%2C750&ssl=1\n - Source: https://backgroundabstract.com/downloads/hand-drawn-liquid-blue-wave-landing-page/\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\": \"Inter\",\n \"role\": \"body\"\n },\n {\n \"family\": \"GT Walsheim Bold\",\n \"role\": \"heading\"\n }\n ],\n \"colors\": {\n \"primary\": \"#1AB3E5\",\n \"secondary\": \"#007BFF\",\n \"accent\": \"#0E0D5D\",\n \"background\": \"#FFFFFF\",\n \"textPrimary\": \"#0E0D5D\",\n \"link\": \"#0E0D5D\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"Inter\",\n \"heading\": \"GT Walsheim Bold\"\n },\n \"fontStacks\": {\n \"heading\": [\n \"GT Walsheim Bold\",\n \"sans-serif\"\n ],\n \"body\": [\n \"Inter\",\n \"sans-serif\"\n ],\n \"paragraph\": [\n \"Inter\",\n \"sans-serif\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"64px\",\n \"h2\": \"48px\",\n \"body\": \"14px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 4,\n \"borderRadius\": \"4px\"\n },\n \"components\": {},\n \"images\": {\n \"logo\": \"https://www.wave.com/img/nav-logo.png\",\n \"favicon\": \"https://www.wave.com/img/favicon.png\",\n \"ogImage\": null,\n \"logoHref\": \"/en/\",\n \"logoAlt\": \"Wave logo\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 0,\n \"reasoning\": \"Selected #0 because it is visible, medium-sized, located in the header, and the alt text matches the brand name 'Wave'.\",\n \"confidence\": 0.95,\n \"source\": \"llm\"\n },\n \"personality\": {\n \"tone\": \"modern\",\n \"energy\": \"medium\",\n \"targetAudience\": \"unknown\"\n },\n \"designSystem\": {\n \"framework\": \"custom\",\n \"componentLibrary\": \"\"\n },\n \"confidence\": {\n \"buttons\": 0,\n \"colors\": 0.95,\n \"overall\": 0.475\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 visible, medium-sized, located in the header, and the alt text matches the brand name 'Wave'.\",\n \"confidence\": 0.95\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": false,\n \"llmSucceeded\": false\n }\n }\n}\n```\n" }