{ "version": "1.0.0", "brands": [ { "id": "099", "name": "099", "description": "This design system presents as a 'digital workbench' – dark, stark, and highly organized, creating an atmosphere of focused, technical precision. The reliance on extreme achromatic contrast combined with a monospace system font defines its aesthetic, making it feel less like a brand and more like an interface for a command-line tool. Sharp 10px corner radii on interactive elements provide a subtle softening against the otherwise rigid grid, allowing functional elements to feel grounded yet approachable.", "theme": "dark", "industry": "agency", "source_url": "https://099.supply", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925841682-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925841682-thumb.jpg", "refero_style_id": "e4a7b5f3-f393-4f6d-b4a5-ecf874024bed", "extracted_at": "2026-04-11T16:44:23.257Z", "path": "skills/099/DESIGN.md" }, { "id": "10x-hub", "name": "10X HUB", "description": "This design system is a bold, high-contrast exploration of dark and light, creating a dynamic visual experience. The core aesthetic is defined by striking red accents against stark black and white backgrounds, evoking a sense of urgency and directness. The interplay of oversized, widely tracked display typography with minimalist body text establishes a hierarchy that feels both dominant and precise.", "theme": "mixed", "industry": "agency", "source_url": "https://10xdesigners.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925424211-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925424211-thumb.jpg", "refero_style_id": "4acc13a0-c553-40d7-b78d-a9b6a4e94486", "extracted_at": "2026-04-11T16:37:25.193Z", "path": "skills/10x-hub/DESIGN.md" }, { "id": "12th-berlin-biennale-for-contemporary-art", "name": "12th Berlin Biennale for Contemporary Art", "description": "The 12th Berlin Biennale design system evokes an underground gallery experience: stark black and white punctuated by a vivid violet and subtle muted violet. Typography is compact and precise, often with tight letter-spacing, contrasting against large, bold elements or ample negative space. Components are lightweight with minimal elevation, focusing on clear functionality through high-contrast text against clean surfaces. The interface relies on hard edges and distinct blocks of color for rhythm, avoiding gradients or complex shadows.", "theme": "light", "industry": "design", "source_url": "https://12.berlinbiennale.de", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516784417-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516784417-thumb.jpg", "refero_style_id": "1c2d4a33-7ee4-4b61-a77e-dab91631d19b", "extracted_at": "2026-04-30T02:40:05.012Z", "path": "skills/12th-berlin-biennale-for-contemporary-art/DESIGN.md" }, { "id": "14islands", "name": "14islands", "description": "This design system evokes the precision of a high-end editorial layout, prioritizing clear information delivery over decorative elements. The interplay of stark `#070707` text against expansive `#F2F2F2` backgrounds creates a powerful, almost architectural contrast, while the strategic use of `--color-grey-highlight-light` (`#a2a2a9`) provides subtle visual breaks that maintain gravity. Typography drives the aesthetic, with custom fonts `AftenScreen` delivering impactful, tightly kerned headlines and `BentonSans` ensuring legible, understated body copy, resulting in a system that feels both modern and timeless.", "theme": "light", "industry": "agency", "source_url": "https://14islands.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925500491-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925500491-thumb.jpg", "refero_style_id": "139c4bee-396d-494c-baf0-fe211bf4928d", "extracted_at": "2026-04-11T16:38:42.882Z", "path": "skills/14islands/DESIGN.md" }, { "id": "15five", "name": "15five", "description": "15Five employs a vibrant, confident design language with clean white canvases, softened cards, and a striking violet-to-pink gradient. Typography is a blend of bold, impactful headlines and accessible body text. The system uses a specific 'hero' violet as its primary accent, contrasted with touches of warm orange and pink, creating an energetic yet grounded feel. Components are lightweight with generous rounded corners, emphasizing an approachable and modern presentation.", "theme": "light", "industry": "saas", "source_url": "https://www.15five.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510567812-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510567812-thumb.jpg", "refero_style_id": "88a00b3e-1c1e-49d3-ae0f-9fbc1f35ad99", "extracted_at": "2026-04-30T00:56:33.928Z", "path": "skills/15five/DESIGN.md" }, { "id": "19-86", "name": "19–86", "description": "This design system evokes the precision and meticulousness of architectural blueprints, presented with stark clarity. The visual field is dominated by pure black text and lines against an unblemished white background, creating an impression of objective documentation. The singular `store_norske_ja_light` font, with its consistent weight and precise letter-spacing, grounds the aesthetic in technical rigor while allowing large display elements like \\\"19-86\\\" to feel monumental yet understated due to their light weight.", "theme": "light", "industry": "agency", "source_url": "https://19-86.fr", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926168148-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926168148-thumb.jpg", "refero_style_id": "6f428c12-ba43-48e3-9a52-299ec1ce509b", "extracted_at": "2026-04-11T16:49:42.245Z", "path": "skills/19-86/DESIGN.md" }, { "id": "1password", "name": "1Password", "description": "The design feels like a high-security airlock transitioning into a well-lit control room. An immersive, deep-space dark hero (#1D1D21) establishes a serious, secure atmosphere, which gives way to crisp white (#FFFFFF) content sections focused on informational clarity. The signature brand blue (#145FE4) is used exclusively for calls-to-action and active states, acting like an indicator light confirming interaction. Typography is a key differentiator; the custom font `agileSans` at large sizes with tight negative letter-spacing creates dense, architectural headlines. Buttons are distinctly full-pill (9999px radius), contrasting with the generally sharp, un-rounded cards, creating a focused tension between interactive and container elements.", "theme": "mixed", "industry": "saas", "source_url": "https://1password.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929689940-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929689940-thumb.jpg", "refero_style_id": "da0bfca3-df1d-49d9-ae25-61d8f348426f", "extracted_at": "2026-04-11T17:49:18.534Z", "path": "skills/1password/DESIGN.md" }, { "id": "2020", "name": "2020", "description": "Album Colors functions as a dynamically colored digital poster, where the entire canvas shifts hue to celebrate album art. Its visual language relies on bold, all-caps typography set against a monochrome but interchangeable background. Interaction elements are ghosted, defined by stark borders rather than fills, reinforcing a sense of understated presence. The structure prioritizes a clear, grid-like presentation of content within a constantly re-colored frame.", "theme": "light", "industry": "media", "source_url": "https://albumcolors.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519269429-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519269429-thumb.jpg", "refero_style_id": "ac660bff-3b21-4753-a80f-3692da6e735e", "extracted_at": "2026-04-30T03:21:28.956Z", "path": "skills/2020/DESIGN.md" }, { "id": "21n", "name": "21n", "description": "This design system presents a welcoming yet authoritative digital experience, reminiscent of a well-organized personal library. Its light theme and ample white space provide a calm backdrop for the sharp, precise typography. The muted, near-achromatic palette, punctuated by specific brand-colored highlights, directs attention without visual clutter, creating an environment balancing technical clarity with approachable softness through its rounded buttons.", "theme": "light", "industry": "other", "source_url": "https://memotron.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933489320-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933489320-thumb.jpg", "refero_style_id": "68d18deb-bb09-4258-8024-001af9c844c0", "extracted_at": "2026-04-11T18:51:43.700Z", "path": "skills/21n/DESIGN.md" }, { "id": "247studio", "name": "247Studio", "description": "This design system presents as a crisp, high-contrast, and almost clinical aesthetic, focusing heavily on legibility and minimalist presentation. The absence of color, save for pure black and white, forces attention onto typography and spatial relationships. It creates an atmosphere of precise, no-nonsense communication, suggesting an emphasis on clear information delivery over decorative flourishes.", "theme": "light", "industry": "agency", "source_url": "https://247studio.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925458344-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925458344-thumb.jpg", "refero_style_id": "c43237e3-dae2-4fc6-a917-519b25c870e5", "extracted_at": "2026-04-11T16:37:55.218Z", "path": "skills/247studio/DESIGN.md" }, { "id": "601-inc", "name": "601 Inc.", "description": "601 Inc. wields a cinematic utilitarian aesthetic, characterized by stark contrasts and a highly structured, almost architectural presentation. A dominant dark canvas is punctuated by a single, muted golden accent color, used sparingly for oversized typography and interactive elements. The design emphasizes content through dramatic scaling of display fonts and clear, unornamented UI elements, creating an immersive, focused experience. Layouts are spacious and deliberate, allowing visual content to breathe within defined areas, much like frames in a film.", "theme": "dark", "industry": "media", "source_url": "https://www.rokumaruichi.tokyo", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513226979-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513226979-thumb.jpg", "refero_style_id": "1cb31aee-608e-4dec-a44d-5745e4fd6bab", "extracted_at": "2026-04-30T01:41:07.529Z", "path": "skills/601-inc/DESIGN.md" }, { "id": "7shifts", "name": "7shifts", "description": "7shifts employs a functional and approachable design system, combining a crisp white and dark gray achromatic base with a singular vivid blue accent for key interactions. Typography provides clear hierarchy, with a custom `Regular` font family for all content up to large headlines. Components are lightweight and often borderless, emphasizing content over chrome, while subtle rounding creates a friendly, modern feel across cards and buttons. The system balances directness with a degree of visual softness.", "theme": "light", "industry": "saas", "source_url": "https://www.7shifts.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509832474-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509832474-thumb.jpg", "refero_style_id": "736830b5-90b1-47b0-99dd-d79454a0d22a", "extracted_at": "2026-04-30T00:44:25.304Z", "path": "skills/7shifts/DESIGN.md" }, { "id": "a-dam", "name": "A-dam", "description": "A-dam embodies a playful, energetic aesthetic with a strong commitment to brand identity. Dominant dark blue accents punctuate a clean, bright white canvas, creating distinct contrasts. Typography is confident yet friendly, utilizing a custom geometric sans-serif for both headlines and body text. Components are minimalist, often ghosted or subtly outlined, relying on content and brand blue for emphasis rather than heavy styling or dramatic elevation.", "theme": "light", "industry": "ecommerce", "source_url": "https://a-dam.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519937357-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519937357-thumb.jpg", "refero_style_id": "0fc184f7-6143-4303-8e3d-0e2f075f76b2", "extracted_at": "2026-04-30T03:32:35.964Z", "path": "skills/a-dam/DESIGN.md" }, { "id": "a-ware", "name": "A-WARE", "description": "A-WARE cultivates a natural and premium aesthetic through a minimal, high-contrast monochrome palette punctuated by a single warm golden accent. Typography is a deliberate interplay of bold, expanded sans-serifs and a refined serif, creating a distinct brand voice. Surfaces are predominantly light and matte, achieving depth through subtle off-white tones rather than shadows, reinforcing a sense of clean, unadulterated quality. Layouts are spacious and structured, guiding the eye with generous negative space.", "theme": "light", "industry": "ecommerce", "source_url": "https://a-ware.at", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515684819-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515684819-thumb.jpg", "refero_style_id": "5681f7b6-c665-44b8-a065-da7180133149", "extracted_at": "2026-04-30T02:21:50.169Z", "path": "skills/a-ware/DESIGN.md" }, { "id": "a24", "name": "A24", "description": "A24’s visual design is a stark, high-contrast exploration of cinematic black and white. It features an almost entirely achromatic palette, punctuated by bold, unapologetic typography that dictates hierarchy through size and placement rather than color. Layouts are spacious, almost sparse, creating a gallery-like feel where content commands attention. Interactive elements are minimal, often border-only or ghost-like, preserving the strong monochromatic aesthetic.", "theme": "light", "industry": "media", "source_url": "https://a24films.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509600056-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509600056-thumb.jpg", "refero_style_id": "6afa22a6-bec8-47c3-b5ee-5d11d64902cb", "extracted_at": "2026-04-30T00:40:24.897Z", "path": "skills/a24/DESIGN.md" }, { "id": "aaply", "name": "Aaply", "description": "Aaply's design feels like an energetic, vibrant whiteboard brainstorming session. The stark contrast between a near-achromatic gray background and bold, highly saturated colors creates a dynamic, youthful energy. Playful, varied border radii across elements disrupt uniformity, while the strategic use of black, not dark gray, for headlines and body text grounds the otherwise light interface with a strong visual presence. This system intentionally uses a high key, vibrant color palette for interaction over subtle cues.", "theme": "light", "industry": "productivity", "source_url": "https://aaply.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932665115-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932665115-thumb.jpg", "refero_style_id": "357e6fee-72db-40cf-b858-254b802018bd", "extracted_at": "2026-04-11T18:38:08.941Z", "path": "skills/aaply/DESIGN.md" }, { "id": "aather", "name": "AATHER", "description": "AATHER employs a refined, subdued aesthetic, prioritizing high-quality product photography over bold UI. The design uses nearly achromatic colors, with deep charcoal text on pristine white or nuanced off-white backgrounds, creating a sense of understated luxury. Typography leans towards delicate, thin weights, establishing a gentle, sophisticated voice. Components are minimal, often borderless or with subtle hairline outlines, ensuring the UI fades into the background, allowing content to take center stage.", "theme": "light", "industry": "ecommerce", "source_url": "https://aather.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514128258-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514128258-thumb.jpg", "refero_style_id": "3b080dc3-1992-43fe-91d6-2a721f934435", "extracted_at": "2026-04-30T01:55:47.309Z", "path": "skills/aather/DESIGN.md" }, { "id": "aave-com", "name": "aave.com", "description": "Aave employs a pragmatic, enterprise-grade aesthetic, balancing clear data presentation with subtle branding. The system uses a predominantly dark theme for content sections, contrasting with an initial bright hero. Typography is compact and precise, favoring confident, small text groups. Surfaces are flat or softly rounded, with elevation sparingly used to draw attention, and a singular luminous violet provides an interactive accent against the deep neutrals.", "theme": "mixed", "industry": "fintech", "source_url": "https://aave.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509290732-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509290732-thumb.jpg", "refero_style_id": "e352ec32-830a-4650-b7c2-d32a5f559f7e", "extracted_at": "2026-04-30T00:35:17.764Z", "path": "skills/aave-com/DESIGN.md" }, { "id": "ableton", "name": "Ableton", "description": "This design system presents a digital canvas for creative tools, characterized by its stark, high-contrast monochrome base with strategic, vibrant accents. The primary palette of black and white, occasionally softened by light gray, is frequently punctuated by a singular, intense violet-blue. This creates an energetic, almost electric, feel, reflecting the dynamic nature of music production. Typography is assertive and direct yet uses a soft geometry, balancing instruction with visual appeal.", "theme": "light", "industry": "media", "source_url": "https://ableton.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924774685-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924774685-thumb.jpg", "refero_style_id": "e5081033-bd79-479a-aef6-8b002df6086a", "extracted_at": "2026-04-11T16:26:31.615Z", "path": "skills/ableton/DESIGN.md" }, { "id": "aboard", "name": "Aboard", "description": "Aboard projects a playful, human-centered HR experience through its soft, pastel color palette and friendly, rounded interfaces. The system combines crisp, dark typography with a clean, light canvas, punctuated by cheerful accent colors and varied card backgrounds. Components are lightweight with generous padding and prominent border radii, creating an approachable and inviting visual environment. The overall design feels like a thoughtful, organized space that prioritizes user comfort and visual delight.", "theme": "light", "industry": "productivity", "source_url": "https://aboardhr.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510344592-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510344592-thumb.jpg", "refero_style_id": "fabacd2a-acb6-46c4-939c-4a464df15440", "extracted_at": "2026-04-30T00:53:06.694Z", "path": "skills/aboard/DESIGN.md" }, { "id": "acceptandproceed", "name": "Acceptandproceed", "description": "Accept&Proceed presents a subtly textured, spacious environment that feels like a quiet gallery space. Neutral tones dominate, allowing content and subtle interaction cues to stand out. Typography is precise and understated, maintaining a sense of refined professionalism. Interactions are minimal and direct, avoiding heavy graphics or loud effects, reinforcing an atmosphere of focused artistic curation.", "theme": "light", "industry": "agency", "source_url": "https://www.acceptandproceed.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516869589-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516869589-thumb.jpg", "refero_style_id": "f63b4703-db8b-4bc9-8d8f-17262b12d4b3", "extracted_at": "2026-04-30T02:41:29.103Z", "path": "skills/acceptandproceed/DESIGN.md" }, { "id": "acctual", "name": "Acctual", "description": "Acctual is a clean, sharp accounting software interface, defined by abundant whitespace, crisp typography, and an almost entirely achromatic palette punctuated by a single vibrant teal accent. It feels like an impeccably organized digital ledger, where the strict logical layout and high contrast ensure every piece of financial data is immediately comprehensible. The signature element is the interplay of system sans-serif for secondary text with the bespoke Open Runde, creating a dual texture of approachability and structured precision.", "theme": "light", "industry": "fintech", "source_url": "https://acctual.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925874754-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925874754-thumb.jpg", "refero_style_id": "aeefc294-a8f7-443d-b76a-538dddc29afe", "extracted_at": "2026-04-11T16:45:00.243Z", "path": "skills/acctual/DESIGN.md" }, { "id": "acne-studios", "name": "Acne Studios", "description": "Acne Studios presents a design system that feels like a stark, minimalist gallery exhibiting cutting-edge fashion. The visual identity is built on a high-contrast black and white foundation, leveraging negative space and a single, vivid violet accent. This bold simplicity ensures that the products themselves are the focal point, while a custom monospace typeface adds a distinctive, technical-luxury edge. The overall impression is one of unapologetic sophistication and brand confidence.", "theme": "light", "industry": "ecommerce", "source_url": "https://acnestudios.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926228105-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926228105-thumb.jpg", "refero_style_id": "234e9a17-236d-4446-9d58-f83f6806d012", "extracted_at": "2026-04-11T16:50:45.575Z", "path": "skills/acne-studios/DESIGN.md" }, { "id": "acolorbright", "name": "Acolorbright", "description": "Acolorbright employs a sophisticated, minimalist aesthetic, using a clean, monochromatic canvas to highlight content and imagery. Typography is precise and confidently understated, defining hierarchy through size and nuanced weight rather than color. Interactive elements are sparse but clearly defined, often using soft borders and subtle background shifts to indicate affordance. The overall impression is one of grounded professionalism and clarity, with design choices geared towards content presentation and subtle interaction rather than overt brand expression through color.", "theme": "light", "industry": "design", "source_url": "https://www.acolorbright.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520475123-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520475123-thumb.jpg", "refero_style_id": "6738c8ec-0e5b-4533-8901-1297aebd32e1", "extracted_at": "2026-04-30T03:41:37.306Z", "path": "skills/acolorbright/DESIGN.md" }, { "id": "active-theory", "name": "Active Theory", "description": "This design system evokes a 'digital void' aesthetic, combining deep, dark backgrounds with subtle luminous elements. The sparsity of color and reliance on grayscale with minimal violet accents creates an atmosphere of focused, almost melancholic, precision. Custom typography and specific rounded forms (500px pill buttons contrasting with 5px or 12px radii elsewhere) carve out a unique identity, suggesting advanced technology with a touch of crafted elegance.", "theme": "dark", "industry": "agency", "source_url": "https://activetheory.net", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925461564-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925461564-thumb.jpg", "refero_style_id": "3416bd14-96bb-4c23-bd01-b2ea178ba5ce", "extracted_at": "2026-04-11T16:38:03.788Z", "path": "skills/active-theory/DESIGN.md" }, { "id": "ada", "name": "Ada", "description": "The Ada design system establishes a stark, information-first aesthetic built on high contrast and minimal ornamentation. Typography anchors the visual hierarchy, with a clear distinction between prominent headings and concise body text. Surfaces are flat and monochromatic, emphasizing content over decorative elements. Interaction is signaled through bold black borders and subtle background shifts, ensuring focus remains on actionable items.", "theme": "light", "industry": "ai", "source_url": "https://www.ada.cx", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509256656-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509256656-thumb.jpg", "refero_style_id": "30ebf167-9ad1-4b20-853c-2726f473f4c4", "extracted_at": "2026-04-30T00:34:39.320Z", "path": "skills/ada/DESIGN.md" }, { "id": "adaline", "name": "Adaline", "description": "Adaline employs a serene, naturally-inspired aesthetic, combining a nearly monochromatic palette with organic, muted greens and browns. The visual language conveys quiet authority: elegant typography with subtle letter spacing, carefully rounded components, and restrained use of color only for functional elements. Grays are abundant, creating a soft, layered depth, while a single striking green serves as the primary accent, signaling interactive states and brand identity. Components feel integrated with their environment, avoiding harsh contrasts or strong shadows.", "theme": "light", "industry": "ai", "source_url": "https://www.adaline.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509343907-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509343907-thumb.jpg", "refero_style_id": "312423bf-72ea-42fb-b8f5-ab0104e778f3", "extracted_at": "2026-04-30T00:36:09.605Z", "path": "skills/adaline/DESIGN.md" }, { "id": "adam-vella", "name": "Adam Vella", "description": "Adam Vella's digital identity employs a stark, text-first approach, reminiscent of a minimalist resume. The design prioritizes content density and clear hierarchy over visual adornment, using a monochrome palette with subtle gray variations and a crisp white canvas. Typography is foundational, carrying the visual weight through a blend of a serif for emphasis and a sans-serif for readability, defining structure without reliance on heavy graphical elements.", "theme": "light", "industry": "design", "source_url": "https://www.adamvella.com.au", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518734268-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518734268-thumb.jpg", "refero_style_id": "155eaac8-8497-4937-bf07-1d0dc82b7aeb", "extracted_at": "2026-04-30T03:12:30.577Z", "path": "skills/adam-vella/DESIGN.md" }, { "id": "adbc", "name": "ADBC", "description": "ADBC employs a high-contrast, minimalist visual language, emphasizing strong typography and monochromatic imagery over decorative elements. A stark white background acts as a clean canvas, creating sharp legibility for the almost black text. The design relies on generous whitespace and a precise typographic system to establish hierarchy and a sense of understated authority. Interaction is conveyed through subtle underlines rather than overt button styling, making the experience feel direct and content-focused.", "theme": "light", "industry": "other", "source_url": "https://www.adbc.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513449734-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513449734-thumb.jpg", "refero_style_id": "fe602c0f-2862-432b-88fc-fa5f9fbc3c78", "extracted_at": "2026-04-30T01:44:28.580Z", "path": "skills/adbc/DESIGN.md" }, { "id": "adidas", "name": "adidas", "description": "This design system projects a direct, no-nonsense corporate voice, stripped down to essential communication. It uses a stark achromatic palette of black and white, punctuated by subtle gray accents to define secondary text and structural elements. The complete absence of visual flair—no shadows, gradients, or rounded corners beyond a minimal 3px—communicates efficiency and seriousness, while the custom 'adineue' typeface offers a distinct, yet understated, brand presence.", "theme": "light", "industry": "ecommerce", "source_url": "https://adidas.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933004482-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933004482-thumb.jpg", "refero_style_id": "72340f0a-e7ea-4f9b-b683-19a1c3dcdc32", "extracted_at": "2026-04-11T18:43:39.762Z", "path": "skills/adidas/DESIGN.md" }, { "id": "aesop", "name": "Aesop", "description": "The design evokes a scholarly apothecary's formulary, where every element is presented with meticulous precision. It operates on a starkly limited palette of warm off-white and charcoal, creating a high-contrast, text-forward environment. A rigid, architectural layout with sharp 0px corners dominates, reinforcing a sense of order and clinical quality. The system's signature is the typographic tension between the humanist serif 'Zapf-Humanist' for expressive headlines and the neutral sans-serif 'SuisseIntl' for all functional text, lending an air of classicism to a modern digital interface.", "theme": "light", "industry": "ecommerce", "source_url": "https://aesop.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929922608-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929922608-thumb.jpg", "refero_style_id": "24c0de95-295d-42aa-8240-4e36683cf35b", "extracted_at": "2026-04-11T17:53:01.853Z", "path": "skills/aesop/DESIGN.md" }, { "id": "affinity", "name": "Affinity", "description": "Affinity presents a dark, theatrical stage for creativity, utilizing deep black canvases to highlight vibrant, floating artistic elements. Typography is a confident mix of a bespoke serif for headlines, bringing a classic yet bold presence, paired with a modern sans-serif for functional text. Bright, almost neon green serves as the primary accent, signaling interactive states and calls to action with an energetic pop against the dark backdrop, while subtle elevation and distinct radii define interactive components, ensuring a tactile, precise feel.", "theme": "dark", "industry": "design", "source_url": "https://www.affinity.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508883618-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508883618-thumb.jpg", "refero_style_id": "6fd5c4e6-7003-4768-bc62-1b9c0c774054", "extracted_at": "2026-04-30T00:28:30.803Z", "path": "skills/affinity/DESIGN.md" }, { "id": "afterglo", "name": "Afterglo", "description": "Afterglo employs a visual style of subtle, almost clinical minimalism overlaid with soft, muted sensuality. Its design language combines stark achromatic typography and UI elements with warm, skin-toned imagery and a single vibrant accent color. Surfaces are clean and often borderless, maintaining a spacious, uncluttered presentation. The overall impression is one of grounded, refined intimacy where visual texture comes from photography rather than heavy UI treatments.", "theme": "light", "industry": "ecommerce", "source_url": "https://myafterglo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520978125-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520978125-thumb.jpg", "refero_style_id": "b13069df-7475-4b51-a734-621e3da75f8b", "extracted_at": "2026-04-30T03:50:16.742Z", "path": "skills/afterglo/DESIGN.md" }, { "id": "agence-foudre", "name": "Agence Foudre", "description": "Agence Foudre's design system is a bold, energetic playground, where bright, contrasting colors and chunky typography create a dynamic, youthful appeal. The juxtaposition of a vivacious pink and a deep forest green is the core of its identity, creating a vibrant tension. Typography, especially the heavy, impactful Beni font, is treated as a primary visual element, often fading or interacting with the background, reinforcing a playful, almost rebellious mood. This is a system that uses color and expressive type to make a statement, rather than relying on complex layouts or shadows.", "theme": "light", "industry": "agency", "source_url": "https://www.agencefoudre.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776008642265-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776008642265-thumb.jpg", "refero_style_id": "c1534c74-f7b8-44de-a913-586d0f78fb08", "extracted_at": "2026-04-12T15:44:20.726Z", "path": "skills/agence-foudre/DESIGN.md" }, { "id": "agence-k72", "name": "Agence K72", "description": "K72 utilizes a dark, high-contrast aesthetic with stark white typography against deep black surfaces, creating a bold and assertive tone. Interaction is signaled through vivid green accents and large, characterful outline buttons. The design emphasizes content through dramatic scaling typography and generous horizontal padding, giving elements ample room to breathe in a visually dense environment. Components are distinctly outlined, reinforcing a graphic, almost print-like quality.", "theme": "dark", "industry": "agency", "source_url": "https://k72.ca", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517071444-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517071444-thumb.jpg", "refero_style_id": "1ff3bd9c-827d-450a-a382-300839768d66", "extracted_at": "2026-04-30T02:44:46.388Z", "path": "skills/agence-k72/DESIGN.md" }, { "id": "ai-product-generation", "name": "AI Product Generation", "description": "Fourmula.ai presents a visually striking design built on a stark white canvas, where elements like cards and interactive components float with a distinct sense of elevation facilitated by crisp, contained shadows. Typography is precise and impactful, using strong contrast against backgrounds. The overall impression is one of efficiency and directness, punctuated by vibrant, warm color accents that highlight key interactions and sections, creating a dynamic yet focused user experience.", "theme": "light", "industry": "ai", "source_url": "https://fourmula.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508074185-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508074185-thumb.jpg", "refero_style_id": "186775da-7568-49e5-8110-4fd0bbc7bbe3", "extracted_at": "2026-04-30T00:15:10.156Z", "path": "skills/ai-product-generation/DESIGN.md" }, { "id": "aino", "name": "Aino", "description": "This design system is a monochrome canvas, evoking the disciplined aesthetic of programming and terminal UIs. It's built on a stark contrast of near-black text on a creamy, soft white background. The most distinctive choice is the pixel-perfect recreation of ASCII art across the page, transforming what might be seen as technical constraints into a primary visual element. This creates a raw, almost deconstructed feel, prioritizing technical expression over traditional graphic design flourishes, making the site itself an artifact of agentic engineering.", "theme": "light", "industry": "agency", "source_url": "https://aino.agency", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925209435-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925209435-thumb.jpg", "refero_style_id": "2ef27b47-36b6-46a3-b325-512bccc76abc", "extracted_at": "2026-04-11T16:33:46.497Z", "path": "skills/aino/DESIGN.md" }, { "id": "air", "name": "Air", "description": "Air's design system evokes a digital canvas under an expansive, almost dreamlike sky. It marries a high-contrast dark text with clean, slightly rounded white and muted gray surfaces. Typography mixes confident, weighty statements with lighter, more fluid headings, creating a dynamic yet composed visual hierarchy. Accents are sparingly applied but impactful, often appearing as subtle outlines or functional indicators, maintaining an overall atmosphere of refined utility.", "theme": "dark", "industry": "productivity", "source_url": "https://air.inc", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509401146-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509401146-thumb.jpg", "refero_style_id": "d3289fe7-a85e-42d8-96b7-eb7faa62a104", "extracted_at": "2026-04-30T00:37:27.849Z", "path": "skills/air/DESIGN.md" }, { "id": "air-studios", "name": "AIR Studios", "description": "AIR Studios employs a spare, conceptual UI, prioritizing content over ornamental elements. Bold background colors serve as the primary visual anchor, punctuated by fine line art and stark monochrome typography. Interaction is subtle, using ghost borders and minimal hover effects. The system feels direct and unencumbered, focusing attention on the brand's creative output rather than the interface itself.", "theme": "dark", "industry": "media", "source_url": "https://airstudios.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521038854-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521038854-thumb.jpg", "refero_style_id": "8038983d-8aa9-485f-88fe-2ff696b9ff27", "extracted_at": "2026-04-30T03:51:13.656Z", "path": "skills/air-studios/DESIGN.md" }, { "id": "airbnb", "name": "Airbnb", "description": "Airbnb's interface is a warm, airy marketplace built on near-white surfaces and a single coral-red brand heartbeat. The #f7f7f7 canvas with #ffffff card surfaces creates a barely-there depth — paper stacked on paper — where photography does all the visual heavy lifting. The custom Airbnb Cereal VF variable font runs at weights 400–700 across a compact, tight scale with negative letter-spacing at larger sizes, giving the UI a quiet confidence without needing decorative elements. The singular #ff385c coral-red appears exclusively on brand touchpoints (logo, active states, the search button), making it feel like a signature rather than a system color. Card images bleed edge-to-edge with 20px rounded corners — the only generous radius in an otherwise compact, information-dense layout.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.airbnb.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777418061730-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777418061730-thumb.jpg", "refero_style_id": "c2325884-4391-4688-85cd-e143f5107517", "extracted_at": "2026-04-28T23:16:17.659Z", "path": "skills/airbnb/DESIGN.md" }, { "id": "airtable", "name": "Airtable", "description": "The Airtable design system conveys an approachable enterprise workflow platform. Its light theme and ample spacing provide a sense of clarity, grounded by a distinctive dark blue (#181D26) for strong text elements and primary actions. Functional interactivity is highlighted by a bright blue (#1B61C9) while a palette of vivid, multi-colored accents introduces a playful, almost illustrative quality, suggesting flexibility and creativity within a structured environment. Rounded corners and subtle shadows soften the experience, making complex AI tools feel less intimidating.", "theme": "light", "industry": "productivity", "source_url": "https://airtable.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776119056975-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776119056975-thumb.jpg", "refero_style_id": "f4ef80f4-f6e5-4aea-8045-f99efaf208b8", "extracted_at": "2026-04-13T22:24:46.572Z", "path": "skills/airtable/DESIGN.md" }, { "id": "aisle", "name": "Aisle", "description": "Aisle uses a natural, organic visual language with a focus on soft, inviting textures and a grounding palette. Typography balances modern, geometric forms with humanistic touches, creating approachability. Surfaces are generally flat and minimal, with subtle borders and inset shadows providing depth rather than heavy elevation. The design promotes a sense of calm and natural comfort, utilizing earth tones and a singular vibrant accent for key interactive elements.", "theme": "light", "industry": "ecommerce", "source_url": "https://periodaisle.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517271483-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517271483-thumb.jpg", "refero_style_id": "398e73b4-c1ea-4283-a1f7-f4d47a548b4b", "extracted_at": "2026-04-30T02:48:21.876Z", "path": "skills/aisle/DESIGN.md" }, { "id": "alba-condos", "name": "Alba Condos", "description": "Alba Condos employs a serene, minimalist aesthetic through a predominantly achromatic palette, emphasizing clean lines and spacious compositions. The design uses very subtle surface distinctions defined by thin borders rather than heavy shadows or color. Typography balances a delicate sans-serif with a more structured, widely tracked serif for an elevated, considered feel. Components are lightweight and ghosted, appearing as outlines that blend seamlessly into the neutral background.", "theme": "light", "industry": "other", "source_url": "https://www.albacondos.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516165977-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516165977-thumb.jpg", "refero_style_id": "cca15550-7845-46c6-8b12-b69c46e1a2b4", "extracted_at": "2026-04-30T02:29:46.706Z", "path": "skills/alba-condos/DESIGN.md" }, { "id": "alec-babala", "name": "Alec Babala", "description": "Alec Babala's design language is a 'Midnight Digital Blueprint', characterized by a singular, intense cobalt blue dominating the canvas. Text and interactive elements are rendered in stark white or subtly muted gray, creating high contrast and immediate focus. The system embraces a minimalist, high-density layout where content takes precedence, organized with subtle visual cues rather than heavy ornamentation. This creates a functional, almost stark, digital workspace feel.", "theme": "dark", "industry": "design", "source_url": "https://www.alecbabala.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515498768-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515498768-thumb.jpg", "refero_style_id": "067b502e-e428-4b7c-a367-fd10b4b58395", "extracted_at": "2026-04-30T02:18:34.083Z", "path": "skills/alec-babala/DESIGN.md" }, { "id": "alet", "name": "alet", "description": "ALET utilizes a muted, gallery-like aesthetic, offering an understated backdrop for its creative work. The design minimizes visual distractions, employing a monochrome palette dominated by dark text on a warm, desaturated canvas. Typography carries the primary visual weight, with elegant serifs for headlines and crisp sans-serifs for functional text, achieving a sophisticated yet grounded presentation. Interactive elements are subtle, blending into the background until hovered, emphasizing content over chrome.", "theme": "light", "industry": "agency", "source_url": "https://aletagency.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512890720-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512890720-thumb.jpg", "refero_style_id": "9b5203a8-07c8-4987-94c5-6411970896d2", "extracted_at": "2026-04-30T01:35:07.963Z", "path": "skills/alet/DESIGN.md" }, { "id": "all-in-one-salon", "name": "All-In-One Salon", "description": "GlossGenius feels like a sophisticated, yet approachable digital assistant for beauty professionals. Ultra-clean typography and a largely monochromatic palette create an immediate sense of clarity and organization. Unexpected pops of vivid yellow-green and pastel violet-blue provide energetic accents, reflecting the vibrancy of the beauty industry without being overwhelming. The soft, rounded elements contrast with the sharp Basel Grotesk text, balancing professionalism with user-friendliness.", "theme": "light", "industry": "saas", "source_url": "https://glossgenius.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933493846-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933493846-thumb.jpg", "refero_style_id": "7ad5549e-9baa-4fda-ac43-79d568a86b98", "extracted_at": "2026-04-11T18:51:54.756Z", "path": "skills/all-in-one-salon/DESIGN.md" }, { "id": "allbirds", "name": "Allbirds", "description": "Allbirds presents a natural, approachable e-commerce experience. Soft neutrals and muted chromatic colors provide a calming backdrop for product-focused layouts. The combination of a friendly sans-serif with a distinctive serif for headlines creates a balance of modern utility and understated elegance. Key elements like buttons and inputs feature large, almost pill-like border radii, contributing to an overall soft and inviting touch.", "theme": "light", "industry": "ecommerce", "source_url": "https://allbirds.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924481316-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924481316-thumb.jpg", "refero_style_id": "79d83fce-84bf-4e12-8039-5d283c98917c", "extracted_at": "2026-04-11T16:21:39.519Z", "path": "skills/allbirds/DESIGN.md" }, { "id": "allcaps", "name": "AllCaps", "description": "AllCaps is a stark, high-contrast system where typography takes center stage, often acting as the primary visual element. It uses pure white canvases and deep black text, punctuated by bold, almost neon, fuchsia and an unexpected violet. This creates an energetic and unconventional aesthetic focused on typographic expression rather than complex layouts or decorative elements. Surfaces are flat, and interactions are minimal, emphasizing direct visual communication.", "theme": "light", "industry": "design", "source_url": "https://www.allcapstype.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514360805-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514360805-thumb.jpg", "refero_style_id": "b024c7cb-c0b6-413d-9caf-5fec7ed5071e", "extracted_at": "2026-04-30T01:59:38.423Z", "path": "skills/allcaps/DESIGN.md" }, { "id": "alt-border", "name": "Alt–Border", "description": "Alt-Border embodies a minimalist art gallery aesthetic: stark white canvases juxtaposed with deep black text and hairline dividers. Layouts are tight and grid-based, preferring dense information presentation over expansive negative space. Typography is critical, using a precise, narrow sans-serif at varying weights for an intellectual and assertive tone. The visual system emphasizes content, with images acting as art pieces within structured frames, devoid of soft shadows or chromatic accents, relying on sharp contrast and precise alignment to communicate a high-end, curated feel.", "theme": "light", "industry": "design", "source_url": "https://www.alt-border.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513840718-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513840718-thumb.jpg", "refero_style_id": "5fd2cdc0-05ac-4290-b67c-72e7525a532c", "extracted_at": "2026-04-30T01:51:17.768Z", "path": "skills/alt-border/DESIGN.md" }, { "id": "alt-studios", "name": "Alt Studios", "description": "Alt Studios employs a stark, editorial aesthetic centered on high contrast and typographic hierarchy. The design is a minimal canvas of white punctuated by strong black text, prioritizing content with no distracting elements. Typography is compressed and commanding, acting as the primary visual language, creating a sense of directness and intellectual clarity.", "theme": "light", "industry": "agency", "source_url": "https://alt-studios.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518625989-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518625989-thumb.jpg", "refero_style_id": "b95143f4-f881-4118-acc4-aa97fbce463d", "extracted_at": "2026-04-30T03:10:48.928Z", "path": "skills/alt-studios/DESIGN.md" }, { "id": "altason", "name": "Altason", "description": "Atlason's visual system evokes a gallery of curated industrial design, prioritizing form and function through stark contrasts and precise typography. The aesthetic is black and white, with expansive negative space framing product visuals. Typography is compact and commanding, set in a sans-serif that conveys a sense of modernity and clarity. The overall impression is one of sophisticated minimalism, where every element is intentional and serves to highlight the featured works.", "theme": "light", "industry": "design", "source_url": "https://atlason.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512688433-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512688433-thumb.jpg", "refero_style_id": "e99ae628-89df-4de9-ab80-9885b1be4dc0", "extracted_at": "2026-04-30T01:31:53.504Z", "path": "skills/altason/DESIGN.md" }, { "id": "amie", "name": "Amie", "description": "Amie feels like a well-lit productivity workspace — bright white surfaces, almost clinical in their restraint, punctuated by a single electric sky-blue (#11a8ff) that fires only when action is required. The page is overwhelmingly neutral — 98% achromatic — making every chromatic moment (the amber highlight on 'without a bot', the green calendar icon, the violet tag) feel intentional rather than decorative. Inter at tight negative letter-spacing (-0.025em at display sizes) condenses headlines into confident blocks without weight extremes — weight 700 at 56px reads assertive but not aggressive. Cards use hairline 1px borders via layered near-invisible shadows rather than visible strokes, giving product UI previews the appearance of floating slightly off the page. The ghost 'Request a demo' button beside the filled CTA creates a paired choice architecture that recurs throughout the page.", "theme": "light", "industry": "productivity", "source_url": "https://amie.so", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777496407562-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777496407562-thumb.jpg", "refero_style_id": "29567671-da1e-4f85-ae52-8b611fecc384", "extracted_at": "2026-04-29T21:01:53.656Z", "path": "skills/amie/DESIGN.md" }, { "id": "amplemarket", "name": "Amplemarket", "description": "Amplemarket presents a high-tech sales platform aesthetic using a predominantly neutral palette punctuated by dynamic, soft-edged gradients. The visual system balances strong, clean typography with subtle, layered surface treatments, and sparse, vibrant background accents that suggest energy and movement. Interactive elements are clearly defined, often contrasting crisp type against dark fills or light backgrounds. The overall impression is one of restrained power and sophisticated utility.", "theme": "light", "industry": "ai", "source_url": "https://www.amplemarket.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508471223-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508471223-thumb.jpg", "refero_style_id": "db451eca-8de6-43a9-a5d5-35271befdffd", "extracted_at": "2026-04-30T00:21:41.789Z", "path": "skills/amplemarket/DESIGN.md" }, { "id": "anacuna", "name": "Anacuna", "description": "Anacuna embodies a striking 'digital Brutalism' aesthetic: stark contrast of black text on a generous white canvas, punctuated by ultra-minimalist interaction elements. Typography is primary, dominating the visual field with large, bold characters and precise tracking. Subtle borders and a single playful accent color soften the edges of this otherwise stark, information-dense interface, creating an experience that is both direct and distinctively artistic.", "theme": "light", "industry": "design", "source_url": "https://anacuna.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513420388-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513420388-thumb.jpg", "refero_style_id": "bb961b10-d437-4023-9201-a44349fe591f", "extracted_at": "2026-04-30T01:44:03.637Z", "path": "skills/anacuna/DESIGN.md" }, { "id": "analogue", "name": "Analogue", "description": "Analogue's design system evokes a dark, digital command center aesthetic with a focus on deep contrast and crisp typography. The visual mood is serious and professional, leveraging near-black and dark gray canvases accented by stark white and light gray text. Transparency and blur effects create a sense of depth and layered information, while minimal use of saturated color keeps the interface focused and understated, allowing the content to dominate.", "theme": "dark", "industry": "design", "source_url": "https://analogueagency.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507051087-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507051087-thumb.jpg", "refero_style_id": "f68dd3d8-e8fa-4d2c-8c59-28aba06c9d8a", "extracted_at": "2026-04-29T23:57:55.394Z", "path": "skills/analogue/DESIGN.md" }, { "id": "andagain", "name": "AndAgain", "description": "This design system presents as a stark, high-contrast monochrome environment, prioritizing sharp visual clarity and directness. The absolute black page background against crisp white typography defines its strong, almost severe, aesthetic. Information density is managed through precise typographic hierarchy and generous spacing, allowing the bold visual statements to breathe. The overall impression is one of confident, minimalist authority.", "theme": "dark", "industry": "agency", "source_url": "https://andagain.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925185739-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925185739-thumb.jpg", "refero_style_id": "ab2a0b58-377d-4674-986e-4abbdf6c49ed", "extracted_at": "2026-04-11T16:33:21.059Z", "path": "skills/andagain/DESIGN.md" }, { "id": "andreas-antonsson", "name": "Andreas Antonsson", "description": "This design system conjures the atmosphere of a clandestine gallery at twilight, where stark, graphic information exists within the dramatic interplay of light and shadow, and hero imagery is presented like precious art under a spotlight. Typography drives much of the visual drama: a bold, wide-set serif announces key content with a theatrical flourish, while precise, functional sans-serif provides navigational clarity and textual detail. The overall impression is one of curated intensity, favoring strong visual statements over intricate details or soft transitions.", "theme": "dark", "industry": "agency", "source_url": "https://andreasantonsson.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925748873-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925748873-thumb.jpg", "refero_style_id": "d14acfe3-20ea-4c18-be22-aba396b4fa80", "extracted_at": "2026-04-11T16:42:47.534Z", "path": "skills/andreas-antonsson/DESIGN.md" }, { "id": "angellist", "name": "AngelList", "description": "AngelList employs a sophisticated, dark-mode financial intelligence aesthetic. Deep, almost-black surfaces create a sense of gravitas, punctuated by crisp, light typography that stands out with authoritative clarity. Subtle green and muted violet accents are sparingly used for functional elements, guiding the eye without overwhelming the serious tone. Components feature soft, rounded edges and light borders, maintaining a sense of approachability within the otherwise robust system.", "theme": "dark", "industry": "fintech", "source_url": "https://www.angellist.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508647113-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508647113-thumb.jpg", "refero_style_id": "c75603c7-492d-4c26-9744-9acc22fe6225", "extracted_at": "2026-04-30T00:24:54.349Z", "path": "skills/angellist/DESIGN.md" }, { "id": "anna-j-na", "name": "Anna Jóna", "description": "Anna Jóna exudes a warm, sentimental aesthetic, anchored by a delicate pastel pink canvas and bold, heartfelt red accents. Typography is a key differentiator, combining an ornamental, expressive display font for headlines with a clean sans-serif for body text. Curved edges and organic shapes are prevalent, appearing in background elements and UI components, contributing to a soft, inviting atmosphere. The design prioritizes comfortable spacing and a touch of vintage charm, creating a distinct visual experience that feels both personal and curated.", "theme": "light", "industry": "other", "source_url": "https://annajona.is", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513419527-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513419527-thumb.jpg", "refero_style_id": "71717c5a-324a-40ed-8a09-9a35df74f1d3", "extracted_at": "2026-04-30T01:43:55.415Z", "path": "skills/anna-j-na/DESIGN.md" }, { "id": "anthropic", "name": "Anthropic", "description": "Anthropic's site runs on warm ivory parchment (#faf9f5) — not white, not gray, but the color of aged paper under good light. The palette is almost entirely achromatic, with the entire chromatic budget spent on a single earthy terracotta accent (#d97757) held in reserve in CSS tokens but largely absent from the visible UI. Two custom type families do all the personality work: Anthropic Sans drives navigation and UI at tight tracking, while Anthropic Serif delivers editorial weight in headlines and featured content — the serif-plus-grotesque pairing signals research institution, not startup. Headlines use a thick double-underline on key words (visible on 'research' and 'products') as the sole decorative device — it replaces color as the emphasis mechanism. The massive feature cards flip to near-black (#141413) background, creating hard-edged alternating surface bands with zero gradient or shadow softening.", "theme": "light", "industry": "ai", "source_url": "https://anthropic.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775930514139-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775930514139-thumb.jpg", "refero_style_id": "d469cba4-c448-4a43-a033-883f8bfcdc42", "extracted_at": "2026-04-11T18:03:53.342Z", "path": "skills/anthropic/DESIGN.md" }, { "id": "antimetal", "name": "Antimetal", "description": "Antimetal operates in two visual modes that coexist on one page: a deep navy-to-electric-blue hero that feels like staring into a server rack at night, and a near-white #f8f9fc product surface that reads like a technical dashboard in daylight. The transition between these modes is dramatic and intentional — dark atmospheric entry, then immediate pivot to a light, data-dense product UI. The single color that bridges both modes is a vivid chartreuse (#d0f100) used exclusively on primary CTAs, creating an almost jarring contrast against both the dark hero and the light product surface. Typography is custom throughout: abcdFont handles all UI at tight tracking (-0.016em), while ivarTextFont with OpenType alternates takes headlines at display sizes, giving the largest text a slightly editorial, high-craft quality uncommon in infrastructure tooling. Elevation is achieved through layered blue-tinted shadows (rgba(0,39,80,...)) rather than dark fills, so even raised surfaces feel part of the same chromatic family.", "theme": "mixed", "industry": "devtools", "source_url": "https://antimetal.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777506947507-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777506947507-thumb.jpg", "refero_style_id": "9f9a4a4f-1a27-47ca-a65b-68b9850a84e4", "extracted_at": "2026-04-29T23:58:04.471Z", "path": "skills/antimetal/DESIGN.md" }, { "id": "antonio-uve", "name": "Antonio Uve", "description": "Antonio Uve presents a playful, high-contrast digital notebook aesthetic. A bold primary background color dominates the canvas, creating an immediate and memorable visual statement. Typography is kept minimal, relying on a single, distinctive font to carry the identity. Interaction elements are subtle, often featuring ghost-like outlines and large radii, maintaining a light and airy feel despite the strong background color.", "theme": "light", "industry": "design", "source_url": "https://antoniouve.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513071607-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513071607-thumb.jpg", "refero_style_id": "532e9418-5b63-4465-9d7e-b1e2490023c5", "extracted_at": "2026-04-30T01:38:12.403Z", "path": "skills/antonio-uve/DESIGN.md" }, { "id": "apl-s", "name": "Aplós", "description": "Aplós employs a sophisticated, restrained aesthetic, balancing dark elegance with a warm, clean light theme for content. Stark monochrome primary surfaces create a high-contrast foundation. Typography is refined and understated, while interactive elements are subtly defined by borders rather than heavy fills. The system favors spacious layouts and soft transitions, suggesting a premium, calm, and deliberate user experience.", "theme": "mixed", "industry": "ecommerce", "source_url": "https://aplos.world", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517337965-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517337965-thumb.jpg", "refero_style_id": "765e6ba8-af87-4519-afb7-774ceedc463d", "extracted_at": "2026-04-30T02:49:17.789Z", "path": "skills/apl-s/DESIGN.md" }, { "id": "apollo", "name": "Apollo", "description": "Apollo presents a refined, almost austere, sales platform aesthetic. It combines a warm off-white canvas with stark black typography and a single, vibrant yellow-green accent that acts as a beacon for primary actions. Surfaces are clean and unblemished, focusing user attention on content and functionality, complemented by subtle, tactile border treatments rather than heavy shadows. The overall impression is one of grounded efficiency and direct communication.", "theme": "light", "industry": "saas", "source_url": "https://www.apollo.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508417335-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508417335-thumb.jpg", "refero_style_id": "3963a727-8dec-4308-80c0-3ae198d15b87", "extracted_at": "2026-04-30T00:20:46.897Z", "path": "skills/apollo/DESIGN.md" }, { "id": "apollographql", "name": "Apollographql", "description": "Apollo's design system evokes a 'deep space operations center' feel, using a dark, desaturated palette with a single vibrant accent. The dominant near-black background and off-white text establish a high-contrast, technical atmosphere. Subtle use of a vivid orange for primary calls to action creates focused points of visual energy, preventing the dark interface from feeling monotonous. Sharp edges combined with deep, pill-shaped buttons introduce a tension between precision and approachability, reinforcing an infrastructure brand that is both powerful and user-friendly.", "theme": "mixed", "industry": "devtools", "source_url": "https://apollographql.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932255790-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932255790-thumb.jpg", "refero_style_id": "65b30976-3663-40b2-8751-7a360ba74539", "extracted_at": "2026-04-11T18:31:14.994Z", "path": "skills/apollographql/DESIGN.md" }, { "id": "apple", "name": "Apple", "description": "Apple's MacBook Neo product page radiates cool luminosity — a gallery-white canvas where enormous weight-700 headlines at 80-96px dominate above feather-light body copy, creating a tension between mass and air. The page background stays #f5f5f7, one step off pure white, giving cards and content wells a surface-lift effect without any shadows. Negative letter-spacing tightens progressively with size — display headlines track at -0.022em while body text breathes at -0.003em, a signature move that makes large type feel chiseled rather than loose. The single interactive accent (#0071e3 CTA blue) appears only on the 'Buy' pill button and nav links, rationed so every appearance reads as an instruction to act. Product gradients — dark-to-citrus-green, dark-to-blue, dark-to-violet — serve as full-bleed theatrical backdrops for each color finish showcase, never decorating UI chrome.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.apple.com/macbook-neo", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776184254716-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776184254716-thumb.jpg", "refero_style_id": "c9cabb96-32fa-4896-837a-f2497ce1c856", "extracted_at": "2026-04-14T16:33:10.799Z", "path": "skills/apple/DESIGN.md" }, { "id": "arc", "name": "Arc", "description": "Arc's design feels like an iridescent canvas beneath structured content. A clean, spacious base of near-white `#fffcec` and `#ffffff` is contrasted by vibrant, gradient-heavy headers and footers that burst with energetic blues and purples. Typography utilizes tight letter-spacing for headlines, lending a crisp, almost digital precision, while interactive elements are defined by a singular, deep violet `#3139fb` and a distinct pill-shaped button style.", "theme": "light", "industry": "productivity", "source_url": "https://arc.net", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776119488452-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776119488452-thumb.jpg", "refero_style_id": "ca93daf1-daf3-41b7-8248-8f63082761e8", "extracted_at": "2026-04-13T22:31:56.196Z", "path": "skills/arc/DESIGN.md" }, { "id": "arcade", "name": "Arcade", "description": "Arcade presents a composed, polished aesthetic, prioritizing clarity and directness. The dominant whites and near-grayscale elements are punctuated by a single, vibrant blue, focusing attention and directing interaction. Subtle shadows build hierarchy and give a tactile quality to elements, making the UI feel grounded and precise. The generous use of rounded corners softens the otherwise direct typography, creating an accessible but authoritative tone.", "theme": "light", "industry": "design", "source_url": "https://arcade.software", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932692576-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932692576-thumb.jpg", "refero_style_id": "f65b0b91-bdd1-458d-8775-2f6fa8a9d4b1", "extracted_at": "2026-04-11T18:38:37.517Z", "path": "skills/arcade/DESIGN.md" }, { "id": "aristide-benoist", "name": "Aristide Benoist", "description": "Aristide Benoist employs a stark, high-contrast dark theme, creating a minimalist canvas for showcasing visual work. Typography plays a central role, utilizing custom fonts with distinct letter-spacing and compact line heights to establish a deliberate, almost architectural tone. Subtle use of a vivid yellow accent provides a critical but restrained counterpoint to the monochromatic surfaces, drawing attention to interactive elements without visual clutter. The overall presentation is sparse and content-focused, emphasizing precision and interaction.", "theme": "dark", "industry": "other", "source_url": "https://www.aristidebenoist.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515702824-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515702824-thumb.jpg", "refero_style_id": "0803e911-23ac-46aa-a770-007674906e73", "extracted_at": "2026-04-30T02:22:20.309Z", "path": "skills/aristide-benoist/DESIGN.md" }, { "id": "arket", "name": "ARKET", "description": "This design system presents an authoritative, understated retail experience, reminiscent of a high-end editorial magazine. A monochromatic palette with a subtle emphasis on crisp typography, particularly the distinct arketSansMono, defines its core. The sparing use of an inline link blue and subtle green for indicators provides functional accents without disrupting the minimal aesthetic. Element interactions are often border-based or purely typographical, favoring a quiet visual presence over ornate decoration.", "theme": "light", "industry": "ecommerce", "source_url": "https://arket.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932941371-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932941371-thumb.jpg", "refero_style_id": "3c605c8e-daf2-4d46-94d7-2cb705a93b7b", "extracted_at": "2026-04-11T18:42:42.221Z", "path": "skills/arket/DESIGN.md" }, { "id": "art-direction-design", "name": "Art Direction/Design", "description": "Lundqvist & Dallyn presents as a disciplined, high-contrast monochrome canvas, where bold typography and intentional negative space command attention. Visual information is presented with stark clarity, often reversing between black text on white and white text on black. The system uses a single, vibrant teal accent color sparingly, injecting a precise jolt of energy into an otherwise composed and minimal aesthetic. Imagery is integrated as bold, contained blocks, maintaining the overall sense of deliberate, high-impact design.", "theme": "light", "industry": "design", "source_url": "https://www.lundqvistdallyn.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520651091-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520651091-thumb.jpg", "refero_style_id": "733f32ca-efc3-40fb-bc58-327bd2b45828", "extracted_at": "2026-04-30T03:44:27.499Z", "path": "skills/art-direction-design/DESIGN.md" }, { "id": "art-in-dumbo", "name": "Art In DUMBO", "description": "Art In DUMBO employs a high-contrast, text-dominant aesthetic that prioritizes content display with minimal visual adornment. Typography is bold and direct, setting a clear, editorial tone. A singular, vivid orange serves as a powerful accent color, appearing primarily in functional contexts, while an accompanying soft green provides a secondary, grounding chromatic element. The design favors sharp edges and flat surfaces, maintaining a clear separation between content blocks.", "theme": "light", "industry": "media", "source_url": "https://artindumbo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520678846-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520678846-thumb.jpg", "refero_style_id": "5d79f0c2-526e-4c37-b780-08404f60839b", "extracted_at": "2026-04-30T03:44:58.639Z", "path": "skills/art-in-dumbo/DESIGN.md" }, { "id": "artem-militonian", "name": "Artem Militonian", "description": "This design system presents a stark, high-contrast digital Brutalism. The aesthetic relies on an absolute black-and-white palette, sharp typographic treatment, and a complete absence of soft edges or shadows. Visual interest is generated through oversized, tightly-tracked headlines and navigational elements, paired with a subtle, technical background graphic. The system maintains a utilitarian, almost 'command-line' feel.", "theme": "light", "industry": "design", "source_url": "https://artmilitonian.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519619794-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519619794-thumb.jpg", "refero_style_id": "c1749391-de9f-4500-a838-01d08a72fc00", "extracted_at": "2026-04-30T03:27:15.757Z", "path": "skills/artem-militonian/DESIGN.md" }, { "id": "arthursimonini", "name": "Arthursimonini", "description": "Arthur Simonini's website embodies a stark, high-contrast dark mode aesthetic, where elegant serif typography takes center stage on a pure black canvas. The design prioritizes visual drama and readability through extreme contrast and minimal UI elements. All interactive elements are presented in white, creating a luminous, ghost-like appearance that ensures focus on content.", "theme": "dark", "industry": "media", "source_url": "https://arthursimonini.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516013575-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516013575-thumb.jpg", "refero_style_id": "6778ff21-44eb-40f3-ba85-2ee7de935f8f", "extracted_at": "2026-04-30T02:27:50.401Z", "path": "skills/arthursimonini/DESIGN.md" }, { "id": "artisans-d-id-es", "name": "Artisans d'idées", "description": "Artisans d'idées employs a stark, high-contrast dark theme with minimal elements, creating a focused and atmospheric experience. Typography is extremely compact and tightly tracked, contributing to a sense of precision and restraint. The visual style revolves around black backgrounds, white text, and thin borders, ensuring all focus remains on the content through absence of distraction. Components are almost entirely conceptual, relying on typography and tight spacing rather than background fills or elevation to define boundaries.", "theme": "dark", "industry": "agency", "source_url": "https://www.artisansdidees.com/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517018826-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517018826-thumb.jpg", "refero_style_id": "4067a82e-c6fe-4236-9487-805f25c11864", "extracted_at": "2026-04-30T02:43:52.536Z", "path": "skills/artisans-d-id-es/DESIGN.md" }, { "id": "artworld", "name": "ARTWORLD", "description": "ARTWORLD projects an austere, gallery-like visual identity, dominated by stark black and white. Typography takes center stage, mixing a bold, modern sans-serif with an elegant serif in both regular and italic styles. The layout is spacious, giving elements ample room to breathe, while interactions are subtly expressed through text-only links and ghost borders.", "theme": "dark", "industry": "design", "source_url": "https://artworld.agency", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517395864-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517395864-thumb.jpg", "refero_style_id": "bab94db1-25ec-459d-8c81-5905a0324b65", "extracted_at": "2026-04-30T02:50:15.446Z", "path": "skills/artworld/DESIGN.md" }, { "id": "asana", "name": "Asana", "description": "Asana reads as a white canvas under a coral-and-violet editorial system — generous whitespace punctuated by a near-black (#0d0d0d) headline weight that commands attention, then released into light gray body copy. The signature move is two coexisting type voices: Ghost at 60-72px with -0.0070em tracking for display headlines that compress letter forms into dense, authoritative blocks, and TWK Lausanne at 300-500 weight handling everything else with a humanist openness. Pill buttons (100px+ radius) float as soft capsules against sharp-cornered cards (10-16px), creating gentle contrast between interaction surfaces and content containers. The coral tint (#ffeaec background, #690031 deep text) acts as a warm semantic accent for the product's brand-colored UI elements, while a saturated dark violet (#222875) marks interactive and informational states — both restrained to small, intentional doses against an otherwise achromatic canvas.", "theme": "light", "industry": "productivity", "source_url": "https://asana.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934085899-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934085899-thumb.jpg", "refero_style_id": "6b2a0513-df80-4140-87a8-38b1fef34313", "extracted_at": "2026-04-11T19:03:30.181Z", "path": "skills/asana/DESIGN.md" }, { "id": "ashleyandco", "name": "Ashleyandco", "description": "Ashleyandco presents a serene and understated aesthetic, rooted in subtle monochromatic branding. The interface uses generous white space and clean typography, establishing an atmosphere of calm and elegance. Components are defined by their soft ghost states and minimal borders, often blending seamlessly into surfaces, with primary actions expressed through subtle fill and text color shifts. The overall impression is one of quiet luxury, allowing content to take precedence.", "theme": "light", "industry": "ecommerce", "source_url": "https://ashleyandco.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521069208-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521069208-thumb.jpg", "refero_style_id": "645d7583-8391-455b-83d2-c95fb7fe91dc", "extracted_at": "2026-04-30T03:51:29.691Z", "path": "skills/ashleyandco/DESIGN.md" }, { "id": "assembly-coffee-london", "name": "Assembly Coffee London", "description": "Assembly Coffee London employs a sophisticated, dark-mode retail aesthetic that exudes understated luxury. A dominant charcoal canvas is punctuated by subtle, almost unnoticeable interactions and light typography. The brand expresses itself through refined product presentation and a restrained use of soft, warm accents for badges and subtle highlights rather than prominent branding features. Elements are typically unbordered, relying on subtle background shifts or very slight elevation for depth.", "theme": "dark", "industry": "ecommerce", "source_url": "https://assemblycoffee.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508256415-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508256415-thumb.jpg", "refero_style_id": "8288950a-2731-44fd-85ef-211aecd8091d", "extracted_at": "2026-04-30T00:18:06.743Z", "path": "skills/assembly-coffee-london/DESIGN.md" }, { "id": "astro", "name": "Astro", "description": "Astro's design system evokes a digital cosmos, combining deep, expansive dark backgrounds with vibrant, carefully placed gradients and neon-like accents. The visual identity balances technical precision with a sense of wonder, achieved through high-contrast typography against dark surfaces and circular forms paired with sharp geometric edges. Gradient overlays create an illusion of depth and energy, while a consistent approach to spacing ensures legibility and a comfortable user experience even within information-dense segments.", "theme": "dark", "industry": "devtools", "source_url": "https://astro.build", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923401594-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923401594-thumb.jpg", "refero_style_id": "e8c604cc-1c8d-42a3-aeca-fcfc25e70344", "extracted_at": "2026-04-11T16:03:44.886Z", "path": "skills/astro/DESIGN.md" }, { "id": "atlantis-technology", "name": "Atlantis Technology", "description": "Atlantis uses a high-contrast dark theme, creating a serious and impactful atmosphere. The design is dominated by deep space blacks and stark whites, with a single luminous orange accent for calls to action and critical highlights, balanced by a subtle, resonant purple for supporting elements. Typography is bold and concise, emphasizing clear messaging over visual noise. Surfaces are mostly flat, with minimal elevation implied through light borders rather than heavy shadows, and cards often feature asymmetric corner radii.", "theme": "dark", "industry": "saas", "source_url": "https://www.atlantistech.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519373430-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519373430-thumb.jpg", "refero_style_id": "8df07af7-5935-405f-a2df-65fbf9ca3db9", "extracted_at": "2026-04-30T03:23:12.779Z", "path": "skills/atlantis-technology/DESIGN.md" }, { "id": "atlas-card", "name": "Atlas Card", "description": "Atlas Card is a statement in understated luxury, built on a near-black canvas that allows its singular, deep violet accent to resonate with subtle authority. The design emanates a curated exclusivity through its scarce use of high-contrast elements, relying instead on a precise monochromatic scale and bespoke typography with unique letter-spacing to convey richness. Form is dictated by function, with oversized rounded buttons providing a soft, approachable counterpoint to the otherwise sharp, clean lines of the underlying layout.", "theme": "dark", "industry": "fintech", "source_url": "https://atlascard.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924224330-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924224330-thumb.jpg", "refero_style_id": "3f6ef3c1-f98f-4cd9-bdf0-545059758705", "extracted_at": "2026-04-11T16:17:25.246Z", "path": "skills/atlas-card/DESIGN.md" }, { "id": "atlassian", "name": "Atlassian", "description": "Atlassian's visual system evokes a highly organized and collaborative digital workspace, built on a foundation of crisp, accessible neutrality and punctuated by vibrant brand accents. The prominent use of `Slate 900` text on `Canvas Frost` backgrounds ensures high legibility, while `Periwinkle 500` brings an energetic, inviting feel to interactive elements. The system maintains order through a meticulous spacing hierarchy and subtle shadows on key cards, presenting a precise yet approachable tool for complex teamwork.", "theme": "light", "industry": "saas", "source_url": "https://www.atlassian.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777423385035-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777423385035-thumb.jpg", "refero_style_id": "c08ebca5-87d4-4c19-a5d7-ae5e670dae11", "extracted_at": "2026-04-29T00:43:32.510Z", "path": "skills/atlassian/DESIGN.md" }, { "id": "atmos", "name": "ATMOS", "description": "Atmos presents a serene, immersive experience with a light theme dominated by a vibrant blue sky gradient. Typography leans into a classic, elegant serif for branding contrasted with a clean sans-serif for content, creating a subtle tension between whimsy and readability. Large, expressive headlines set against spacious layouts evoke an ethereal, dreamlike atmosphere. The visual system minimizes UI elements, focusing instead on broad washes of color and text-centric communication.", "theme": "light", "industry": "other", "source_url": "https://atmos.leeroy.ca", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513065114-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513065114-thumb.jpg", "refero_style_id": "36cba9c4-9852-4f59-a52d-17be741f6ed8", "extracted_at": "2026-04-30T01:38:04.018Z", "path": "skills/atmos/DESIGN.md" }, { "id": "atoms", "name": "Atoms", "description": "This design system feels like a friendly, efficient digital workshop. It skillfully blends utility with approachable charm through its use of a clean, high-contrast palette predominantly featuring white and deep black text. The signature playful elements include the 'Atoms Blue' primary accent, soft rounded corners on interactive elements and cards, and a subtle card elevation that adds visual depth without distracting. This balance creates an experience that is both professional and inviting, hinting at complex technology made simple.", "theme": "light", "industry": "other", "source_url": "https://atoms.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926037236-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926037236-thumb.jpg", "refero_style_id": "537641a0-5a24-4203-ae9b-cd29516aa3f8", "extracted_at": "2026-04-11T16:47:38.841Z", "path": "skills/atoms/DESIGN.md" }, { "id": "attio", "name": "Attio", "description": "The design feels like a meticulously organized, high-end instrument. It operates on a starkly minimalist, black-and-white axis, where near-black (#1c1d1f) on pure white is the default state for text and primary actions. The most distinctive choice is the typographic duality: large, inviting headlines are set in the soft serif Tiempos Text, while the entire user interface, from buttons to body copy, uses the neutral sans-serif Inter. This creates a rhythm between approachable storytelling and functional precision. Color is used with extreme restraint, appearing as subtle accents for interactive states or status indicators, ensuring the user's focus remains on content and functionality. A consistent 10px radius on buttons provides a soft counterpoint to the otherwise sharp, grid-aligned UI frames.", "theme": "light", "industry": "saas", "source_url": "https://attio.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775928862011-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775928862011-thumb.jpg", "refero_style_id": "08c8700c-f278-42bc-812e-f60dc6ce996e", "extracted_at": "2026-04-11T17:35:30.082Z", "path": "skills/attio/DESIGN.md" }, { "id": "augen-pro", "name": "Augen Pro", "description": "This system projects an aura of understated precision and future-forward serenity, akin to a meticulously designed piece of advanced technology. The stark, high-contrast monochrome palette of near-black text on near-white surfaces emphasizes product clarity and intellectual rigor. A singular vivid blue accent hue is reserved exclusively for interactive elements, guiding user focus with subtle distinction rather than overt visual noise. Minimalist typography, combining readability with a touch of modern sophistication, reinforces a sense of controlled innovation.", "theme": "light", "industry": "saas", "source_url": "https://augen.pro", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925813903-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925813903-thumb.jpg", "refero_style_id": "0f7da1b2-9d06-4ef5-b5a8-ef7f92e57ab2", "extracted_at": "2026-04-11T16:43:52.253Z", "path": "skills/augen-pro/DESIGN.md" }, { "id": "aurora", "name": "Aurora", "description": "Aurora presents a high-tech, industrial aesthetic, blending a mostly achromatic canvas with stark blues for critical actions and highlight elements. The design prioritizes clear information hierarchy through distinct text color variations and generous spacing. Components are generally flat and functional, with subtle rounded corners indicating interactive elements or content containers, suggesting precision and reliability.", "theme": "light", "industry": "ai", "source_url": "https://aurora.tech", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509732684-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509732684-thumb.jpg", "refero_style_id": "fe7b8533-f56b-46bd-8713-f18886a1e986", "extracted_at": "2026-04-30T00:42:34.584Z", "path": "skills/aurora/DESIGN.md" }, { "id": "auros", "name": "Auros", "description": "Auros employs a deep-sea command center aesthetic: dark, absorbing tones of teal and blue-black serve as the canvas, punctuated by a radiant, almost neon gradient of pink, purple, and green. Typography is modern and precise, with a strong emphasis on spaciousness and clarity against the dark backdrop. Components are generally dark, with subtle variations in background teal for surface hierarchy, and liberal use of large radius values for a soft-edged feel. Accents are reserved for interactive elements and highlights, creating a focused, high-tech impression.", "theme": "dark", "industry": "fintech", "source_url": "https://auros.global", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519663568-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519663568-thumb.jpg", "refero_style_id": "21cfe0c1-778d-4613-9f47-a5718eb929b3", "extracted_at": "2026-04-30T03:28:12.849Z", "path": "skills/auros/DESIGN.md" }, { "id": "authkit", "name": "Authkit", "description": "AuthKit's design evokes an 'internal dashboard' feel — polished and functional without being sterile. Dark, translucent surfaces glow with subtle inner shadows and a restrained use of soft, muted blues. The sharp contrast between the deep `Midnight Abyss` background and crisp white text, paired with a limited palette of nearly achromatic blues, creates a sense of digital precision. The deliberate mix of round (`Pill`) and subtly rounded (`Subtle`) corners on different elements adds a tactile quality to the otherwise sleek, high-tech aesthetic, hinting at user-friendliness within a complex system.", "theme": "dark", "industry": "devtools", "source_url": "https://authkit.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923220797-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923220797-thumb.jpg", "refero_style_id": "e80231a2-e4d6-406a-a2c9-2e6109679690", "extracted_at": "2026-04-11T16:00:50.728Z", "path": "skills/authkit/DESIGN.md" }, { "id": "autosend", "name": "AutoSend", "description": "AutoSend employs a crisp, modern aesthetic built on a soft white canvas and strong typographic presence. A single vibrant violet is designated for primary actions, contrasting with otherwise subdued interactions. Surfaces are clean and often borderless, relying on subtle shadows for depth rather than heavy outlines. The system prioritizes clear information hierarchy and lightweight components, allowing content to take precedence.", "theme": "light", "industry": "saas", "source_url": "https://autosend.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508026241-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508026241-thumb.jpg", "refero_style_id": "3d6eda0c-16ab-4e7e-aca6-5f9a5432bfd1", "extracted_at": "2026-04-30T00:14:11.326Z", "path": "skills/autosend/DESIGN.md" }, { "id": "away", "name": "Away", "description": "This system evokes the precise, understated elegance of luxury travel goods, balancing functionality with a subtle hint of aspirational lifestyle. A near-monochromatic palette built on deep charcoal (#111111) and crisp white (#FFFFFF) defines the surfaces, accented by muted, earthy tones in photography. Typography leans into a custom sans-serif for headlines, providing a distinctive voice without being overly loud, reinforced by a tightly tracked, all-caps presentation for key navigation elements. The design prioritizes clear information hierarchy and a clean, almost modular aesthetic, avoiding excessive ornamentation or bold primary colors.", "theme": "light", "industry": "ecommerce", "source_url": "https://awaytravel.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924510994-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924510994-thumb.jpg", "refero_style_id": "3ddaa1f6-bebc-44e3-a6df-b653179f3fd9", "extracted_at": "2026-04-11T16:22:12.953Z", "path": "skills/away/DESIGN.md" }, { "id": "awwwards", "name": "Awwwards", "description": "This design system feels like a hyper-organized digital archive, presenting information with stark contrast and deliberate typography. A heavy reliance on achromatic tones (#222222, #e9e9e9, #ffffff) creates a crisp, no-nonsense canvas. The custom Inter Tight typeface with its wide range of weights and tight line heights defines a distinctive, modern editorial voice. Small, deliberate rounded corners and minimal visual decoration ensure focus remains squarely on core content, like a precise technical schematic.", "theme": "light", "industry": "design", "source_url": "https://awwwards.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923986587-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923986587-thumb.jpg", "refero_style_id": "a77a7289-3438-46ba-8194-214739e47514", "extracted_at": "2026-04-11T16:13:22.554Z", "path": "skills/awwwards/DESIGN.md" }, { "id": "axiom", "name": "Axiom", "description": "Axiom's design evokes a high-tech data interface, offering clarity and focus within a rich, dark environment. The foundational black (#000000) coupled with various shades of dark gray creates a deep, layered surface system without relying on heavy shadows. A single vivid orange (#DA5C2C) serves as the primary accent, providing clear calls to action and visual emphasis against the monochromatic backdrop. The minimal use of rounded corners (primarily 2px) maintains an industrial, precise feel, only softened by 9999px pill shapes for very specific interactive elements.", "theme": "dark", "industry": "devtools", "source_url": "https://axiom.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923322779-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923322779-thumb.jpg", "refero_style_id": "c809190a-035c-458d-87ed-4758807dd84e", "extracted_at": "2026-04-11T16:02:22.906Z", "path": "skills/axiom/DESIGN.md" }, { "id": "ayaka-b-ito", "name": "Ayaka B. Ito", "description": "Ayaka B. Ito's design system creates a soft, refined, and editorial feel through its use of muted, vintage-inspired color palettes that shift gracefully between sections. Typography is highly distinctive, featuring a delicate custom serif with generous tracking and unique ligatures, paired with a legible sans-serif for functional text. Components are minimal and ghost-like, prioritizing content and visual artistry over heavy UI elements. The overall presentation is that of a curated portfolio, where every detail contributes to an atmosphere of understated elegance and artistic craft.", "theme": "light", "industry": "design", "source_url": "https://ayakaito.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521134691-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521134691-thumb.jpg", "refero_style_id": "8ac43b3b-7139-4777-bc77-217614e01e89", "extracted_at": "2026-04-30T03:52:37.526Z", "path": "skills/ayaka-b-ito/DESIGN.md" }, { "id": "ayo", "name": "Ayo", "description": "Lava's design system evokes a 'midnight command center behind frosted glass' aesthetic with its deeply saturated dark theme and vibrant, multi-hued gradients. Typography is bold and compact, contrasting against the dark surfaces, and often utilizes fine weights to convey a sophisticated tone. Components are sharp-edged yet rounded for a tactile feel, featuring prominent glow effects and a scarcity of true white, reserving it for core text elements.", "theme": "dark", "industry": "media", "source_url": "https://www.joinlava.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515847886-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515847886-thumb.jpg", "refero_style_id": "e13dcc7e-27fa-46dd-a9a2-cee09c822793", "extracted_at": "2026-04-30T02:24:31.843Z", "path": "skills/ayo/DESIGN.md" }, { "id": "b-d-jams", "name": "B/D® JAMS", "description": "The B/D® JAMS design system presents a clean, editorial aesthetic reminiscent of a digital zine, prioritizing spaciousness and direct typography over decorative elements. Its visual language relies on a monochrome palette of stark black text and crisp backgrounds, occasionally softened by subtle gray borders. Layouts are deliberately sparse, framing content with generous whitespace, and interactions are signaled through direct text changes rather than elaborate animations or vivid highlights. Components are minimalist, focusing on function with zero radii and transparent backgrounds.", "theme": "light", "industry": "media", "source_url": "https://jams.basicagency.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512467827-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512467827-thumb.jpg", "refero_style_id": "f53d4664-017b-46d1-9336-ec555dc9022e", "extracted_at": "2026-04-30T01:28:03.991Z", "path": "skills/b-d-jams/DESIGN.md" }, { "id": "b-jka-studio", "name": "Bōjka Studio", "description": "Bōjka Studio uses a high-contrast, energetic visual language: a blindingly bright neon green dominates as the primary canvas, providing an unmissable backdrop. This vividness is grounded by uncompromisingly black, blocky typography that commands attention. Essential UI elements and navigation are stripped back to stark black and white, allowing the potent color-type dynamic to define the brand. The overall impression is direct, confident, and visually distinct.", "theme": "light", "industry": "agency", "source_url": "https://bojka.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517198916-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517198916-thumb.jpg", "refero_style_id": "286b6ba8-a45d-48e0-b556-ff6aeac68058", "extracted_at": "2026-04-30T02:46:57.910Z", "path": "skills/b-jka-studio/DESIGN.md" }, { "id": "b-line", "name": "B—Line", "description": "B—Line's visual system evokes a gallery of industrial design: a pristine white canvas showcases product photography and minimal UI elements. Black typography provides high contrast and a grounding presence. The density is compact, making efficient use of space to present a catalog of items with subtle interactive cues and minimal ornamentation. The entire aesthetic is about the product being the star, supported by an understated display system.", "theme": "light", "industry": "design", "source_url": "https://www.b-line.it", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514017215-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514017215-thumb.jpg", "refero_style_id": "3b9ed801-511c-48b6-b516-68b1aa8a36ea", "extracted_at": "2026-04-30T01:54:02.565Z", "path": "skills/b-line/DESIGN.md" }, { "id": "baggu", "name": "Baggu", "description": "Baggu presents a playful, utilitarian aesthetic with a grounded, earthy color palette and a strong geometric type identity. The design emphasizes clear, highly contrasted text against muted backgrounds, allowing product photography to introduce most of the vibrancy. Components are minimal, relying on strong typography and subtle borders for structure rather than heavy shadows or complex gradients. The overall density is compact yet breathable, making product information accessible without feeling crowded.", "theme": "light", "industry": "ecommerce", "source_url": "https://baggu.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508005791-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508005791-thumb.jpg", "refero_style_id": "39105d96-3cb1-497a-8f9f-507a1bed4d30", "extracted_at": "2026-04-30T00:13:44.384Z", "path": "skills/baggu/DESIGN.md" }, { "id": "ballpark", "name": "Ballpark", "description": "Ballpark's design conveys a sense of confident authority through its stark visual contrasts and structured layout. The interplay of deep, near-black text and crisp white backgrounds, punctuated by a single vibrant \\\"Rocket Red\\\" accent, creates a focused, high-contrast experience, much like an advanced research instrument. The generous use of space, especially around core content and within card structures, emphasizes clarity and reduces cognitive load, allowing complex information to be easily digestible. Distinctive rounded forms—from the extra-large button radii to the subtle card curves—soften the otherwise sharp edges, balancing precision with approachability.", "theme": "light", "industry": "other", "source_url": "https://ballparkhq.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933391174-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933391174-thumb.jpg", "refero_style_id": "9342e89b-c2fe-4acf-9993-53b44e0c13b5", "extracted_at": "2026-04-11T18:50:21.614Z", "path": "skills/ballpark/DESIGN.md" }, { "id": "balsa", "name": "Balsa", "description": "Balsa employs a modern, structured aesthetic, blending a pristine white canvas with soft, elevated cards to organize content. Typography is deliberately dense and confident, using strong impactful headlines and compact body text to convey information efficiently. A vibrant yellow and deep violet act as functional highlights, drawing attention to calls-to-action and important information within a predominantly achromatic interface. The overall impression is one of clarity, precision, and productivity.", "theme": "light", "industry": "productivity", "source_url": "https://www.balsa.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519159567-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519159567-thumb.jpg", "refero_style_id": "ebbfbc6a-988b-4f33-b261-d431b2327545", "extracted_at": "2026-04-30T03:19:52.273Z", "path": "skills/balsa/DESIGN.md" }, { "id": "bang-olufsen", "name": "Bang & Olufsen", "description": "This design system balances classic luxury with contemporary minimalism. Rich, deep indigo (#060daa) and elegant black (#191817) create a sophisticated backdrop, punctuated by a delicate, almost cream-colored off-white (#fcfaee) for textual contrast. The signature element is the custom BeoSupreme typeface, used across all text sizes, which brings a unique, refined character, with precise letter-spacing adjustments at every size. The dominant visual language is clean, centered product photography on stark backgrounds, framed by generous negative space and a strict typographic hierarchy.", "theme": "mixed", "industry": "ecommerce", "source_url": "https://bang-olufsen.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924446065-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924446065-thumb.jpg", "refero_style_id": "27a4a4fa-4b1a-4e7e-b2c3-3e5bf57f00e5", "extracted_at": "2026-04-11T16:21:06.829Z", "path": "skills/bang-olufsen/DESIGN.md" }, { "id": "bareis-nicolaus", "name": "Bareis + Nicolaus", "description": "Bareis + Nicolaus employs a high-contrast, starkly monochrome aesthetic defined by a dominant black canvas and pure white typography. The visual focus is on precise typographic hierarchy and minimal, utilitarian components. Interactivity is signaled through inverted color states or simple bordering, maintaining a graphic, almost print-like presentation with deep, comfortable spacing that allows elements to breathe.", "theme": "dark", "industry": "agency", "source_url": "https://www.bareis-nicolaus.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512921961-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512921961-thumb.jpg", "refero_style_id": "e80c5b4a-fd03-460e-a577-49928a4ab5db", "extracted_at": "2026-04-30T01:36:13.844Z", "path": "skills/bareis-nicolaus/DESIGN.md" }, { "id": "base", "name": "Base", "description": "Base projects a precise, technical elegance with a high-contrast achromatic canvas punctuated by a single vibrant violet accent. Typography is dominant, employing a stark sans-serif for headlines and a more functional family for body text, creating a strong editorial feel. UI elements are compact, utilizing ghost buttons and minimal borders to maintain a lightweight, ethereal presence while the branding color provides clear, unambiguous interactive states. The overall impression is digital, modular, and performance-oriented.", "theme": "light", "industry": "crypto", "source_url": "https://www.base.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509310101-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509310101-thumb.jpg", "refero_style_id": "530eb4cf-7e75-4833-95c9-746818050db7", "extracted_at": "2026-04-30T00:35:33.890Z", "path": "skills/base/DESIGN.md" }, { "id": "base-design", "name": "Base Design", "description": "Base Design uses a high-contrast, minimalist aesthetic that champions clarity and boldness. The visual style is dominated by stark black-on-white typography with generous negative space, creating a sense of understated authority. Large-scale branding elements are interspersed with functional text and navigation, all rendered with a consistent, precise typographic hierarchy. The overall impression is one of directness and sophisticated simplicity.", "theme": "light", "industry": "agency", "source_url": "https://www.basedesign.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513302275-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513302275-thumb.jpg", "refero_style_id": "6be758be-344f-4301-8ff9-60706356ea00", "extracted_at": "2026-04-30T01:42:17.364Z", "path": "skills/base-design/DESIGN.md" }, { "id": "base44", "name": "Base44", "description": "The Base44 design system feels like a softly lit, expansive workspace, where ideas emerge clearly against a gentle, optimistic backdrop. Pastel gradients and a predominant off-white canvas create an airy, unburdened atmosphere. Subtle dark gray text and muted interactive elements ensure focus remains on content creation, while distinct, vibrant accents like lime green and vivid orange are used sparingly for key actions, adding a precise, almost signal-like pop of functionality. Rounded corners on interactive components juxtapose with the generally crisp, unadorned typography, softening the technical edge of an AI platform.", "theme": "light", "industry": "ai", "source_url": "https://base44.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777421369053-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777421369053-thumb.jpg", "refero_style_id": "e869e214-f672-4ac3-bfc2-bd25de7b003b", "extracted_at": "2026-04-29T00:09:54.093Z", "path": "skills/base44/DESIGN.md" }, { "id": "basedash", "name": "Basedash", "description": "Basedash employs a 'dark studio canvas' aesthetic, designed to showcase product functionality with stark clarity against a deep, almost black background. White typography and a single vibrant purple accent provide functional highlights and interactive cues, giving the interface a precise, analytical feel. Components are minimalist, often defined by subtle borders or ghost styles, suggesting a lightweight and highly performant system. The overall impression is one of focused utility, where UI elements serve to illuminate data rather than compete with it.", "theme": "dark", "industry": "ai", "source_url": "https://www.basedash.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509754674-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509754674-thumb.jpg", "refero_style_id": "77b723ca-9583-4349-9b5e-2ef8b4fde002", "extracted_at": "2026-04-30T00:43:04.459Z", "path": "skills/basedash/DESIGN.md" }, { "id": "basement-studio", "name": "basement.studio", "description": "Pure void aesthetic — the page opens as a black rectangle with a single orange nav item and a whispered 'Scroll to Explore', then erupts into massive display type at 87px. The #000000 canvas is absolute, not 'dark gray' — no surface gradients, no depth layers, no decorative noise. Geist at 87px weight 600 with -0.04em letter-spacing is the visual anchor: compressed, wide, mechanical. The single accent, #ff4d00 ember orange, appears only on the active nav item — never on CTAs, never on buttons — making it feel like an indicator light, not a brand color. Grid-bordered client logo tiles in #454545 create a dense, file-cabinet inventory feel against pure black.", "theme": "dark", "industry": "agency", "source_url": "https://basement.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775945650527-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775945650527-thumb.jpg", "refero_style_id": "e06224b2-6d52-4d06-bbde-115cec719b47", "extracted_at": "2026-04-11T22:15:28.353Z", "path": "skills/basement-studio/DESIGN.md" }, { "id": "basic-dept", "name": "BASIC/DEPT®", "description": "This design system projects a refined, minimalist aesthetic through a stark monochrome palette punctuated by a single, muted accent. Predominantly light backgrounds with subtle texture create an expansive, almost gallery-like feel. Typography is paramount, delivered in a custom-designed, highly legible sans-serif with precise letter-spacing adjustments, fostering a sense of sharp, intellectual precision. The restrained use of an \\\"azalea\\\" pink shade for subtle interactive cues or emotive accents prevents the system from feeling cold, adding an unexpected, almost artistic touch amidst the otherwise severe structure.", "theme": "light", "industry": "agency", "source_url": "https://basicagency.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925518814-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925518814-thumb.jpg", "refero_style_id": "7bd31579-aec1-485c-91cf-72bbdfac40cd", "extracted_at": "2026-04-11T16:38:58.044Z", "path": "skills/basic-dept/DESIGN.md" }, { "id": "basic-space", "name": "Basic.Space", "description": "Basic.Space presents a stark, almost utilitarian aesthetic, building on a foundation of pure achromatic neutrals. The design is characterized by crisp lines, minimal ornamentation, and a compact, information-dense display of products. Typography is consistently dark and primary, creating a strong contrast against the light canvas, while interactive elements are subtly defined by thin borders and precise spacing rather than bold color accents.", "theme": "light", "industry": "ecommerce", "source_url": "https://basic.space", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521347480-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521347480-thumb.jpg", "refero_style_id": "d7096101-d33c-43b8-8b0b-d9dfff802db2", "extracted_at": "2026-04-30T03:56:21.493Z", "path": "skills/basic-space/DESIGN.md" }, { "id": "bastien-allard", "name": "Bastien Allard", "description": "Bastien Allard's design system creates a 'digital canvas' aesthetic: a stark white background accented by deep black typography and subtle greys, evoking the precision of architectural blueprints. The dominant characteristic is a compact, dense arrangement of content, with an emphasis on strong typographic forms. UI elements are rendered with fine borders rather than heavy fills, giving an airy yet structured feel. The visual language prioritizes information density and clarity through a high-contrast monochrome palette, with subtle hints of interaction through border changes, suggesting a lean, content-focused experience.", "theme": "light", "industry": "design", "source_url": "https://bastienallard.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519120467-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519120467-thumb.jpg", "refero_style_id": "3d126fb1-a7f2-439d-be96-04e4bacee8b1", "extracted_at": "2026-04-30T03:19:00.033Z", "path": "skills/bastien-allard/DESIGN.md" }, { "id": "baubauwerk", "name": "Baubauwerk", "description": "Baubauwerk presents a stark, high-contrast visual system built on uncompromising black and white. Typography carries the primary visual weight, feeling both academic and modern, with minimal use of color beyond functional roles. Surfaces are flat and unadorned, relying on crisp text and strong compositional lines rather than elevation or gradients. The overall atmosphere is direct, confident, and text-focused, allowing content to take precedence without visual interruption.", "theme": "light", "industry": "design", "source_url": "https://baubauwerk.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520590436-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520590436-thumb.jpg", "refero_style_id": "dbfeb56b-8802-4166-b51f-714b3cfddb40", "extracted_at": "2026-04-30T03:43:28.850Z", "path": "skills/baubauwerk/DESIGN.md" }, { "id": "bba-studio", "name": "BBA Studio", "description": "BBA Studio presents a stark, almost monochromatic design system built on a foundation of neutral tones. The visual language relies heavily on spaciousness and precise typography rather than vibrant color. Interactions are subtle, often indicated by a faint border change or a ghost button. The overall impression is one of restraint and architectural clarity, with content taking center stage on a light, unadorned canvas.", "theme": "light", "industry": "other", "source_url": "https://www.bbastudio.eu", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513976098-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513976098-thumb.jpg", "refero_style_id": "59998921-8f1e-4f47-849d-e2eea939b0ed", "extracted_at": "2026-04-30T01:53:13.065Z", "path": "skills/bba-studio/DESIGN.md" }, { "id": "bear-markdown-notes", "name": "Bear Markdown Notes", "description": "This system evokes clarity and approachability, like a crisp page from a digital notebook. Its light, airy aesthetic is built on a high-contrast palette of near-achromatic grays and subtle background tints, punctuated by a single vibrant red for brand presence and interactive elements. Soft 8px corner radii on interactive components and a few larger 16px/40px organic shapes add a friendly, understated warmth to the otherwise precise informational layout. The custom sans-serif typography, with a generous body line height, ensures a comfortable reading experience, reinforcing the app's focus on content.", "theme": "light", "industry": "productivity", "source_url": "https://bear.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926066430-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926066430-thumb.jpg", "refero_style_id": "4afe77ff-e7fa-41d8-96d6-ce8cdc159f97", "extracted_at": "2026-04-11T16:48:11.548Z", "path": "skills/bear-markdown-notes/DESIGN.md" }, { "id": "beau", "name": "Beau", "description": "Beau employs a crisp, structured aesthetic with a high-contrast monochrome palette. The design emphasizes clear information hierarchy through distinct text sizing and weight, creating a feeling of efficient precision. Components are lightweight and purposeful, relying on shape and direct color contrast rather than heavy ornamentation or shadows. A striking multi-color gradient introduces vibrancy in specific sections, acting as an energetic backdrop for otherwise stark content.", "theme": "light", "industry": "saas", "source_url": "https://beau.to", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520870731-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520870731-thumb.jpg", "refero_style_id": "c73ba3d8-42fe-4d53-bec1-b6643949c582", "extracted_at": "2026-04-30T03:48:13.259Z", "path": "skills/beau/DESIGN.md" }, { "id": "beautiful", "name": "Beautiful™", "description": "Beautiful™ uses a warm, inviting aesthetic with a creamy, almost edible color palette that feels like a home goods catalog. Typography blends classic serif with modern sans-serif for a confident yet approachable tone. Components emphasize soft, rounded edges and minimal elevation, fostering a tactile and gentle user experience. Color accents are reserved for primary calls to action, creating a subtle visual hierarchy without jarring contrasts.", "theme": "light", "industry": "ecommerce", "source_url": "https://cookwithbeautiful.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518501791-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518501791-thumb.jpg", "refero_style_id": "8e1c35bf-f0e8-4889-b869-d9883bb76767", "extracted_at": "2026-04-30T03:08:45.349Z", "path": "skills/beautiful/DESIGN.md" }, { "id": "becklyn", "name": "Becklyn", "description": "Becklyn employs a deep, inky canvas with stark white text, establishing a high-contrast foundation for a digital agency. Typography blends assertive, almost brutalist sans-serifs with classic serifs for accent, creating a mood of modern authority with a nod to traditional craft. Components are defined by sharp edges or subtle curves and ghost-like interactions, prioritizing functionality without heavy ornamentation. The visual system is rooted in a dark mode aesthetic, allowing a single vivid gradient accent to provide energetic punctuation against an otherwise monochrome backdrop.", "theme": "dark", "industry": "agency", "source_url": "https://becklyn.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513276160-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513276160-thumb.jpg", "refero_style_id": "3389358b-68b2-4fca-82a8-52c07b3a3475", "extracted_at": "2026-04-30T01:41:38.609Z", "path": "skills/becklyn/DESIGN.md" }, { "id": "bee-home", "name": "Bee Home", "description": "Bee Home's design system evokes a handcrafted blueprint aesthetic, combining structured layouts with an organic, tactile feel. Predominantly monochrome with subtle creams and charcoal grays, the visual system suggests natural materials and understated functionality. Typography uses a single confident, yet friendly, sans-serif, often in outlined states for interactive elements. Components prioritize soft edges and a light touch, focusing on content over heavy decoration.", "theme": "light", "industry": "design", "source_url": "https://www.beehome.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518529382-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518529382-thumb.jpg", "refero_style_id": "a2788be7-a5dc-4828-86b8-3c1345a25049", "extracted_at": "2026-04-30T03:09:09.350Z", "path": "skills/bee-home/DESIGN.md" }, { "id": "beehiiv", "name": "beehiiv", "description": "This design system presents a digital command center aesthetic, utilizing a deep navy background contrasted with vibrant magenta and electric blue accents. The visual tension comes from the interplay of sharp 6px radii for general elements and soft 9999px pill shapes for interactive components. Subtle gradients are layered on dark surfaces, creating depth and a sophisticated, tech-forward atmosphere, ensuring the platform feels powerful yet accessible for creators.", "theme": "dark", "industry": "saas", "source_url": "https://beehiiv.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924730522-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924730522-thumb.jpg", "refero_style_id": "350b1557-56f0-4361-8c8b-b7a88081982b", "extracted_at": "2026-04-11T16:25:52.239Z", "path": "skills/beehiiv/DESIGN.md" }, { "id": "behave-candy", "name": "BEHAVE Candy", "description": "BEHAVE Candy uses a playful, high-energy visual system. Vivid violet and bright lime green dominate, creating a bold, almost confectionery palette. Typography is robust and direct, set against ample background space. Components are clean and border-centric, often outlined in the brand's signature blue, maintaining a light, airy feel despite the strong color presence. The overall impression is fun, youthful, and direct.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.eatbehave.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520440476-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520440476-thumb.jpg", "refero_style_id": "5cc6e3be-1cbd-4d09-9958-9cb82b2487db", "extracted_at": "2026-04-30T03:41:01.769Z", "path": "skills/behave-candy/DESIGN.md" }, { "id": "belarosa-chalet", "name": "BelArosa Chalet", "description": "BelArosa Chalet evokes a bespoke alpine luxury aesthetic, blending raw natural textures with refined details. A palette of deep, muted teal and warm off-white creates an understated elegance, punctuated by a delicate golden accent. Typography combines the classic formality of ITC Giovanni Std with the modern versatility of Avenir LT Pro, applied at a comfortable density. Components are minimal, often outlined or ghosted, prioritizing content and image presentation over heavy UI elements.", "theme": "light", "industry": "agency", "source_url": "https://www.belarosa-chalet.ch", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513112362-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513112362-thumb.jpg", "refero_style_id": "46c8dbc5-47c8-4796-b94c-5e46dcda3532", "extracted_at": "2026-04-30T01:38:58.813Z", "path": "skills/belarosa-chalet/DESIGN.md" }, { "id": "bella-kitchen-appliances", "name": "bella Kitchen Appliances", "description": "The bella design system presents a warm, inviting feel through its use of soft, off-white backgrounds and a prominent, vibrant orange accent. Typography is a blend of classic and modern, conveying a comfortable yet sophisticated brand. Product showcases feature rounded cards that bring a friendly, approachable quality, contrasting with the crisp product imagery. The overall impression is clean, approachable, and focused on clear product presentation.", "theme": "light", "industry": "ecommerce", "source_url": "https://bellakitchenware.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508885302-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508885302-thumb.jpg", "refero_style_id": "e327d332-270d-4779-a55c-cd82b8624d2a", "extracted_at": "2026-04-30T00:28:23.590Z", "path": "skills/bella-kitchen-appliances/DESIGN.md" }, { "id": "benlongdendesign", "name": "Benlongdendesign", "description": "Benlongdendesign employs a stark, high-contrast visual language reminiscent of brutalist typography. The system is built on a foundation of absolute black and white, achieving visual power through scale and geometric precision rather than color. Typography is the primary visual element, commanding attention with large, condensed forms, while UI elements are minimal and primarily functional. The overall atmosphere is direct, bold, and unapologetic, using negative space to emphasize strong textual statements.", "theme": "light", "industry": "design", "source_url": "https://benlongdendesign.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519629522-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519629522-thumb.jpg", "refero_style_id": "753079bd-d32e-47c0-aa7d-75a36c44e324", "extracted_at": "2026-04-30T03:27:24.283Z", "path": "skills/benlongdendesign/DESIGN.md" }, { "id": "bento", "name": "Bento", "description": "Linktree employs a vibrant, high-contrast visual system built around playful, oversized typography and boldly colored, flat surfaces. The design makes liberal use of curved shapes, particularly extreme pill-like radii, creating a soft yet dynamic feel. Color functions primarily as an energetic accent, rotating through vivid primary and secondary hues to delineate sections and highlight interactive elements, while core content remains anchored by highly legible black text on clean white or near-white backgrounds. Components are lightweight with minimal elevation, emphasizing color and shape over heavy borders or shadows.", "theme": "light", "industry": "productivity", "source_url": "https://www.bento.me", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510893162-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510893162-thumb.jpg", "refero_style_id": "59ac8248-1d64-4df3-92f1-919b50e05602", "extracted_at": "2026-04-30T01:02:06.513Z", "path": "skills/bento/DESIGN.md" }, { "id": "berner-k-hl", "name": "Berner Kühl", "description": "Berner Kühl employs a refined, almost austere visual system, echoing the minimalist aesthetic of high fashion. The design relies on a stark monochrome palette, using deep black typography and thin borders against a pristine white canvas. Absence of color, strong typographic presence with a custom serif font, and precise, measured spacing create an atmosphere of understated luxury and exclusivity, rather than an interactive, feature-rich interface.", "theme": "light", "industry": "ecommerce", "source_url": "https://bernerkuhl.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512399399-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512399399-thumb.jpg", "refero_style_id": "51c1a411-cb0f-4b93-b03d-a3c31eeba93e", "extracted_at": "2026-04-30T01:26:55.309Z", "path": "skills/berner-k-hl/DESIGN.md" }, { "id": "beth-emily", "name": "Beth-Emily", "description": "Beth-Emily employs a 'peaceful minimalist' style, characterized by a muted, earthy color palette and a soft, understated typographic approach. The design emphasizes natural textures and subtle visual cues, allowing brand imagery and content to take precedence. Surfaces are generally light, with interaction points highlighted by gentle washes of color and a distinct lack of heavy shadows, conveying an organic and approachable feel.", "theme": "light", "industry": "design", "source_url": "https://beth-emily.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518876187-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518876187-thumb.jpg", "refero_style_id": "e777bc8c-91c8-4f4d-bd4d-1894abeba25d", "extracted_at": "2026-04-30T03:14:54.169Z", "path": "skills/beth-emily/DESIGN.md" }, { "id": "better-stack", "name": "Better Stack", "description": "Better Stack employs a 'deep space console' aesthetic, built on a dark, near-black canvas layered with subtly differentiated dark gray surfaces. Typography is compact and precise, maintaining excellent contrast. A single vivid violet hue provides functional accents for interactive elements and brand highlights, creating moments of focus within the muted interface. Components are lightweight with large border radii, suggesting touch-friendly forms on a data-dense, technical interface.", "theme": "dark", "industry": "devtools", "source_url": "https://betterstack.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510659246-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510659246-thumb.jpg", "refero_style_id": "1de273f2-166f-4526-8442-16cc39fc7fd5", "extracted_at": "2026-04-30T00:58:12.160Z", "path": "skills/better-stack/DESIGN.md" }, { "id": "biblioth-que", "name": "Bibliothèque", "description": "Bibliothèque embraces a stark, high-contrast dark mode aesthetic where pure black canvas meets crisp white typography. The design emphasizes content-forward presentation with minimal UI distraction, relying on a restrained typographic hierarchy and ample negative space to define structure. Interactions are subtle, often border-based, maintaining the monochrome integrity, with a focus on presenting strong editorial content without overt visual flair.", "theme": "dark", "industry": "design", "source_url": "https://bibliothequedesign.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515356101-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515356101-thumb.jpg", "refero_style_id": "5acff005-1871-4237-bc25-cdddf50edc70", "extracted_at": "2026-04-30T02:16:09.723Z", "path": "skills/biblioth-que/DESIGN.md" }, { "id": "binance", "name": "Binance", "description": "A confident financial-platform interface anchored on a deep near-black canvas, where Binance's iconic yellow (#FCD535) carries every primary CTA, brand accent, and value-claim moment. Type runs Binance's custom BinanceNova / BinancePlex stack at modest weights — the system trusts size and yellow voltage over bold weight. Marketing and product surfaces default to the dark theme; transactional surfaces (buy crypto, deposit, exchange) flip to a light theme that shares the same yellow CTAs and gray-blue hairlines. Trading green (up) and red (down) accents thread through both modes for price-direction signals.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/binance/DESIGN.md" }, { "id": "bird", "name": "Bird", "description": "Bird's design system evokes a midnight command center atmosphere, characterized by a predominantly dark canvas and a restricted, achromatic color palette. High contrast between crisp white text and dark backgrounds ensures legibility, while muted grays provide subtle visual hierarchy. The system prioritizes functional, compact layouts with soft-cornered components and a clean, unobtrusive feel, reserving color for minimal functional accents.", "theme": "dark", "industry": "ai", "source_url": "https://bird.com/en-us", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509597299-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509597299-thumb.jpg", "refero_style_id": "2ab1abbc-b9f5-418f-a36a-94a4eca74ba9", "extracted_at": "2026-04-30T00:40:15.596Z", "path": "skills/bird/DESIGN.md" }, { "id": "bitcoinos", "name": "BitcoinOS", "description": "BitcoinOS projects a dark, futuristic command center aesthetic: deep charcoal canvases, stark white typography, and structural borders define its visual identity. Typography is oversized and confident, with a mix of condensed and expanded forms to create a distinct, almost monumental feel. Components are lightweight and often border-defined rather than filled, conveying a sense of precision and advanced technology. The overall impression is one of a high-tech interface, authoritative yet minimal.", "theme": "dark", "industry": "crypto", "source_url": "https://bitcoinos.build", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507950357-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507950357-thumb.jpg", "refero_style_id": "bfd97dc2-5c12-483b-9101-ebfaf82ba83e", "extracted_at": "2026-04-30T00:12:56.281Z", "path": "skills/bitcoinos/DESIGN.md" }, { "id": "bitofdenim", "name": "Bitofdenim", "description": "Bitofdenim embraces a minimalist, sophisticated aesthetic, combining a stark, almost off-white canvas with deep, inky black typography. The visual hierarchy is established through a dramatic interplay of an oversized, highly stylized serif font for key branding against clean, monospace text for navigation and body. Imagery is given generous white space, creating a gallery-like feel where product visuals stand out with quiet confidence. The overall impression is one of artful restraint, allowing the unique typography and product imagery to dominate without visual clutter.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.bitofdenim.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516637642-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516637642-thumb.jpg", "refero_style_id": "823eb3b6-af04-4f13-875e-d83870cd48e1", "extracted_at": "2026-04-30T02:37:52.875Z", "path": "skills/bitofdenim/DESIGN.md" }, { "id": "block", "name": "Block", "description": "Block's design system embodies unadorned clarity: a stark white canvas serves as the backdrop for precise, centered typography. The visual language centers on minimal distraction, prioritizing content with a clean, almost ascetic aesthetic. Interaction is subtle, with elements distinguished primarily through typography and placement rather than color or elaborate surfacing.", "theme": "light", "industry": "fintech", "source_url": "https://block.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515965493-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515965493-thumb.jpg", "refero_style_id": "c9ec904b-49c9-49f5-96e6-49bd818cd952", "extracted_at": "2026-04-30T02:26:19.087Z", "path": "skills/block/DESIGN.md" }, { "id": "blok", "name": "Blok", "description": "Blok's design system uses a bright, energetic palette grounded in high-contrast monochromes. A vivid teal accent color provides functional punctuation for primary actions, while secondary interaction is highlighted with a striking blue. Typography is confident and direct, predominantly sans-serif, establishing clear hierarchy. Components are lightweight with minimal use of shadows, favoring crisp borders and rounded edges for interactive elements.", "theme": "light", "industry": "ecommerce", "source_url": "https://blokwatches.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514531678-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514531678-thumb.jpg", "refero_style_id": "7d10f1d6-f2a8-43ce-b055-6ddd74e3c7e1", "extracted_at": "2026-04-30T02:02:34.707Z", "path": "skills/blok/DESIGN.md" }, { "id": "bloomers", "name": "Bloomers", "description": "Bloomers evokes a soft, whimsical retro charm through a palette dominated by pastels and warm pinks, accented by a deep, desaturated 'Bloomer Brown' for text. Typography blends a flowing script for headlines with a clean, rounded sans-serif for body text, creating a contrast of playful elegance and clear readability. Components feature heavily rounded corners and subtle, colored shadows that give elements a gentle, lifted appearance, avoiding harshness. The overall aesthetic is light, airy, and feminine, with a spacious layout that emphasizes visual breathing room.", "theme": "light", "industry": "ecommerce", "source_url": "https://bloomers.com.br", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519447734-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519447734-thumb.jpg", "refero_style_id": "043f4cfb-9fe1-45bc-b4cb-8108fdb475fe", "extracted_at": "2026-04-30T03:24:33.087Z", "path": "skills/bloomers/DESIGN.md" }, { "id": "bluesky-social", "name": "Bluesky Social", "description": "Bluesky Social presents as a polished, no-nonsense social platform with a quiet confidence. The dominant achromatic palette of crisp whites and deep blacks, accented by a singular, bright blue, conveys focus on content rather than interface flourish. Consistent tight spacing and subtle border treatments maintain a sense of order while allowing user-generated content to take center stage.", "theme": "light", "industry": "media", "source_url": "https://bsky.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926047160-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926047160-thumb.jpg", "refero_style_id": "aa9234ca-0cc8-470b-bd38-398712de3e95", "extracted_at": "2026-04-11T16:47:49.332Z", "path": "skills/bluesky-social/DESIGN.md" }, { "id": "blueyard-capital", "name": "BlueYard Capital", "description": "BlueYard employs a subdued, almost ethereal visual language, combining soft, desaturated background gradients with sharp, low-contrast text. This creates a contemplative distance, positioning content as abstract concepts rather than immediate tasks. The color palette is driven by nuanced, muted accents primarily used for content categorization, lending a subtle, academic feeling to information blocks. Typography is spare and precise, reinforcing an impression of rigor and thoughtfulness, rather than bold proclamations.", "theme": "light", "industry": "fintech", "source_url": "https://www.blueyard.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515894207-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515894207-thumb.jpg", "refero_style_id": "ea11696a-17c0-41f8-9b08-c820851e0ea9", "extracted_at": "2026-04-30T02:25:11.045Z", "path": "skills/blueyard-capital/DESIGN.md" }, { "id": "bmw", "name": "BMW", "description": "BMW's corporate site — distinct from BMW M's motorsport-bombastic variant, this is a measured and settled corporate-automotive interface. On a light (cream-tinted white) canvas, BMW corporate blue (#1c69d4) carries every primary CTA; dark navy hero bands frame model photography. BMW Type Next Latin sets the entire hierarchy on two weights — heavy 700 display and Light 300 body. Configuration and reservation flows ride a card-based 4-up grid, where each card holds a model render, a name, and a \"Learn More\" link.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/bmw/DESIGN.md" }, { "id": "bmw-com", "name": "BMW.com", "description": "This design system projects an image of understated luxury and precision, typical of a high-end automotive brand. The focus on a monochrome palette with sharp contrasts and subtle textural shifts creates a refined, almost clinical atmosphere. Typography is the primary visual differentiator, using a bespoke font that balances technical exactness with approachable forms, especially in larger display sizes where its clarity is paramount. There is minimal use of color, which emphasizes content and maintains a strong, consistent brand presence.", "theme": "light", "industry": "other", "source_url": "https://bmw.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924844847-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924844847-thumb.jpg", "refero_style_id": "b8899cbd-e2ca-4069-83cf-d8f8b0d71100", "extracted_at": "2026-04-11T16:27:40.763Z", "path": "skills/bmw-com/DESIGN.md" }, { "id": "bmw-m", "name": "BMW M", "description": "A motorsport-engineering interface anchored on a near-black canvas with white BMW Type Next Latin display headlines in confident UPPERCASE. The brand carries no decorative voltage — its energy comes from full-bleed automotive photography (cars on tracks, driver-cockpit shots, carbon-fiber detail) and the iconic M tricolor stripe (light blue → dark blue → red) used sparingly as a brand signature on logos, dividers, and motorsport chrome. Type stays light to medium weight to feel European-engineered, never American-bombastic.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/bmw-m/DESIGN.md" }, { "id": "bokoko33-me", "name": "bokoko33.me", "description": "The bokoko33.me system presents a sparse, structured portfolio space, utilizing a near-monochrome palette with a single vibrant violet to delineate interactive elements and accents. Typography is compact and precise, favoring a monospace font that lends a technical, direct feel. Components are extremely lightweight, largely relying on subtle borders and minimal padding rather than heavy fills or shadows. The overall impression is one of uncluttered professional directness, where visual focus is drawn by clear information hierarchy and discrete points of color.", "theme": "light", "industry": "design", "source_url": "https://bokoko33.me", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513659499-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513659499-thumb.jpg", "refero_style_id": "075fda17-544b-4a02-86ff-5e3ea59f96d6", "extracted_at": "2026-04-30T01:47:56.135Z", "path": "skills/bokoko33-me/DESIGN.md" }, { "id": "bongusta", "name": "Bongusta", "description": "Bongusta embraces a minimalist approach with a subtle touch of warmth through its earthy, almost sepia-toned neutral palette. The system prioritizes clarity and directness with crisp typography, understated components, and an absence of heavy shadows or complex gradients. Visual hierarchy is achieved through careful typographic sizing and a singular, deep plum color that acts as the primary interactive and branding accent, offering a sophisticated contrast to the prevalent soft grays. Surfaces are uncluttered, and elevation is minimal, creating an open and airy feel.", "theme": "light", "industry": "ecommerce", "source_url": "https://bongusta.dk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512906964-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512906964-thumb.jpg", "refero_style_id": "588b79ff-97ee-4e90-951e-401ece6c5fe1", "extracted_at": "2026-04-30T01:35:30.078Z", "path": "skills/bongusta/DESIGN.md" }, { "id": "boords-com", "name": "boords.com", "description": "Boords presents a light and airy design that feels like an organized workshop, balancing clear information with subtle visual cues. The primary canvas of crisp Alabaster (#fafaf5) is contrasted by accents of playful Butterscotch (#e8aa42) and rich Charcoal (#121212) that anchor calls to action and create visual hierarchy. The consistent use of a custom \\\"Matter\\\" typeface provides a modern yet approachable voice, while distinct border radii like the 9999px pill shape for buttons introduce softness into an otherwise structured layout.", "theme": "light", "industry": "saas", "source_url": "https://boords.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777421171427-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777421171427-thumb.jpg", "refero_style_id": "c955d25a-b32a-441d-9f07-a260d1df897b", "extracted_at": "2026-04-29T00:06:37.694Z", "path": "skills/boords-com/DESIGN.md" }, { "id": "bou", "name": "Bou", "description": "Bou employs a crisp, airy aesthetic with clean typography and a strong emphasis on monochrome surfaces. Interactive elements are softened by extreme radii, creating a comfortable, approachable feel despite the stark black and white palette. Subtle background color shifts break up sections, while a singular light-green wash provides a moment of visual pause. The system prioritizes content legibility through high contrast and generous spacing.", "theme": "light", "industry": "agency", "source_url": "https://bou.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516253907-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516253907-thumb.jpg", "refero_style_id": "62911254-e6a9-4de8-bba1-accfc1a18da5", "extracted_at": "2026-04-30T02:31:17.014Z", "path": "skills/bou/DESIGN.md" }, { "id": "boutique8888", "name": "Boutique8888", "description": "Boutique8888 features a clean, high-contrast aesthetic with a distinct focus on clarity and directness. The visual system leverages a light canvas over a subtle background gradient, grounding prominent dark typography and dark-filled or light-outlined components. Interaction elements are clearly delineated through strong black and white contrast and rounded shapes, creating a focused and accessible user experience.", "theme": "light", "industry": "ecommerce", "source_url": "https://boutique8888.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517548444-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517548444-thumb.jpg", "refero_style_id": "56e48057-de3e-47b6-8e59-772440703f0a", "extracted_at": "2026-04-30T02:52:46.669Z", "path": "skills/boutique8888/DESIGN.md" }, { "id": "bpowell", "name": "Bpowell", "description": "The Bpowell design system embodies a stark, high-contrast aesthetic reminiscent of a gallery space. It leverages a predominantly monochrome palette, where extreme black and white create a dramatic backdrop for textual content. Typography is the hero, featuring bold, custom sans-serif fonts with distinct letter spacing used to define visual hierarchy and create a sense of impactful directness. Components are minimalistic, relying on negative space and precise typography to convey interaction rather than traditional buttons or elaborate graphic elements.", "theme": "mixed", "industry": "design", "source_url": "https://www.bpowell.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513174342-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513174342-thumb.jpg", "refero_style_id": "7afd842e-44d4-4f01-9ef5-683c31d820c9", "extracted_at": "2026-04-30T01:39:54.313Z", "path": "skills/bpowell/DESIGN.md" }, { "id": "braintrust-air", "name": "Braintrust AIR", "description": "Braintrust AIR evokes a 'Future-forward AI Workspace' aesthetic with a stark monochrome palette punctuated by a single vibrant accent. Layouts are spacious, utilizing ample whitespace to create a refined feel. Typography is precise and impactful, balancing boldness with understated elegance. Components maintain a light, often borderless appearance, suggesting functionality without heavy visual weight.", "theme": "light", "industry": "ai", "source_url": "https://www.usebraintrust.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510144709-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510144709-thumb.jpg", "refero_style_id": "64aadcc7-f884-41ea-9b0b-a90dfc10c9ec", "extracted_at": "2026-04-30T00:49:36.327Z", "path": "skills/braintrust-air/DESIGN.md" }, { "id": "brand", "name": "Brand", "description": "Dropbox's brand guidelines site employs a playful, almost kaleidoscopic visual system built on a vibrant and highly chromatic color palette. The layout uses a grid-based approach with large, color-blocked sections that shift dynamically, giving a sense of movement and modularity. Typography is clean and modern, providing clear information against the lively backgrounds. The design prioritizes distinctive branding through color and flexible, responsive layout rather than heavy shadows or complex gradients.", "theme": "light", "industry": "design", "source_url": "https://brand.dropbox.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508739299-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508739299-thumb.jpg", "refero_style_id": "f6fbc2fb-ea5d-44cc-a37d-d7896005acbd", "extracted_at": "2026-04-30T00:26:01.266Z", "path": "skills/brand/DESIGN.md" }, { "id": "branding", "name": "Branding", "description": "SVZ orchestrates a dramatic, high-contrast dark mode aesthetic, building 'digital worlds' with deep blacks and stark whites. Typography embraces expressive, bespoke typefaces with tight tracking, creating an impactful, almost architectural text presence. The system employs subtle textural overlays and an unexpected, vibrant red accent that pierces through the monochrome, signaling energy and action.", "theme": "dark", "industry": "agency", "source_url": "https://www.svz.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518442538-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518442538-thumb.jpg", "refero_style_id": "4d4772a3-e1da-415f-a6d7-658dcefdcecd", "extracted_at": "2026-04-30T03:07:47.938Z", "path": "skills/branding/DESIGN.md" }, { "id": "brav-studio", "name": "BRAVÒ STUDIO", "description": "BRAVÒ STUDIO employs a dark, almost monochrome aesthetic, creating a sense of understated drama. The primary visual element is often a central piece of media, framed by vast swaths of a deep, rich plum background. Typography is compact and precise, appearing as subtle, highly contrasted annotations or navigation elements rather than dominant content blocks. The system prioritizes stark legibility against a dark canvas, with minimal decorative elements, allowing the core content to take precedence.", "theme": "dark", "industry": "media", "source_url": "https://brv.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518072911-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518072911-thumb.jpg", "refero_style_id": "32fee900-17a5-4753-b08d-3c73f2d2f71f", "extracted_at": "2026-04-30T03:01:26.964Z", "path": "skills/brav-studio/DESIGN.md" }, { "id": "break-maiden", "name": "Break Maiden", "description": "Break Maiden employs a high-contrast cinematic dark mode, characterized by stark black backgrounds and bold, expansive white typography. The design emphasizes content-first presentation, with large product imagery and minimal UI adornment. Typography is used as a primary design element, leveraging a custom, display-style sans-serif for striking headlines. Interaction is subtle, relying on ghost elements and border changes rather than saturated color for feedback, creating a focused and dramatic visual experience.", "theme": "dark", "industry": "agency", "source_url": "https://www.breakmaiden.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520445024-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520445024-thumb.jpg", "refero_style_id": "02610b06-d16e-47bd-a1ea-18979a9ed4f5", "extracted_at": "2026-04-30T03:41:05.192Z", "path": "skills/break-maiden/DESIGN.md" }, { "id": "brex", "name": "Brex", "description": "Brex's design system evokes a sense of quiet authority and precision, like a finely engineered financial instrument. It relies on a high-contrast achromatic palette for clarity, punctuated by a single vibrant orange for critical actions. The interplay of strong typography, including a custom headline font, and a disciplined use of space, crafts an experience that feels both robust and approachable, grounding complex financial offerings in visual simplicity.", "theme": "light", "industry": "fintech", "source_url": "https://brex.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924115534-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924115534-thumb.jpg", "refero_style_id": "b58d92f6-68a8-4358-8fc9-6ea58e6d483b", "extracted_at": "2026-04-11T16:15:34.365Z", "path": "skills/brex/DESIGN.md" }, { "id": "brisbane-web-developer", "name": "Brisbane Web Developer", "description": "This design system evokes the ambiance of a high-end art gallery, where precise visual arrangement and subtle material textures give objects a curated weight. A minimalist palette of near-white, light gray, and charcoal provides a neutral stage, making the content—especially project thumbnails framed by soft shadows—the primary visual event. The extensive use of achromatic tones ensures a calm, contemplative experience, subtly emphasizing the work itself rather than decorative flair. Sparse, intentional typography with a high degree of contrast feels both academic and accessible.", "theme": "light", "industry": "agency", "source_url": "https://carlbeaverson.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925627735-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925627735-thumb.jpg", "refero_style_id": "23d83a89-8f22-405a-aa33-74fd0ebde9d8", "extracted_at": "2026-04-11T16:40:47.490Z", "path": "skills/brisbane-web-developer/DESIGN.md" }, { "id": "bruno-arizio", "name": "Bruno Arizio", "description": "Bruno Arizio’s visual identity is a minimalist stage for its content: a high-contrast aesthetic with deep black surfaces serving as a canvas for finely tuned typography. The overall impression is one of stark elegance, where design elements recede to emphasize the work itself. Text and interactive elements are rendered in a precise, almost monochromatic palette, relying on subtle variations in gray and highly specific typographic choices to convey hierarchy and interaction. The design prioritizes content visibility and a clean, unobtrusive user experience.", "theme": "dark", "industry": "design", "source_url": "https://brunoarizio.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521631264-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521631264-thumb.jpg", "refero_style_id": "1f2cc429-a7e5-4248-b41d-cf372fd9ec95", "extracted_at": "2026-04-30T04:00:53.177Z", "path": "skills/bruno-arizio/DESIGN.md" }, { "id": "bryn-taylor", "name": "Bryn Taylor", "description": "Bryn Taylor's design system is a monochrome, content-first experience, akin to a meticulous architect's portfolio. Its character emerges from sharp typographic forms against subtle, almost imperceptible greys. Interactivity is defined by a deep ink-black paired with crisp white, creating a high-contrast focal point for user actions. The visual system prioritizes clarity and directness, using minimal adornment and robust typography to convey expertise.", "theme": "light", "industry": "design", "source_url": "https://www.bryntaylor.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520231922-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520231922-thumb.jpg", "refero_style_id": "5297b1bf-5001-4421-83ca-cc327877c858", "extracted_at": "2026-04-30T03:37:31.199Z", "path": "skills/bryn-taylor/DESIGN.md" }, { "id": "bugatti", "name": "Bugatti", "description": "An austere luxury-automotive interface that uses near-pure black canvas, white uppercase letterspaced display, and full-bleed automotive photography as the only voltage. The system runs three custom Bugatti typefaces — Bugatti Display, Bugatti Text Regular, and Bugatti Monospace — and combines them at modest weights with wide tracking to feel European-engineered, hyper-minimal, and quietly expensive. There is no accent color, no decorative element, no chrome — only photography, typography, and the brand wordmark.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/bugatti/DESIGN.md" }, { "id": "buildinamsterdam", "name": "Buildinamsterdam", "description": "This design system is a study in stark binary opposition: pure black meets true white. The strong contrast, devoid of grays, creates an assertive and dramatic stage. Typography is the primary vehicle for visual interest, with a tight letter-spacing and varied weights creating a dynamic yet refined presentation. The single pop of 'Ancient Gold' is a subtle, almost luxurious, counterpoint to the monochromatic foundation, hinting at a hidden richness beneath the surface.", "theme": "mixed", "industry": "agency", "source_url": "https://buildinamsterdam.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925141813-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925141813-thumb.jpg", "refero_style_id": "df452116-6b43-4963-991b-ebae892c8dc1", "extracted_at": "2026-04-11T16:32:39.422Z", "path": "skills/buildinamsterdam/DESIGN.md" }, { "id": "bumble", "name": "Bumble", "description": "Bumble's visual system evokes a playful confidence through its dominant bright yellow canvas and bold, heavy typography. Interaction is signaled by a shift from the signature brand yellow to crisp white and deep charcoal for actionable elements. Surfaces generally remain flat or minimally elevated with rounded corners, maintaining a light and open aesthetic that allows photographic content to take center stage.", "theme": "light", "industry": "other", "source_url": "https://bumble.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510742504-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510742504-thumb.jpg", "refero_style_id": "f32595cf-478e-4ccd-8722-0daffa693d76", "extracted_at": "2026-04-30T00:59:27.233Z", "path": "skills/bumble/DESIGN.md" }, { "id": "bun", "name": "Bun", "description": "This design system conjures a high-tech laboratory vibe, a 'synthesized chaos' where sophisticated functionality meets playful, almost neon, branding. The dominant dark charcoal background creates a stark stage for bursts of vivid pinks and violets. Careful use of these vibrant chromatic accents for interactive elements and key messaging prevents visual fatigue, while subtle textural gradients and inner borders add depth to an otherwise flat dark aesthetic. The fusion of precise monospace code snippets with the broader system font reflects the dual nature of developer tools: serious, technical work presented with an engaging, almost futuristic flair.", "theme": "dark", "industry": "devtools", "source_url": "https://bun.sh", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923049306-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923049306-thumb.jpg", "refero_style_id": "408a149c-702f-4442-99df-bea49d9c0d9b", "extracted_at": "2026-04-11T15:57:56.162Z", "path": "skills/bun/DESIGN.md" }, { "id": "bunsa-studio", "name": "Bunsa Studio", "description": "Bunsa Studio employs a 'sun-drenched architectural drafting' aesthetic, primarily using a stark achromatic palette of crisp white and deep black. A single, vibrant blue serves as the sole accent, appearing as sharp-edged navigation elements and subtle interactive cues. Typography is minimal and bold, favoring strong contrasts. The overall impression is one of confident restraint, with design elements serving a clear functional purpose rather than decorative flourish.", "theme": "light", "industry": "design", "source_url": "https://bunsa.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517942298-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517942298-thumb.jpg", "refero_style_id": "16e75fc0-5939-40e7-a187-b2f3b70fdafe", "extracted_at": "2026-04-30T02:59:19.042Z", "path": "skills/bunsa-studio/DESIGN.md" }, { "id": "busuu", "name": "Busuu", "description": "Busuu's design creates an educational and encouraging atmosphere through its vibrant, optimistic color palette and clear, structured layout. A dominant hero section with a gradient background grounds the brand's primary visual identity, which then transitions into a clean, spacious white canvas. Vivid blue and a unique, bright green act as key interactive accents, indicating engagement and positive action, while the consistent use of rounded corners on buttons and navigation elements softens the overall feel, enhancing approachability.", "theme": "light", "industry": "other", "source_url": "https://busuu.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933069275-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933069275-thumb.jpg", "refero_style_id": "72b85d0a-1ff8-4dd3-b33a-f55aad6df5c9", "extracted_at": "2026-04-11T18:44:47.482Z", "path": "skills/busuu/DESIGN.md" }, { "id": "busy-bee-honey", "name": "Busy Bee Honey", "description": "Busy Bee Honey's design system evokes a rustic, wholesome, and approachable brand character. It uses warm, earthy tones contrasting with a clean, light background and vibrant accent colors. Typography combines a classic serif for branding and headings with highly legible sans-serif for body text, creating a sense of heritage and trustworthiness. Components are soft and generous, prioritizing comfort over sharp precision, with rounded shapes and ample padding.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.busybeehoney.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508110654-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508110654-thumb.jpg", "refero_style_id": "9836e7c2-ac8e-453d-bdef-2677eb078d59", "extracted_at": "2026-04-30T00:15:32.732Z", "path": "skills/busy-bee-honey/DESIGN.md" }, { "id": "butt-studio", "name": "BUTT STUDIO", "description": "BUTT STUDIO employs a high-contrast aesthetic blending stark whitespace with deeply saturated accents. Typography is a focal point, using a mix of classic serif and system sans-serif for clear hierarchy. Layouts are spacious, allowing content and bold elements to breathe, while interactions are subtly animated. The overall impression is one of artful simplicity, where carefully chosen details make a strong visual statement without clutter.", "theme": "light", "industry": "design", "source_url": "https://www.butt-studio.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519736324-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519736324-thumb.jpg", "refero_style_id": "c6e55968-fa2d-47c9-b833-2c4ad1e74906", "extracted_at": "2026-04-30T03:29:10.098Z", "path": "skills/butt-studio/DESIGN.md" }, { "id": "buzz-usborne", "name": "Buzz Usborne", "description": "Buzz Usborne's design system presents as a clean, spacious canvas with a playful, yet strong typographic voice. The visual identity relies on a dominant dark gray for text and primary interactive elements, accented by a single vivid violet for subtle button detailing, creating a sense of understated vibrancy. Component surfaces and backgrounds are kept pristine white, emphasizing content and a lightweight feel. Overall, the system projects an approachable, content-focused atmosphere, leaning on personality in typography rather than complex color schemes or heavy ornamentation.", "theme": "light", "industry": "design", "source_url": "https://buzzusborne.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519880666-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519880666-thumb.jpg", "refero_style_id": "b4f05d63-a3b3-416e-b1ab-8152f1ee7632", "extracted_at": "2026-04-30T03:31:33.733Z", "path": "skills/buzz-usborne/DESIGN.md" }, { "id": "cake-equity", "name": "Cake Equity", "description": "Cake Equity's visual system evokes a precise, supportive atmosphere with a foundation of stark neutrals and a vibrant, warm purple accent. Clean surfaces and intentional use of border radii define interactive elements and containers. Typography is confident and direct, emphasizing clear information hierarchy, while a bright lime green and soft blue punctuate feature areas.", "theme": "light", "industry": "fintech", "source_url": "https://www.cakeequity.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510627542-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510627542-thumb.jpg", "refero_style_id": "4c33d8fe-81d5-46cb-9dc1-dd231be1c9ec", "extracted_at": "2026-04-30T00:57:36.452Z", "path": "skills/cake-equity/DESIGN.md" }, { "id": "cal", "name": "Cal.com", "description": "A clean, calendar-software-first interface anchored on white canvas with black primary CTAs and custom Cal Sans display typography. The system reads as friendly modern SaaS — generous whitespace, soft-rounded cards (~12px), product UI fragments shown directly inside cards, and a dark navy footer that visually closes long-scroll pages. Brand voltage comes from the Cal Sans display headline (a custom geometric face) and from product UI artifacts shown in-card rather than from accent colors.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/cal/DESIGN.md" }, { "id": "cal-com", "name": "Cal.com", "description": "The design feels like a pragmatic, high-precision instrument. It's built on a strict and disciplined monochrome palette of black, white, and echelon grays, where color is intentionally excluded from the core UI to emphasize function. The custom font, 'Cal Sans', defines the visual identity with its geometric yet open letterforms, giving headlines a technical but approachable character. Nearly all interactive elements are either solid black or pill-shaped outlines, creating a binary system of action. Cards are the fundamental building block, using soft 8-12px radii and extremely subtle shadows to create a quiet, layered topology on a light gray background.", "theme": "light", "industry": "productivity", "source_url": "https://cal.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775928760847-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775928760847-thumb.jpg", "refero_style_id": "5d7aa503-8cfa-49a4-bd3b-0c2f0f075c70", "extracted_at": "2026-04-11T17:33:49.454Z", "path": "skills/cal-com/DESIGN.md" }, { "id": "calendly-com", "name": "Calendly.com", "description": "Calendly presents a bright, approachable interface with a strong focus on clear information hierarchy and intuitive interaction. The dominant visual pairing of deep indigo (#0B3558) for prominent text and an active blue (#006BFF) for interactive elements establishes a professional yet friendly tone. Subtle shadows and consistent corner radii on cards and buttons create a sense of tangible depth, grounding the digital experience in a visually comfortable space.", "theme": "light", "industry": "productivity", "source_url": "https://calendly.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932002794-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932002794-thumb.jpg", "refero_style_id": "9946887b-ffa9-4276-af81-ae6352795afb", "extracted_at": "2026-04-11T18:27:07.538Z", "path": "skills/calendly-com/DESIGN.md" }, { "id": "campsite", "name": "Campsite", "description": "Campsite presents a pragmatic, focused aesthetic, prioritizing content clarity over visual embellishment. A mostly grayscale palette punctuated by sparse, functional pops of color guides attention without distraction. Typography is both compact and airy, creating easily scannable information blocks. The overall effect is one of quiet efficiency, like a well-organized office stripped of excess.", "theme": "light", "industry": "productivity", "source_url": "https://campsite.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922929292-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922929292-thumb.jpg", "refero_style_id": "e8589e7c-5ba9-4923-aa7f-0f1bf0d679be", "extracted_at": "2026-04-11T15:55:51.252Z", "path": "skills/campsite/DESIGN.md" }, { "id": "canva", "name": "Canva", "description": "Canva's design language evokes a vibrant, creative toolkit, powered by a dynamic and playful color spectrum. The foundation is a cool, dark canvas illuminated by a kaleidoscope of vivid gradients and accent colors, signaling a platform built for imagination. A consistent softness is achieved through prevalent 8px and 9999px border radii, contrasting with the sharpness of sans-serif typography. This creates an accessible but powerful experience, where creativity feels both boundless and precisely guided.", "theme": "mixed", "industry": "design", "source_url": "https://canva.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776119257790-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776119257790-thumb.jpg", "refero_style_id": "62f89392-609d-45b7-b9df-7a5acd529864", "extracted_at": "2026-04-13T22:28:04.561Z", "path": "skills/canva/DESIGN.md" }, { "id": "cards-against-humanity", "name": "Cards Against Humanity", "description": "Cards Against Humanity Climate Catastrophe Pack projects an urgent, confrontational aesthetic: stark black and off-white surfaces, punctuated by a vibrant, almost aggressive red, and an eclectic, distressed display typography. The design leans into a deliberately unpolished, DIY feel, using basic geometric shapes, high-contrast text, and a loose rhythm of concentric circles and scattered warning icons. This visual system aims to grab attention and provoke, mirroring the brand's irreverent tone with bold, no-nonsense presentation.", "theme": "dark", "industry": "other", "source_url": "https://www.climatecatastrophepack.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515880315-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515880315-thumb.jpg", "refero_style_id": "cef9a300-8513-46c2-9c2c-c0016e5a5d30", "extracted_at": "2026-04-30T02:25:05.805Z", "path": "skills/cards-against-humanity/DESIGN.md" }, { "id": "cargo", "name": "Cargo", "description": "The design system of santijaramillo.com presents a straightforward, minimalist interface, primarily leveraging default browser styles with carefully selected overrides. Its visual identity is defined by a utilitarian palette of strong achromatic colors and a single vivid blue for active elements and links. Typography relies on system fonts, prioritizing direct communication over decorative flourish. Components are sparse, focusing on direct textual information with minimal visual ornamentation, creating an atmosphere of functional clarity.", "theme": "light", "industry": "other", "source_url": "https://santijaramillo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518148802-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518148802-thumb.jpg", "refero_style_id": "27f128c6-d381-4915-a6c7-078a54bc6fab", "extracted_at": "2026-04-30T03:02:54.887Z", "path": "skills/cargo/DESIGN.md" }, { "id": "carrot", "name": "Carrot", "description": "Carrot's design system combines a striking, saturated lime green with high-contrast black and white, creating an energetic and direct visual identity. Typographically, it pairs the classic, weighty serifs of Signifier for headlines with the modern, adaptable sans-serif of DM Sans for body text. Components are sharp and unadorned, reflecting a focus on clear information and straightforward interaction rather than soft or ornamental aesthetics. The overall impression is bold, assertive, and highly functional, leveraging strong color blocking and crisp typography.", "theme": "light", "industry": "other", "source_url": "https://carrot.tech", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512231167-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512231167-thumb.jpg", "refero_style_id": "a7a69d27-e1a9-4322-b58f-3c7633fdc60d", "extracted_at": "2026-04-30T01:24:15.283Z", "path": "skills/carrot/DESIGN.md" }, { "id": "caserne", "name": "Caserne", "description": "Caserne employs a stark, high-contrast dark mode aesthetic, emphasizing content through its absence of clutter. Typography is the primary visual element, with a single, highly legible sans-serif font deployed across various weights. A singular vivid orange serves as the functional accent, acting as a precise visual punctuation against the expansive black and white canvas. The design prioritizes a minimalist presentation, allowing large-format imagery and bold type to command attention.", "theme": "dark", "industry": "design", "source_url": "https://caserne.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521007065-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521007065-thumb.jpg", "refero_style_id": "c2702938-b670-414c-ba47-94618212085e", "extracted_at": "2026-04-30T03:50:23.130Z", "path": "skills/caserne/DESIGN.md" }, { "id": "cassette", "name": "Cassette", "description": "Cassette employs a retro-futuristic, bold aesthetic centered on high-contrast black and yellow. Textures are a key visual element, with a CRT-like grain applied to background surfaces. Typography is compact and functional, balancing a monospaced font for details with a humanist sans-serif for impact. Components are lightweight with distinctive extreme corner rounding, contrasting with the sharp, graphic angles of the overall layout.", "theme": "dark", "industry": "media", "source_url": "https://cassettemusic.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508690696-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508690696-thumb.jpg", "refero_style_id": "fb4cfe58-00b5-4e6a-b251-0c65e60b6649", "extracted_at": "2026-04-30T00:25:16.704Z", "path": "skills/cassette/DESIGN.md" }, { "id": "catherine-peacock", "name": "Catherine Peacock", "description": "Catherine Peacock's visual system evokes a minimal gallery aesthetic, presenting content on an expansive, light canvas with strong typographic presence. The design relies on a restricted achromatic palette, where shades of gray define structure and depth. Typography is central, using generous letter-spacing for large text and precise spacing for smaller details, creating a sense of considered calm and focus.", "theme": "light", "industry": "design", "source_url": "https://catherinepeacock.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519851015-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519851015-thumb.jpg", "refero_style_id": "a9fd26a1-7741-49fd-aceb-ca734153b927", "extracted_at": "2026-04-30T03:31:05.179Z", "path": "skills/catherine-peacock/DESIGN.md" }, { "id": "chaiboy", "name": "CHAIBOY", "description": "CHAIBOY presents a stark, high-contrast dark mode aesthetic, emphasizing minimalism and bold, clean typography. The visual language centers on a monochromatic palette of black, white, and various grays, creating a sophisticated and understated environment. Thin line accents found in borders and ghost buttons provide delicate structure against dark surfaces. The overall impression is one of controlled elegance, using visual sparseness to draw attention to refined products and content.", "theme": "dark", "industry": "ecommerce", "source_url": "https://wearechaiboy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517405330-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517405330-thumb.jpg", "refero_style_id": "442dfaf8-c0c6-467b-a8d4-54e953c049f3", "extracted_at": "2026-04-30T02:50:23.946Z", "path": "skills/chaiboy/DESIGN.md" }, { "id": "chainzoku", "name": "Chainzoku", "description": "Chainzoku's visual system evokes a dark, gritty cyberpunk aesthetic set against an urban nightscape. It uses stark black and off-white as primary textual and surface colors, punched up by vivid, almost neon, greens and hot pinks for interactive elements and accents. Typography is oversized and angular, featuring a custom variable font with high contrast and tight-tracked display text, giving the brand a distinct, almost aggressive, voice. Surfaces are generally flat and unshadowed, opting for strong borders and high-contrast color shifts to delineate elements.", "theme": "light", "industry": "crypto", "source_url": "https://chainzoku.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511987861-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511987861-thumb.jpg", "refero_style_id": "44287b0a-8709-406d-8ba3-8765ecb19a1f", "extracted_at": "2026-04-30T01:20:12.394Z", "path": "skills/chainzoku/DESIGN.md" }, { "id": "champions4good", "name": "Champions4good", "description": "This design system conjures a vibrant, high-energy atmosphere through its daring color palette and bold typography. A deep, almost regal purple dominates as the primary background, punctuated by electric pink and sharp neon green accents. Type is a declarative, almost industrial statement, mixing a condensed, extra-bold display font with a more understated sans-serif for body text, creating a strong contrast between commanding headlines and informational support. Rectangular shapes are favored, with only subtle rounding, reinforcing a sense of precise, deliberate construction.", "theme": "dark", "industry": "other", "source_url": "https://www.champions4good.club", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776007947245-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776007947245-thumb.jpg", "refero_style_id": "e02671e1-ba31-465f-bb7f-b124bf91ab5e", "extracted_at": "2026-04-12T15:32:47.855Z", "path": "skills/champions4good/DESIGN.md" }, { "id": "changelog", "name": "Changelog", "description": "This design system evokes a 'midnight command center behind frosted glass,' achieving a focused, high-tech atmosphere through a dark achromatic palette and precise typographic choices. A subtly layered grayscale background creates depth without relying on heavy shadows, while crisp text and restrained accenting maintain readability. Signature anti-conventional headlines use weight 500 at larger sizes, conveying authority through subtle refinement rather than bold weight. The system relies on precise border treatments and a dominant 9999px radius for interactive elements, contrasting with 8px radius for cards, to define interaction points within the otherwise serious interface.", "theme": "dark", "industry": "devtools", "source_url": "https://linear.app/changelog", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777419153893-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777419153893-thumb.jpg", "refero_style_id": "a5cc9b0f-d274-458a-b990-d18482b70838", "extracted_at": "2026-04-28T23:32:59.397Z", "path": "skills/changelog/DESIGN.md" }, { "id": "channel-studio", "name": "Channel Studio", "description": "Channel Studio embraces a dark, conceptual aesthetic where form follows function with minimalist precision. Visual weight is carried by large, unadorned typography and selective use of subtle gradients and textures on otherwise stark backgrounds. The brand accent is a vivid red, reserved for highlighting interactive elements and key headings. The overall impression is one of stark, intellectual clarity, prioritizing content legibility within a controlled, sophisticated environment.", "theme": "dark", "industry": "design", "source_url": "https://channel.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513268340-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513268340-thumb.jpg", "refero_style_id": "4c19bf7b-d5e8-4e2a-b3e3-69a9bde19b7a", "extracted_at": "2026-04-30T01:41:27.748Z", "path": "skills/channel-studio/DESIGN.md" }, { "id": "chantlings", "name": "Chantlings", "description": "Chantlings uses a nocturnal, atmospheric design language, evoking a digital instrument in a dark, quiet room. The canvas is deep black, allowing subtle gradients and glowing elements to emerge. Typography is highly refined, with an elegant serif for headlines that whispers rather than shouts. Interactive elements are minimal, often ghosted, with one vivid orange accent color for fills, giving a sense of warmth and focused interactivity.", "theme": "dark", "industry": "other", "source_url": "https://www.iorama.studio/chantlings", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513881276-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513881276-thumb.jpg", "refero_style_id": "5090ce54-9097-4d29-a741-2847dbacc419", "extracted_at": "2026-04-30T01:51:59.147Z", "path": "skills/chantlings/DESIGN.md" }, { "id": "charlie", "name": "Charlie", "description": "Charlie Le Maignan showcases a bold, high-contrast visual identity, blending classic editorial typography with experimental letterforms. The system operates on a stark black canvas, punctuated by intense red and crisp white. Typography takes center stage, acting as both content and artistic expression, with custom fonts driving a distinctive, almost art-gallery aesthetic. Component design is minimal, emphasizing outlines and high contrast over complex surfaces or shadows.", "theme": "dark", "industry": "design", "source_url": "https://charlielemaignan.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520895656-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520895656-thumb.jpg", "refero_style_id": "34aa811f-6084-484c-b4c0-f587b514e970", "extracted_at": "2026-04-30T03:48:32.129Z", "path": "skills/charlie/DESIGN.md" }, { "id": "charlie-phipps", "name": "Charlie Phipps", "description": "Charlie Phipps' design system evokes a digital architect's blueprint, utilizing a stark, high-contrast monochrome palette. The interface relies on precise typographical interplay of a clean sans-serif and a classic serif to establish hierarchy and character. Layouts are spacious, with ample negative space emphasizing content blocks through strict alignment and subtle borders rather than heavy visual containers, creating an atmosphere of considered precision amidst a dark canvas.", "theme": "dark", "industry": "design", "source_url": "https://phippscharlie.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519822891-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519822891-thumb.jpg", "refero_style_id": "7f6799d9-0733-4523-9a94-036b9ad3bf28", "extracted_at": "2026-04-30T03:30:41.048Z", "path": "skills/charlie-phipps/DESIGN.md" }, { "id": "chatgpt", "name": "ChatGPT", "description": "This design system presents an austere, functional interface resembling a digital workspace focused on clarity. Predominantly achromatic with precise geometry and subtle textural shifts in its grays, it creates an environment where content takes precedence. The judicious use of system fonts with controlled letter spacing ensures legibility, while rounded forms are reserved for interactive elements, providing visual cues for action within an otherwise stark layout.", "theme": "light", "industry": "ai", "source_url": "https://chatgpt.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923550174-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923550174-thumb.jpg", "refero_style_id": "52a007ed-ad1b-46a6-bd44-b76f91df6d0c", "extracted_at": "2026-04-11T16:06:08.707Z", "path": "skills/chatgpt/DESIGN.md" }, { "id": "chelsea", "name": "CHELSEA", "description": "Chelsea evokes a stark, filmic mood with a dark canvas and luminous text-based navigation. Typography is the primary visual element, given weight and presence through color and generous spacing. A single vivid blue accent color is reserved for interactive elements, creating points of distinct focus against the monochromatic backdrop. Components are minimal and flat, emphasizing content over decorative chrome, with an overall impression of focused elegance.", "theme": "dark", "industry": "media", "source_url": "https://www.chelsea.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514133621-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514133621-thumb.jpg", "refero_style_id": "905beb8c-9788-4ff4-888b-13370cacd4b0", "extracted_at": "2026-04-30T01:55:47.840Z", "path": "skills/chelsea/DESIGN.md" }, { "id": "chester-s-garden", "name": "Chester's Garden", "description": "Chester's Garden feels like a carefully curated notebook or a personal journal, blending structured content with an organic, lived-in feel. The clean, almost stark white background (#fafafa) and light gray divisions (#e5e7eb) provide a quiet stage, allowing strong typographic choices and varied media to take center-stage. The interplay between the elegant, serifed Fraunces for headlines and the pragmatic, sans-serif Inter for body text defines its character, creating a sense of approachable authority where intellectual pursuits meet personal exploration. Subtle accent colors are used as contextual highlights, like digital Post-it notes within a physical garden.", "theme": "light", "industry": "agency", "source_url": "https://chester.how", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925555081-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925555081-thumb.jpg", "refero_style_id": "a639fa6c-1705-47c2-b452-d4479469a734", "extracted_at": "2026-04-11T16:39:40.393Z", "path": "skills/chester-s-garden/DESIGN.md" }, { "id": "chris-biron", "name": "Chris Biron", "description": "Chris Biron presents a dark, minimalist aesthetic with a strong focus on high-contrast typography and subtle interactive elements. The design system emphasizes spacious layouts and a sense of calm, with large areas of negative space allowing content and imagery to breathe. Typography carries significant weight in conveying messages, often in all-caps, with a striking interplay between a classical serif and a modern sans-serif. Visual transitions are smooth and expressive, complementing the refined but raw interaction style.", "theme": "dark", "industry": "design", "source_url": "https://biron.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516853092-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516853092-thumb.jpg", "refero_style_id": "68eeb68f-935b-4c14-9369-f3a5c23efedc", "extracted_at": "2026-04-30T02:41:11.049Z", "path": "skills/chris-biron/DESIGN.md" }, { "id": "christopher-ireland-creative", "name": "CHRISTOPHER IRELAND CREATIVE", "description": "This design evokes the timeless elegance of classic publishing, presenting photography and direction with a quiet authority. The aesthetic is built on a high-contrast pairing of deep charcoal text against an almost-white background, creating a sense of clarity and focus. The interplay between the bold, serif display typography and the clean, sans-serif body text provides a distinct visual hierarchy, while minimal use of decorative elements contributes to its refined, uncluttered feel. Expansive spacing acts as a canvas, allowing content to breathe and command attention without distraction, much like a curated art gallery.", "theme": "light", "industry": "agency", "source_url": "https://christopherireland.net", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925688108-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925688108-thumb.jpg", "refero_style_id": "295beab5-cd8a-473b-ab7d-3df6cda30231", "extracted_at": "2026-04-11T16:41:41.874Z", "path": "skills/christopher-ireland-creative/DESIGN.md" }, { "id": "christopherdoyle", "name": "Christopherdoyle", "description": "Christopher Doyle & Co. employs a stark, editorial aesthetic centered on high-contrast typography and a monochrome palette. Visual impact comes from precise typographic arrangements and the bold use of negative space. Elements are lightweight, relying on inherent content structure rather than heavy borders or shadows. Color is reserved for accent imagery and bold typographic callouts, creating a strong brand presence through restraint and clear communication.", "theme": "light", "industry": "design", "source_url": "https://christopherdoyle.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521496099-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521496099-thumb.jpg", "refero_style_id": "e1223d32-c423-4c95-ae0a-8a6f8585e6a2", "extracted_at": "2026-04-30T03:58:28.989Z", "path": "skills/christopherdoyle/DESIGN.md" }, { "id": "chronicle", "name": "Chronicle", "description": "Chronicle runs on a strict achromatic foundation: white canvas, near-black ink, and a structured gray scale — no brand color, no decorative hue, zero saturation. The product UI (rendered in electric blue inside presentation previews) is the only color that appears on the page, framed as content rather than interface chrome. Typography is a single custom variable font, Diatype, at tight negative tracking — headlines compress letterforms so aggressively at large sizes that the text feels mechanically engraved rather than set. Buttons are either filled black or ghost-outlined, both with hairline 4px radius corners, keeping the interface sharp and editorial rather than app-friendly. The overall rhythm is generous white space punctuated by 1px borders and one subtle card shadow, with sections separated by alternating white and warm-gray (#f3f3f3) bands.", "theme": "light", "industry": "saas", "source_url": "https://chroniclehq.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777650581491-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777650581491-thumb.jpg", "refero_style_id": "1c60b014-473b-443b-b0f5-220612feebb7", "extracted_at": "2026-05-01T15:51:33.254Z", "path": "skills/chronicle/DESIGN.md" }, { "id": "cinderbloc", "name": "CINDERBLOC", "description": "CINDERBLOC embodies a minimalist, high-contrast aesthetic, building a visual language around robust black typography on a stark white canvas. Information is communicated directly through strong typographic forms and subtle gray accents. The design emphasizes solid borders and compact layouts, creating an impression of precision and clarity. Color is used sparingly, primarily for functional text contrast and subtle visual organization.", "theme": "light", "industry": "design", "source_url": "https://www.cinderbloc.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513548179-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513548179-thumb.jpg", "refero_style_id": "f3dd77f7-c672-4af2-a7b4-7e30d8e7f6e4", "extracted_at": "2026-04-30T01:46:20.270Z", "path": "skills/cinderbloc/DESIGN.md" }, { "id": "circa", "name": "Circa", "description": "Circa employs a bold, dark minimalism softened by whimsical 3D illustrations. The interface is primarily achromatic, establishing a stark backdrop for content and interaction. Typography is understated yet precise, relying on subtle weight differences and careful letter-spacing for hierarchy. Components are lightweight, favoring ghost elements and soft, contained surfaces with subtle elevation for critical information.", "theme": "dark", "industry": "agency", "source_url": "https://circa.so", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514903801-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514903801-thumb.jpg", "refero_style_id": "3baaccae-2415-46c8-b71f-a45a002944aa", "extracted_at": "2026-04-30T02:08:44.466Z", "path": "skills/circa/DESIGN.md" }, { "id": "circle", "name": "Circle", "description": "Circle utilizes a dark canvas with bright, soft UI elements to project an approachable, yet professional, digital community space. Typography is compact and precise, maintaining clarity against gradients and dark backgrounds. Components are fluid and often feature subtle shadows or blurred backdrops, giving them depth without harshness. The system leverages a rich, cool-toned gradient palette for a vibrant, modern feel, reserving pure white for interactive surfaces to highlight action.", "theme": "light", "industry": "saas", "source_url": "https://www.circle.so", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510219142-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510219142-thumb.jpg", "refero_style_id": "ab8450d9-1b42-4395-aa24-9e277f021aa1", "extracted_at": "2026-04-30T00:50:54.037Z", "path": "skills/circle/DESIGN.md" }, { "id": "ciridae", "name": "Ciridae", "description": "This AI transformation firm's design identity is a stark, high-contrast monochrome world, like a precision instrument in a dark laboratory. The design consistently avoids color beyond white and black, using the absence of color to convey seriousness and focus. The only chromatic hint is a subtle, almost unnoticeable orange, creating an atmosphere of contained power. This system focuses on sharp typography and generous padding around interactive elements, suggesting careful deliberation in every interaction.", "theme": "dark", "industry": "ai", "source_url": "https://www.ciridae.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776008651273-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776008651273-thumb.jpg", "refero_style_id": "a1b78a21-a304-482b-8ce5-f612d95d44fe", "extracted_at": "2026-04-12T15:44:27.309Z", "path": "skills/ciridae/DESIGN.md" }, { "id": "clase-bcn", "name": "Clase bcn", "description": "Clase bcn employs a stark, editorial aesthetic centered on strong typography and a modular layout. It operates primarily in monochrome with occasional, deliberate use of vivid, flat color blocks as section backgrounds, creating a distinct visual break and impact. The design emphasizes clear content presentation through large, confident text and a comfortable spacing rhythm, allowing the eye to focus on the work examples the agency presents without distraction. Interactive elements are subtly integrated, maintaining the clean, minimalist feel.", "theme": "light", "industry": "agency", "source_url": "https://clasebcn.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521137889-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521137889-thumb.jpg", "refero_style_id": "73359194-de93-436e-af53-81d4029f5e7a", "extracted_at": "2026-04-30T03:52:36.337Z", "path": "skills/clase-bcn/DESIGN.md" }, { "id": "classpass", "name": "ClassPass", "description": "This design system feels energetic and clear, like a fitness studio bathed in natural light with sharp accents. The bright blue calls attention to interactive elements, contrasting with a clean, predominantly achromatic background. Rounded corners and generous spacing soften the overall feeling, making the diverse offerings appear approachable and user-friendly, rather than overwhelming.", "theme": "light", "industry": "other", "source_url": "https://classpass.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932939184-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932939184-thumb.jpg", "refero_style_id": "5596b7f9-09aa-4073-b283-4731425896e1", "extracted_at": "2026-04-11T18:42:38.505Z", "path": "skills/classpass/DESIGN.md" }, { "id": "clau-as-kee", "name": "clau.as.kee", "description": "Clau.as.kee employs a distinct, playful visual style foregrounding bold, oversized typography. A vibrant lavender canvas (#8e93ff) provides a backdrop for crisp black text and an occasional pop of vivid green as a functional accent. The layout is spacious, allowing typography to breathe and creating a sense of openness. Components are minimal, relying on stark color contrast and large round radii for visual identity rather than complex shadows or borders.", "theme": "light", "industry": "design", "source_url": "https://clauaskee.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513594951-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513594951-thumb.jpg", "refero_style_id": "9aad4722-413d-4b32-bda7-6f94bbd9938c", "extracted_at": "2026-04-30T01:47:15.387Z", "path": "skills/clau-as-kee/DESIGN.md" }, { "id": "claude", "name": "Claude", "description": "This design system evokes the quiet confidence of a well-edited scientific journal, balancing approachability with precise execution. Creamy off-white backgrounds provide a soft canvas, while crisp dark gray text ensures legibility. The understated typography, particularly the lighter weights of Anthropic Serif for headings, communicates authority through clarity rather than shouting, reminiscent of an academic paper. Subtle accent colors appear mostly within the custom Anthropic icons, suggesting a sophisticated, self-contained aesthetic with minimal external decoration.", "theme": "light", "industry": "ai", "source_url": "https://claude.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776013222707-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776013222707-thumb.jpg", "refero_style_id": "47cb86b6-cb2d-41c8-94ba-8607cd7c41cd", "extracted_at": "2026-04-12T17:00:44.195Z", "path": "skills/claude/DESIGN.md" }, { "id": "claude-type", "name": "Claude Type", "description": "Claude Type presents a stately, minimalist aesthetic focused on displaying luxury typefaces. Its visual language relies on expansive neutral backgrounds, sparse content arrangements, and high-contrast typography. Typography is the primary visual element, with generous use of letter-spacing and custom font features. Images serve as artistic showcases, contained within large, softly rounded or arched frames, giving a gallery-like feel to the content.", "theme": "light", "industry": "design", "source_url": "https://claudetype.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507910268-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507910268-thumb.jpg", "refero_style_id": "134cfb76-12e0-4e2e-9995-5a1617190c56", "extracted_at": "2026-04-30T00:12:15.573Z", "path": "skills/claude-type/DESIGN.md" }, { "id": "clay", "name": "Clay", "description": "This design system feels like a thoughtfully organized play-space, balancing crisp professional typography with unexpected bursts of vibrant, playful color in testimonial cards and illustrations. The overall tone is light and inviting, grounded by a clean, spacious layout. Subtle border treatments and generous radii on containers soften the digital edge, creating a friendly yet authoritative aesthetic.", "theme": "light", "industry": "saas", "source_url": "https://clay.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922832628-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922832628-thumb.jpg", "refero_style_id": "b5ca4e9a-2322-4796-b4c5-3b3bf194821f", "extracted_at": "2026-04-11T15:54:17.327Z", "path": "skills/clay/DESIGN.md" }, { "id": "clerk", "name": "Clerk", "description": "This design system operates on a principle of duality, presenting a bright, airy marketing facade that transitions into a dark, technical core. The light theme uses expansive white space and a singular, arresting violet accent for calls-to-action, creating focus and clarity. The dark theme, used for feature showcases, creates depth and a high-tech feel not with shadows, but with layered near-black surfaces and subtle, glowing inset highlights, giving components a 'pressed-into-glass' look. Typography is dominated by the geometric precision of Geist, with tight negative tracking on headlines to feel dense and technical. The system's identity is this shift from open and inviting to focused and sophisticated.", "theme": "mixed", "industry": "devtools", "source_url": "https://clerk.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929031515-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929031515-thumb.jpg", "refero_style_id": "ed10ae04-24ec-4e42-9bf2-ea12a4b58d67", "extracted_at": "2026-04-11T17:38:21.939Z", "path": "skills/clerk/DESIGN.md" }, { "id": "clickhouse", "name": "ClickHouse", "description": "ClickHouse presents as a high-performance console, leveraging a deep, near-black backdrop and stark white typography for a focused, technical aesthetic. Signature is the 'Chartreuse Zap' yellow-green accent, appearing on interactive elements and key brand highlights, creating a vivid contrast that directs attention without overwhelming the UI. Rounded forms are used sparingly for interactive elements, while container cards maintain sharp corners, building a hierarchy of interaction against static information. The visual atmosphere is one of serious capability and precise feedback, like a terminal display offering critical insights.", "theme": "dark", "industry": "devtools", "source_url": "https://clickhouse.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923306490-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923306490-thumb.jpg", "refero_style_id": "bd96c1a6-32ba-42e0-bd5c-23c70a23142c", "extracted_at": "2026-04-11T16:02:13.810Z", "path": "skills/clickhouse/DESIGN.md" }, { "id": "clickup", "name": "ClickUp™", "description": "ClickUp's interface channels a vibrant productivity hub atmosphere: an inviting white canvas contrasts with deep charcoal text, punctuated by vivid accents of violet and electric blue. Its visual identity relies on dynamic, lightweight UI elements, thin borders, and soft shadows, creating a sense of clarity and speed. Typography is confident and modern, leveraging condensed sans-serifs for headings and a highly legible sans-serif for body text, maintaining a tight visual rhythm. Gradients are strategically used for subtle flair and to highlight interactive states, reinforcing an energetic, forward-looking aesthetic.", "theme": "light", "industry": "productivity", "source_url": "https://www.clickup.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508592898-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508592898-thumb.jpg", "refero_style_id": "efcb73cb-b84a-4ae7-9a2b-e1116f79f130", "extracted_at": "2026-04-30T00:23:47.633Z", "path": "skills/clickup/DESIGN.md" }, { "id": "clou-architects", "name": "CLOU architects", "description": "CLOU architects employs a stark, high-contrast visual language that is simultaneously bold and minimalist. It features an expansive white canvas frequently punctuated by solid black sections or oversized black typography. The absence of traditional component containers and a singular dramatic red accent color, primarily for large architectural photography, create a direct and impactful aesthetic focused on content. Typography is large, unapologetic, and used as a major graphic element, defining distinct areas and conveying information with a sense of modern, unadorned authority.", "theme": "light", "industry": "design", "source_url": "https://www.clouarchitects.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513300337-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513300337-thumb.jpg", "refero_style_id": "febf1c02-2c4d-46e6-ad16-8ee2a99ae0d5", "extracted_at": "2026-04-30T01:42:15.955Z", "path": "skills/clou-architects/DESIGN.md" }, { "id": "clyde", "name": "Clyde", "description": "Clyde deploys a dark, atmospheric interface punctuated by subtle gradients and an emphasis on dimensional product rendering. The design system uses sparse, highly contrasted typography with a blend of classic serif and modern grotesk fonts, creating a 'luxury tech' feel. Surfaces are dark, with elements softly lit by internal shadows and occasional, vibrant iridescent gradients. The overall density is comfortable, providing generous breathing room for content.", "theme": "dark", "industry": "saas", "source_url": "https://joinclyde.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514052561-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514052561-thumb.jpg", "refero_style_id": "39098e34-b911-4ad3-bcb5-ee80a392cd95", "extracted_at": "2026-04-30T01:54:33.410Z", "path": "skills/clyde/DESIGN.md" }, { "id": "co-projects", "name": "Co Projects", "description": "This design system presents as austere and deliberate, focusing on bold typography and stark contrasts. It feels like a gallery wall or architectural display, emphasizing content through scale and negative space rather than decorative elements. The interplay between massive, graphic text and minimal UI elements creates a contemplative, almost academic atmosphere, highlighting the conceptual nature of the content. A singular borderline gray provides subtle structural division.", "theme": "light", "industry": "agency", "source_url": "https://co-projects.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926333640-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926333640-thumb.jpg", "refero_style_id": "5c9743ad-fe33-4d21-9185-db012f6f96c7", "extracted_at": "2026-04-11T16:52:27.959Z", "path": "skills/co-projects/DESIGN.md" }, { "id": "coco", "name": "Coco", "description": "Coco employs a vibrant, playful aesthetic with a strong emphasis on card-based layouts and bold accent colors. The design system layers bright, saturated hues onto a clean, spacious light background, creating an energetic and approachable feel. Typography is assertive and compact, reinforcing a sense of efficiency, while generously rounded corners on components soften the overall impression.", "theme": "light", "industry": "productivity", "source_url": "https://www.getcoco.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512243203-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512243203-thumb.jpg", "refero_style_id": "a6fa9927-43a8-49fc-87ea-a41407766af3", "extracted_at": "2026-04-30T01:24:21.522Z", "path": "skills/coco/DESIGN.md" }, { "id": "coda", "name": "Coda", "description": "Coda operates on a 'digital-first canvas' aesthetic, mixing a soft, near-white background with bold, condensed typography and large, organic shapes in deep forest green. The system leverages strong visual contrast between high-impact headlines and more conservative body text. Components are minimalist with generous corner radii, emphasizing functional clarity over decorative elements, punctuated by dynamic shapes and a striking brand green.", "theme": "light", "industry": "fintech", "source_url": "https://www.coda.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509682974-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509682974-thumb.jpg", "refero_style_id": "e0ad1a25-5609-45e6-a355-9bdeec86c5ae", "extracted_at": "2026-04-30T00:41:53.511Z", "path": "skills/coda/DESIGN.md" }, { "id": "cohere", "name": "Cohere", "description": "Cohere's visual identity projects a sense of measured, capable AI. It balances the stark minimalism often associated with technology with subtle organic hints of color and rounded forms, suggesting a human-centered approach to complex systems. The predominant white and deep charcoal create a high-contrast, authoritative feel, softened by strategically placed gradients and rounded elements that prevent the design from feeling overly rigid. The absence of strong shadows emphasizes depth through color contrast rather than artificial light, contributing to a modern, almost ethereal aesthetic.", "theme": "light", "industry": "ai", "source_url": "https://cohere.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923740564-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923740564-thumb.jpg", "refero_style_id": "f1bff240-fa05-41db-9ae1-b165ea6ea2cb", "extracted_at": "2026-04-11T16:09:21.982Z", "path": "skills/cohere/DESIGN.md" }, { "id": "coinbase", "name": "Coinbase", "description": "The design system establishes a feeling of digital-native trust, grounded in a high-contrast, minimalist palette. A precise foundation of pure white (#ffffff) and near-black (#0a0b0d) creates an environment of clarity and focus. The system's entire personality is injected through a single, electric `Coinbase Blue` (#0052ff), which is reserved exclusively for primary actions and brand marks, acting as a confident guide. A suite of custom fonts (Coinbase Display, Sans, Text) provides a unique and cohesive typographic voice across all scales. Depth is achieved not with shadows but with bold, full-width color blocks, alternating between bright white and deep midnight sections, creating a clean, architectural rhythm.", "theme": "light", "industry": "crypto", "source_url": "https://coinbase.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929370575-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929370575-thumb.jpg", "refero_style_id": "df5e2be4-c2bd-42bb-bbc7-409bae6355c3", "extracted_at": "2026-04-11T17:43:55.835Z", "path": "skills/coinbase/DESIGN.md" }, { "id": "colab", "name": "Colab", "description": "Colab establishes a stark, high-contrast visual system where deep black is the canvas for crisp white typography and a vibrant accent red, creating a bold and theatrical presentation. The design leverages strong spatial separation with ample padding and minimalist components, emphasizing content through scale and isolation rather than embellishment. Typography is distinct, guiding the eye with a custom sans-serif that retains a unique character within a largely monochromatic palette. Sharp edges and the absence of shadows contribute to an unadorned, direct aesthetic.", "theme": "dark", "industry": "design", "source_url": "https://colab.munken.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515046295-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515046295-thumb.jpg", "refero_style_id": "b040360c-38de-4c5f-aada-bd3a67cbedc2", "extracted_at": "2026-04-30T02:11:01.402Z", "path": "skills/colab/DESIGN.md" }, { "id": "collins", "name": "COLLINS", "description": "COLLINS employs a minimalist, sophisticated aesthetic, utilizing a pale canvas and precise typography to convey authority and restraint. The visual identity emphasizes clarity with high-contrast text and a deliberate absence of busy elements. Subtle interaction cues and carefully defined spacing create a sense of calm composure, allowing content to take precedence. The system avoids vibrant colors, relying instead on a refined neutral palette for impact.", "theme": "light", "industry": "agency", "source_url": "https://wearecollins.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508716564-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508716564-thumb.jpg", "refero_style_id": "cf733c2a-dca1-46af-b41d-5e1d354e4297", "extracted_at": "2026-04-30T00:25:37.722Z", "path": "skills/collins/DESIGN.md" }, { "id": "column", "name": "Column", "description": "Column's design is a blend of corporate authority and digital precision. It uses a very light, almost invisible dotted grid background to evoke a technical blueprint, while maintaining a clean, spacious feel. The deep-seated violet and stark orange accents provide clear interactive points set against a largely monochromatic text palette, suggesting seriousness and innovation. Strategic use of subtle box shadows and inner borders adds dimensionality without heavy handedness, like layers of frosted glass on a complex instrument.", "theme": "light", "industry": "fintech", "source_url": "https://column.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933447592-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933447592-thumb.jpg", "refero_style_id": "a76ec6ba-20b3-495c-9d89-1e58281e79e7", "extracted_at": "2026-04-11T18:51:18.967Z", "path": "skills/column/DESIGN.md" }, { "id": "composio", "name": "Composio", "description": "A developer-tools brand for AI-agent tool integration whose marketing surfaces lean into a dark, technical aesthetic with a single deep-electric-blue voltage (`#0007cd`). The page floor is near-black (`#0f0f0f`); cards float above on subtle gray-tinted surfaces. abcDiatype carries display and body in a single sans family with weights 400-600. The brand's strongest visual signature is a four-pane terminal-style mockup (a 2×2 grid of dark code/output panels) with a central blue spotlight glow — used as the homepage hero anchor.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/composio/DESIGN.md" }, { "id": "compound", "name": "Compound", "description": "Compound's design system evokes an architectural blueprint on a white canvas, emphasizing structured clarity and subtle premium detailing. The aesthetic focuses on minimal contrast and an almost monochromatic palette, allowing information and sophisticated typography to dominate. Surfaces typically feature generous radii and extremely light, diffused shadows, creating a sense of quiet elevation rather than stark separation. Interactivity is signaled through nuanced grays and the distinctive use of a nearly black fill for primary actions, providing a sharp, confident anchor within the otherwise restrained visual hierarchy.", "theme": "light", "industry": "fintech", "source_url": "https://withcompound.com/membership", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512090224-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512090224-thumb.jpg", "refero_style_id": "cd31ecdb-297a-4fc5-a727-05f835ff917f", "extracted_at": "2026-04-30T01:22:06.278Z", "path": "skills/compound/DESIGN.md" }, { "id": "concrete-club-studio", "name": "Concrete Club Studio", "description": "This design system evokes a raw, almost deconstructed gallery experience, where content is paramount and design elements serve as subtle frames. The stark contrast between graphic Tangerine Flash and deep neutrals, combined with the unexpected juxtaposition of a classic serif with a minimalist sans-serif, creates a tension that is both playful and sophisticated. The heavy reliance on large, almost architectural typography and minimal component styling puts the focus entirely on the message and visual art direction, creating a distinctive aesthetic that feels both rebellious and highly curated.", "theme": "mixed", "industry": "agency", "source_url": "https://concreteclub.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925298318-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925298318-thumb.jpg", "refero_style_id": "f8ab25e8-87c1-4d7b-a633-daf3ea39b916", "extracted_at": "2026-04-11T16:35:13.030Z", "path": "skills/concrete-club-studio/DESIGN.md" }, { "id": "consumedinkey", "name": "Consumedinkey", "description": "Consumedinkey's design system emanates a stark, minimalist severity, prioritizing content with an absolute monochrome palette. Typography, the primary visual element, is rendered in high-contrast against expansive, unblemished surfaces. The visual language is ascetic, focusing on direct communication and an almost complete absence of decorative components or background textures.", "theme": "light", "industry": "media", "source_url": "https://www.consumedinkey.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514428220-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514428220-thumb.jpg", "refero_style_id": "9d29d491-b705-46e1-9598-a4a70468e7e0", "extracted_at": "2026-04-30T02:00:41.964Z", "path": "skills/consumedinkey/DESIGN.md" }, { "id": "contra", "name": "Contra", "description": "Contra embraces a sleek, desaturated design language with crisp typography and subtle interactions. The interface prioritizes clear content hierarchy on a largely achromatic canvas, punctuated by a deep slate gray for primary actions and occasional, carefully placed pops of vivid color within content modules. Component surfaces typically feature soft, rounded edges and minimal elevation, fostering a sense of approachability and digital craftsmanship.", "theme": "light", "industry": "design", "source_url": "https://contra.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510188808-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510188808-thumb.jpg", "refero_style_id": "1608cf19-b249-46d4-bd37-b4c6a7fc4b56", "extracted_at": "2026-04-30T00:50:24.876Z", "path": "skills/contra/DESIGN.md" }, { "id": "contract", "name": "Contract", "description": "The Contract design system by MDF Italia embodies a refined, architectural blueprint aesthetic: a stark monochromatic palette emphasizes structure and form. Typography is the primary visual communicator, utilizing a wide range of weights to establish hierarchy rather than color. Surfaces are clean and unadorned, promoting a focus on product photography and minimal, precise UI elements. The overall impression is one of understated luxury and functional clarity, where space and proportion play a crucial role.", "theme": "light", "industry": "design", "source_url": "https://contract.mdfitalia.com/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514359150-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514359150-thumb.jpg", "refero_style_id": "76faeb42-b43d-4cc7-ac03-1e4bd74f04b7", "extracted_at": "2026-04-30T01:59:37.377Z", "path": "skills/contract/DESIGN.md" }, { "id": "contractbook", "name": "Contractbook", "description": "Contractbook uses a playful, confident aesthetic with bold primary colors punctuating a clean, spacious light background. The system prioritizes readability and clear interaction points, leveraging vibrant yellow for primary actions and strong blue for statements. Typography is robust and direct, complementing the slightly soft, geometric shapes used throughout components and illustrations. Visual hierarchy is established through strategic color blocking and generous whitespace, rather than relying on complex elevation.", "theme": "light", "industry": "saas", "source_url": "https://contractbook.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509938608-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509938608-thumb.jpg", "refero_style_id": "fbc60c55-da20-4684-a279-0ed86590272e", "extracted_at": "2026-04-30T00:46:07.397Z", "path": "skills/contractbook/DESIGN.md" }, { "id": "convex", "name": "Convex", "description": "This design system feels like a developer's workbench with a warm, analog-meets-digital aesthetic. It pairs a dark, almost charcoal-colored UI with hints of muted earth tones and vibrant, isolated code syntax colors. The sharp, unrounded buttons stand in contrast to the subtly rounded general UI elements, creating a precise, tool-like feel, while the extensive use of `GT America` font brings a distinctive modern tech presence.", "theme": "mixed", "industry": "devtools", "source_url": "https://convex.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923143957-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923143957-thumb.jpg", "refero_style_id": "f71e92b0-d7a5-4203-b975-394f185218c2", "extracted_at": "2026-04-11T15:59:28.675Z", "path": "skills/convex/DESIGN.md" }, { "id": "conway", "name": "Conway", "description": "This design system evokes a clandestine operations center, precise and controlled. Its strength is in the relentless darkness of its background, which provides a stark, high-contrast canvas for sparse, focused information. The near-achromatic type, primarily in off-white, and a single vibrant orange accent, guide the eye with surgical precision. The absence of traditional shadows, replaced by subtle changes in background lightness and bordering, helps maintain the crisp, flat, and technically-oriented aesthetic.", "theme": "dark", "industry": "saas", "source_url": "https://conway.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925942211-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925942211-thumb.jpg", "refero_style_id": "b8ba443e-5d83-4f37-b8c6-a1acd7623d0c", "extracted_at": "2026-04-11T16:46:04.050Z", "path": "skills/conway/DESIGN.md" }, { "id": "copilot-money", "name": "Copilot Money", "description": "Copilot Money employs a sophisticated dark-mode aesthetic with a spacious canvas, primarily leveraging shades of deep blue and near-black. Dynamic, multi-colored 'tag' elements float across the interface, adding vibrant, soft-glow accents against the dark backdrop. Typography balances a modern geometric sans with a lighter, custom variable font, creating a refined information hierarchy. Components are soft-edged, often featuring inset shadows and subtle transparency, giving a sense of depth without harshness.", "theme": "dark", "industry": "fintech", "source_url": "https://copilot.money", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518297346-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518297346-thumb.jpg", "refero_style_id": "91b110da-902b-4d09-8bf0-26bd1f25f8b2", "extracted_at": "2026-04-30T03:05:30.963Z", "path": "skills/copilot-money/DESIGN.md" }, { "id": "copy", "name": "Copy", "description": "This design system projects a high-tech, enterprise feel through its stark contrasts and precise typography. Dominant dark and vivid violet accents create a sense of digital sophistication, while a meticulous hierarchy of grays and precise spacing ensure clarity. The interplay of strong, weighted headlines against more muted body text establishes authority, characteristic of B2B SaaS platforms.", "theme": "light", "industry": "saas", "source_url": "https://copy.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943737598-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943737598-thumb.jpg", "refero_style_id": "1ae4bcfe-c613-42fc-aab7-f9583381e7cc", "extracted_at": "2026-04-11T21:42:38.881Z", "path": "skills/copy/DESIGN.md" }, { "id": "cori-corinne", "name": "Cori Corinne", "description": "Cori Corinne presents a refined, editorial aesthetic, emphasizing large, high-contrast typography and subtle textural backgrounds over vibrant color. The system relies on a warm, off-white canvas and deep charcoal text, creating a sense of understated elegance. Visual hierarchy is established through dramatic scale shifts in headlines and classic serif fonts, while interaction elements remain minimal and ghost-like.", "theme": "light", "industry": "design", "source_url": "https://www.coricorinne.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518116442-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518116442-thumb.jpg", "refero_style_id": "2c18e573-0ffb-4f0d-848c-ff72a5839fd3", "extracted_at": "2026-04-30T03:02:17.931Z", "path": "skills/cori-corinne/DESIGN.md" }, { "id": "cos", "name": "COS", "description": "This design system projects a minimalist, stark elegance, emphasizing the clothing and photography through an almost complete absence of decorative elements. It uses a monochromatic palette of crisp white and deep black, creating high contrast and clear readability without visual noise. Strict alignment and ample whitespace around text afford a sense of luxury and precision, allowing the product imagery to command full attention as the primary visual interest. The visual impression is one of curated, understated sophistication.", "theme": "light", "industry": "ecommerce", "source_url": "https://cos.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926236864-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926236864-thumb.jpg", "refero_style_id": "7922b756-2d0f-4a58-8fa6-39d40264fe66", "extracted_at": "2026-04-11T16:50:56.204Z", "path": "skills/cos/DESIGN.md" }, { "id": "cosmos", "name": "Cosmos", "description": "Cosmos presents as a serene, minimalist canvas, allowing diverse content to take center stage. Its light, monochromatic base with soft neutrals like Fossil and Paper White creates a calming emptiness, like an art gallery with perfectly lit displays. The unexpected custom `cosmosOracle` font at varied weights and subtle micro-interactions introduces a playful, human touch, contrasting with the otherwise stark layout. The design feels like a curator's precise arrangement, where every element has space to breathe, yet dynamic content fills the carefully defined frames.", "theme": "light", "industry": "design", "source_url": "https://cosmos.so", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923929954-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923929954-thumb.jpg", "refero_style_id": "eb804e3a-1b75-446c-8374-114bbabaf0cd", "extracted_at": "2026-04-11T16:12:28.409Z", "path": "skills/cosmos/DESIGN.md" }, { "id": "cosmos-network", "name": "Cosmos Network", "description": "Cosmos Network embodies a 'sophisticated darkness' aesthetic, utilizing a deep black canvas with stark white typography and subtle, near-gray surface treatments for content segmentation. The visual system projects authority and precision through a constrained color palette and compact, feature-rich typography. This creates a high-contrast, information-dense environment where text and data take precedence, punctuated by minimal UI elements that maintain a serious, technology-forward presence. Interactive elements are sparse, emphasizing clarity over visual flair.", "theme": "dark", "industry": "fintech", "source_url": "https://cosmos.network", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519088174-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519088174-thumb.jpg", "refero_style_id": "60ee0386-cfad-409a-8310-762bfc2e4816", "extracted_at": "2026-04-30T03:18:23.735Z", "path": "skills/cosmos-network/DESIGN.md" }, { "id": "counterprint", "name": "Counterprint", "description": "Counterprint's visual system evokes a precise, almost utilitarian aesthetic, reminiscent of classic design publishing. The core palette is primarily achromatic, relying on sharp black text against stark white surfaces and soft gray borders. Typography is confident and compact, favoring a system sans-serif for most content, with a custom geometric sans-serif for specific branding. Components are lightweight, emphasizing function over embellishment, with generous use of infinite border-radius for buttons and subtle rounded corners for input fields, providing a touch of approachability within the otherwise rigorous structure.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.counter-print.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517147754-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517147754-thumb.jpg", "refero_style_id": "36ab47c3-3d47-42a5-af2e-1760bc348bcd", "extracted_at": "2026-04-30T02:46:05.946Z", "path": "skills/counterprint/DESIGN.md" }, { "id": "cowboy", "name": "Cowboy", "description": "Cowboy presents a functional and understated interface, emphasizing clean typography and a largely monochromatic palette. Visuals are grounded in strong product photography, with UI elements maintaining a soft, rounded aesthetic that feels approachable and human. The design prioritizes clarity and a quiet confidence, allowing product imagery and concise messaging to take center stage.", "theme": "light", "industry": "ecommerce", "source_url": "https://cowboy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517656416-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517656416-thumb.jpg", "refero_style_id": "00ce9181-45be-4340-b6a6-75a4d5d60cef", "extracted_at": "2026-04-30T02:54:44.270Z", "path": "skills/cowboy/DESIGN.md" }, { "id": "craft", "name": "Craft", "description": "Craft presents a botanical elegance, marrying a muted, organic color palette with sharp, high-contrast typography. The design emphasizes natural greens and soft off-whites as background and text colors, contrasted by a single vibrant green for primary actions. Layouts are spacious, utilizing a comfortable density with ample negative space to allow content to breathe, fostering a calm yet authoritative feel. Visual details like crisp outlines and subtle off-white surfaces blend into a sophisticated, understated aesthetic.", "theme": "light", "industry": "agency", "source_url": "https://itscraft.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508580652-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508580652-thumb.jpg", "refero_style_id": "329075e8-97ed-4722-8952-d9bf001de233", "extracted_at": "2026-04-30T00:23:24.558Z", "path": "skills/craft/DESIGN.md" }, { "id": "craft-docs", "name": "Craft Docs", "description": "The design aesthetic is gentle, creative, and tactile, evoking the feeling of a personal journal or artist's scrapbook. This is achieved through a warm, off-white canvas (#fff3e7), a palette of soft pastels (#9bd8a9, #fde99b), and organic, torn-paper collage elements. The primary visual signature is the typographic pairing: a sophisticated, tightly-tracked serif (`UntitledSerifFont`) for large, literary headlines, contrasted with a clean, functional sans-serif (`UntitledSansFont`) for all UI and body text. Rounded corners (14px, 24px) are prevalent, but are punctuated by pill-shaped buttons, creating a soft and approachable interface. Deep, multi-layered shadows provide a subtle, non-intrusive sense of depth, making elements feel floated rather than stacked.", "theme": "light", "industry": "productivity", "source_url": "https://craft.do", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775928768352-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775928768352-thumb.jpg", "refero_style_id": "9f228e72-997a-4410-9190-68359028e3d0", "extracted_at": "2026-04-11T17:34:08.934Z", "path": "skills/craft-docs/DESIGN.md" }, { "id": "craftwork", "name": "Craftwork", "description": "This system projects an organized, creatively fertile atmosphere. Dominant crisp white backgrounds allow bold black typography to stand out, reminiscent of ink on paper. Subtle charcoal-tinted shadows lift elements just enough to define hierarchy without visual weight. The only saturated hue, vibrant lime green, serves as a focused accent, guiding user interaction like a highlighter on a blueprint, while soft, organic radial gradients add a touch of playful depth.", "theme": "light", "industry": "agency", "source_url": "https://craftwork.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932740241-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932740241-thumb.jpg", "refero_style_id": "47c9e353-bed3-4d6c-8316-63a2db5cc377", "extracted_at": "2026-04-11T18:39:22.794Z", "path": "skills/craftwork/DESIGN.md" }, { "id": "creative-giants", "name": "Creative Giants", "description": "This design system feels like a gallery of contemporary art and industrial design, using a sparse, neutral palette as a canvas for striking typographic and image-based narratives. The dominant off-white background (#fffef7) and deep black text provide high contrast, while a unique 'Switzer' typeface with varied weights and precise letter-spacing sculpts a distinctive voice. Strategic use of full-bleed imagery and occasional vibrant, unexpected color blocks punctuates the otherwise minimalist composition, creating a dynamic rhythm without visual clutter. The absence of traditional shadows or overt decorative elements emphasizes clarity and directness.", "theme": "light", "industry": "agency", "source_url": "https://www.creativegiants.art", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776009253389-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776009253389-thumb.jpg", "refero_style_id": "ff8f39ee-a10e-4a9d-a94d-6993c6084060", "extracted_at": "2026-04-12T15:54:35.729Z", "path": "skills/creative-giants/DESIGN.md" }, { "id": "cron-calendar", "name": "Cron Calendar", "description": "This design system evokes a refined, understated dark mode, like a well-crafted instrument panel in a high-end vehicle. Its strength lies in a stark contrast between near-black surfaces and bright white typography, creating immediate clarity. A single, vibrant orange serves as the primary accent, drawing attention only to key interactive elements. The system feels direct and functional, prioritizing information hierarchy and calls to action over decorative flourishes.", "theme": "dark", "industry": "productivity", "source_url": "https://cron.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922777241-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922777241-thumb.jpg", "refero_style_id": "476184db-a4e6-440b-aa53-27294668361c", "extracted_at": "2026-04-11T15:53:15.852Z", "path": "skills/cron-calendar/DESIGN.md" }, { "id": "crown-conquer", "name": "Crown + Conquer", "description": "The Crown + Conquer design system exudes a minimalist, high-contrast aesthetic, built on a foundation of stark black text on a subtly off-white canvas. The visual identity is defined by a striking custom script display font for brand elements, juxtaposed with a utilitarian, all-caps sans-serif for functional text. Spacing is generous, creating an atmosphere of exclusivity and focus, with interactive elements subtly outlined rather than filled, reinforcing an understated directness.", "theme": "light", "industry": "other", "source_url": "https://crownandconquer.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517432312-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517432312-thumb.jpg", "refero_style_id": "7e487226-14fc-4068-813d-569f663fa399", "extracted_at": "2026-04-30T02:50:49.030Z", "path": "skills/crown-conquer/DESIGN.md" }, { "id": "cthdrl", "name": "cthdrl", "description": "Cthdrl presents a stark, high-contrast dark mode aesthetic, leveraging deep black backgrounds for dramatic visual impact. Typography is central, utilizing two bespoke sans-serif fonts in varied sizes to establish a strong hierarchical rhythm and distinctive brand voice. Interactive elements are minimalist, appearing as ghost controls or text links with a subtle off-white highlight, maintaining the overall severe and sophisticated atmosphere. The visual system emphasizes spaciousness, relying on precise typographic arrangement and discreet dividing lines rather than heavy components or decorative flourishes.", "theme": "dark", "industry": "design", "source_url": "https://cthdrl.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516091238-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516091238-thumb.jpg", "refero_style_id": "565bfc50-3a19-4224-9a4c-125edaeb7bef", "extracted_at": "2026-04-30T02:28:26.053Z", "path": "skills/cthdrl/DESIGN.md" }, { "id": "cup-of-couple", "name": "Cup of Couple", "description": "Cup of Couple presents a sophisticated and minimalist editorial aesthetic, mimicking a high-fashion magazine layout with a stark, achromatic palette. Typography reigns supreme, utilizing distinct serif and sans-serif fonts to establish clear visual hierarchy and a refined, curated feel. The design relies on generous white space and subtle hairline borders to delineate content, maintaining an airy lightness without heavy visual anchors. Surfaces are flat and un-elevated, emphasizing content over decorative UI elements.", "theme": "light", "industry": "media", "source_url": "https://www.cupofcouple.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519497848-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519497848-thumb.jpg", "refero_style_id": "f4e1b510-6085-4fb8-8597-05d479d3c00c", "extracted_at": "2026-04-30T03:25:15.551Z", "path": "skills/cup-of-couple/DESIGN.md" }, { "id": "current", "name": "Current", "description": "Current uses a crisp, high-contrast visual system built on a bright white canvas. Typography is the primary means of conveying hierarchy, with precise letter-spacing and varying weights providing clarity. Functional elements are often minimalist, relying on strong outlines or simple fills, and the brand accent color appears as a subtle, unexpected gradient in specific interactive contexts, avoiding overt saturation for a sophisticated feel. The overall impression is direct and confident.", "theme": "light", "industry": "fintech", "source_url": "https://current.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509366784-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509366784-thumb.jpg", "refero_style_id": "84b951e2-eaae-4f56-8f3f-d90407517a56", "extracted_at": "2026-04-30T00:36:36.177Z", "path": "skills/current/DESIGN.md" }, { "id": "cursor", "name": "Cursor", "description": "Cursor's design language evokes a functional, precise studio environment, blending the tactile feel of physical tools with the clean, digital interface of modern software. A foundation of warm, off-white backgrounds (#f7f7f4) and subtle, multi-layered shadows create a sense of depth and hierarchy, mimicking stacked, floating interface elements. Typography is highly refined, utilizing custom mono and gothic fonts with precise letter-spacing and stylistic alternates that convey technical sophistication.", "theme": "light", "industry": "devtools", "source_url": "https://cursor.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777419771947-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777419771947-thumb.jpg", "refero_style_id": "4e3b4717-84c8-4599-baaf-a343c3d619b6", "extracted_at": "2026-04-28T23:43:13.712Z", "path": "skills/cursor/DESIGN.md" }, { "id": "custo", "name": "Custo", "description": "Custo presents a restrained, product-focused aesthetic, blending industrial-grade minimalism with an approachable comfort. The visual system uses achromatic tones, allowing product imagery to take center stage. Typography is clean and assertive, providing clear information without unnecessary ornamentation. Components are subtly interactive with ghosted borders and generous padding, creating an experience that feels understated yet responsive.", "theme": "light", "industry": "other", "source_url": "https://custo.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513349167-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513349167-thumb.jpg", "refero_style_id": "3ad131ed-b603-49a3-9491-7407db6cb423", "extracted_at": "2026-04-30T01:42:50.725Z", "path": "skills/custo/DESIGN.md" }, { "id": "customer-io", "name": "customer.io", "description": "Customer.io employs a crisp, data-driven interface characterized by clean segmentation and a dominant light theme. The visual system features achromatic surfaces with a cool-tinted dark primary text, accented by a single vivid blue-green for interactive elements and brand signaling. Layouts are structured and functional, using subtle borders and a deliberate lack of heavy shadows to maintain a lightweight feel, allowing data visualizations and key information to stand out. Typography is distinct, utilizing a custom sans-serif with a wide range of weights and precise letter-spacing to convey clarity and precision.", "theme": "light", "industry": "saas", "source_url": "https://customer.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510412953-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510412953-thumb.jpg", "refero_style_id": "abbaa70a-5fe2-44a9-9c5f-272e68c450c3", "extracted_at": "2026-04-30T00:54:02.159Z", "path": "skills/customer-io/DESIGN.md" }, { "id": "cycle", "name": "Cycle", "description": "Cycle's design system creates a playful yet precise atmosphere, reminiscent of a digital sandbox where complex data is handled with accessible clarity. Soft, rounded elements and a palette of muted pastels with distinct, primary-adjacent accents define its visual identity. Typography combines the clean readability of Inter with the structured presence of Eudoxus Sans, creating a friendly and intelligent feel, while a subtle elevation strategy ensures content hierarchy without visual noise.", "theme": "light", "industry": "other", "source_url": "https://cycle.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932013718-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932013718-thumb.jpg", "refero_style_id": "3677bc04-7461-4aa4-aec7-5291bac41b0b", "extracted_at": "2026-04-11T18:27:15.812Z", "path": "skills/cycle/DESIGN.md" }, { "id": "d-s-durga", "name": "D.S. & DURGA", "description": "D.S. & DURGA presents a meticulously crafted aesthetic resembling a gallery display for luxury artisanal products. The design emphasizes stark contrasts with a largely achromatic palette, combining a warm off-white canvas with sharp black typography and deliberate image boundaries. Typography is bold and communicative, used as a primary design element for product showcasing and narrative. The overall impression is one of curated elegance and understated theatricality.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.dsanddurga.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512821196-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512821196-thumb.jpg", "refero_style_id": "391bd401-06d7-4444-8243-8573e96eab24", "extracted_at": "2026-04-30T01:34:18.069Z", "path": "skills/d-s-durga/DESIGN.md" }, { "id": "dada-projects", "name": "DADA PROJECTS", "description": "DADA PROJECTS embodies a sophisticated editorial aesthetic with a stark black-and-white foundation and a playful, organic touch through its imagery. Typography utilizes a mix of elegant display serifs and functional sans-serifs. Surfaces are predominantly white and soft, often taking on exaggerated rounded forms or fluid, abstract shapes. The overall impression is artistic and experimental, balancing classic refinement with contemporary digital art.", "theme": "light", "industry": "design", "source_url": "https://dada-projects.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516740713-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516740713-thumb.jpg", "refero_style_id": "615d85c7-ee6a-4b6f-8e93-c3c3f3bb515e", "extracted_at": "2026-04-30T02:39:18.856Z", "path": "skills/dada-projects/DESIGN.md" }, { "id": "dani-l-van-der-winden", "name": "Daniël van der Winden", "description": "Daniël van der Winden's personal site embodies a focused, editorial aesthetic, reminiscent of a neatly organized journal or academic publication. It prioritizes clarity and directness through a largely monochrome palette, functional typography, and structured content presentation. Visual elements are sparse, with strong emphasis on text, creating an atmosphere of quiet intellectual authority. The design system is characterized by subtle greys, crisp lines, and a deliberate absence of vibrant color, allowing the content to take center stage.", "theme": "light", "industry": "design", "source_url": "https://www.daniel.pizza", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514710269-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514710269-thumb.jpg", "refero_style_id": "e8eda526-d686-4e45-a60d-61b6503a8eda", "extracted_at": "2026-04-30T02:05:33.892Z", "path": "skills/dani-l-van-der-winden/DESIGN.md" }, { "id": "daniel-sun", "name": "Daniel Sun", "description": "This design system feels like a bold, sunny declaration. It pairs extreme typographic scale with a soft, limited color palette focused on vivid yellow and stark black and white. The visual identity hinges on the tension between playful handwritten accents and massive, condensed sans-serif headlines, creating a brand that feels both approachable and impactful.", "theme": "light", "industry": "agency", "source_url": "https://danielsun.space", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925594833-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925594833-thumb.jpg", "refero_style_id": "8d1b6c70-e045-4ce6-891d-aba5d5c00e0d", "extracted_at": "2026-04-11T16:40:13.816Z", "path": "skills/daniel-sun/DESIGN.md" }, { "id": "daniel-triendl", "name": "Daniel Triendl", "description": "The Daniel Triendl portfolio uses a stark, high-contrast aesthetic reminiscent of print media, built on a pure white canvas and almost exclusively black typography. Its visual identity is defined by a bold, unadorned structure where content takes precedence, eschewing soft gradients, rounded corners, or shadows for a direct, impactful presentation. Interactivity is subtle, highlighted by thin borders and text color changes rather than expressive fills. The system prioritizes clear communication, leveraging a precise and minimal set of visual rules to showcase vibrant illustration work with understated elegance.", "theme": "light", "industry": "design", "source_url": "https://www.danieltriendl.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512172231-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512172231-thumb.jpg", "refero_style_id": "14f10100-a102-427a-88d1-7cc80cbb332d", "extracted_at": "2026-04-30T01:23:12.212Z", "path": "skills/daniel-triendl/DESIGN.md" }, { "id": "daniela-and-moe-wedding-2019", "name": "Daniela and Moe Wedding 2019", "description": "Daniela and Moe embodies a whimsical, botanical garden aesthetic with a light, airy canvas and expressive organic illustrations. Typography balances classic elegance with contemporary readability. The color palette is driven by natural, muted tones with a singular bold accent orange that brings vitality to interactive elements and key details. Components are visually light, often appearing as ghost elements or subtly differentiated surfaces, ensuring the lush imagery takes center stage.", "theme": "light", "industry": "other", "source_url": "https://danielaandmoe.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518320607-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518320607-thumb.jpg", "refero_style_id": "0f1b3cd0-de5a-4418-8711-0e1afe04707c", "extracted_at": "2026-04-30T03:05:43.442Z", "path": "skills/daniela-and-moe-wedding-2019/DESIGN.md" }, { "id": "daniellelevitt", "name": "Daniellelevitt", "description": "Daniellelevitt embraces an expressive, art-forward visual system pairing bold, high-contrast typography with a vibrant, playful color palette. The primary canvas shifts dramatically between an intense, almost acidic green and stark white, serving as a dynamic backdrop for overlaid photography and minimalist text. Typography is a dominant visual element, oversized and often cropped, creating a sense of dramatic scale and artistic edge. Components are lightweight and almost invisible, letting the visual content and distinctive typography define the aesthetic.", "theme": "mixed", "industry": "design", "source_url": "https://www.daniellelevitt.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512632563-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512632563-thumb.jpg", "refero_style_id": "1a8d2d66-bb84-4929-acbe-2685fc9ab6e7", "extracted_at": "2026-04-30T01:30:53.224Z", "path": "skills/daniellelevitt/DESIGN.md" }, { "id": "danilo-rodrigues", "name": "Danilo Rodrigues", "description": "Danilo Rodrigues' portfolio establishes a striking visual identity through high-contrast monochrome design. The system emphasizes clear textual information with generous spacing on a deep black canvas. A singular, vivid green accent color is used sparingly for an immediate focal point, creating a focused and bold atmosphere. Typography plays a primary role, delivering content with directness and visual weight.", "theme": "dark", "industry": "design", "source_url": "https://danilorodrigues.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519698815-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519698815-thumb.jpg", "refero_style_id": "0d68dc70-15ec-494a-855d-fdb6a4e7c982", "extracted_at": "2026-04-30T03:28:34.243Z", "path": "skills/danilo-rodrigues/DESIGN.md" }, { "id": "danny-garcia", "name": "Danny Garcia", "description": "Danny Garcia's portfolio uses a dark, atmospheric canvas with subtle surface variations and vibrant, ethereal gradients. Typography is confident and substantial on dark backdrops, using a limited color palette featuring a warm gray for primary text and a distinct golden-beige for interactive elements. The aesthetic combines a sense of digital craftsmanship with a touch of modern artistry, allowing gradients to provide visual interest and surface hierarchy rather than heavy shadows or borders.", "theme": "dark", "industry": "other", "source_url": "https://danny-garcia.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517615961-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517615961-thumb.jpg", "refero_style_id": "08b780cc-0fe3-4c53-8e93-27369bd7b032", "extracted_at": "2026-04-30T02:54:00.036Z", "path": "skills/danny-garcia/DESIGN.md" }, { "id": "dash-digital-studio", "name": "Dash Digital Studio", "description": "Dash Digital Studio employs a stark and confident design language, built on a monochromatic palette of industrial grays and pure black. Typography is sharp and impactful, leveraging precise letter-spacing to create a sense of focused clarity. The layout is disciplined, using robust hairline borders to define content blocks, and relies on subtle motion and confident imagery over color to convey a sense of premium precision.", "theme": "light", "industry": "agency", "source_url": "https://dashdigital.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513521951-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513521951-thumb.jpg", "refero_style_id": "6036b661-3886-4f76-a5e6-bb8960eb7db5", "extracted_at": "2026-04-30T01:46:18.681Z", "path": "skills/dash-digital-studio/DESIGN.md" }, { "id": "datalands", "name": "Datalands", "description": "Datalands embraces a stark, high-contrast dark mode aesthetic, where deep black functions as a vast canvas for bold, expressive typography and selective pops of chromatic color. The design system emphasizes strong visual statements through custom, often unconventional typefaces and generously spaced layouts. Interaction elements such as buttons and inputs feature large radii, giving them a distinct soft, almost friendly, tactile quality against the severe background. Color is used sparingly but impactfully as an accent for calls to action or to highlight specific UI elements, breaking the monochrome with vibrant hues.", "theme": "dark", "industry": "design", "source_url": "https://datalands.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518391655-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518391655-thumb.jpg", "refero_style_id": "a7530405-e523-4268-bba5-ef13549fd61c", "extracted_at": "2026-04-30T03:06:53.019Z", "path": "skills/datalands/DESIGN.md" }, { "id": "david-heckhoff", "name": "David Heckhoff", "description": "This system expresses a playful, modern web developer's environment, characterized by soft, warm neutrals as a canvas for bold, single-hue accents. Typographical hierarchy is established through variable font weights and generous line heights, rather than drastic size shifts. Immersive 3D iconography sets a distinct tone, further solidified by a strong orange action color that adds an energetic, 'get-it-done' feel. Components prioritize rounded forms and minimal, subtle outlining, echoing the friendly nature of the primary visuals.", "theme": "light", "industry": "design", "source_url": "https://david-hckh.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513728228-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513728228-thumb.jpg", "refero_style_id": "15f0809b-b7e0-4824-844f-286c39f4accf", "extracted_at": "2026-04-30T01:49:12.419Z", "path": "skills/david-heckhoff/DESIGN.md" }, { "id": "david-kirschberg", "name": "David Kirschberg", "description": "Kirschberg employs a sparse, high-contrast dark mode aesthetic, reminiscent of a command-line interface. The design prioritizes content with minimal chrome, using stark white typography against deep charcoal backgrounds. Surface differentiation is achieved through subtle shifts in background tone and rounded containers, rather than heavy shadows. The overall impression is one of restrained confidence and directness.", "theme": "dark", "industry": "design", "source_url": "https://kirschberg.co.nz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514390721-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514390721-thumb.jpg", "refero_style_id": "004f4856-4b01-4c23-a9fb-866303d5013b", "extracted_at": "2026-04-30T02:00:06.739Z", "path": "skills/david-kirschberg/DESIGN.md" }, { "id": "david-reid", "name": "David Reid", "description": "David Reid's site presents a stark, minimalist portfolio style. A monochromatic palette with deep charcoal text on an off-white canvas foregrounds content, reflecting a deliberate restraint. Visual hierarchy is established through a spacious, comfortable layout and a subtle interplay of fine lines and a single distinct radius. The design avoids illustrative elements, focusing instead on stark typography and photographic compositions, creating an atmosphere of quiet authority and directness.", "theme": "light", "industry": "design", "source_url": "https://www.davejreid.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513949152-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513949152-thumb.jpg", "refero_style_id": "267405a2-54c9-4f64-b350-9a2d469d1a71", "extracted_at": "2026-04-30T01:52:43.416Z", "path": "skills/david-reid/DESIGN.md" }, { "id": "ddna", "name": "ddna", "description": "DDNA employs a serene, naturally-toned aesthetic, using a dominant warm beige canvas and muted grays for text and accents. The design focuses on elegant simplicity with minimal UI elements that recede into the background, bringing attention to product imagery. Typography is understated yet precise, with subtle letter-spacing for refined readability. Components are largely borderless and transparent, emphasizing content over chrome, with the brand's unique identity conveyed through subtle visual details.", "theme": "light", "industry": "ecommerce", "source_url": "https://d-d-n-a.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519568105-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519568105-thumb.jpg", "refero_style_id": "0e8e546b-004c-46b6-a960-5dd88968ae07", "extracted_at": "2026-04-30T03:26:23.732Z", "path": "skills/ddna/DESIGN.md" }, { "id": "deel", "name": "Deel", "description": "Deel operates in contrasting registers — a deep purple-black (#201547) hero punched through with electric yellow-green product shots, then a cream-warm (#fffbf4) body that stretches through the rest of the page. The dual-zone layout is the signature move: dark/vivid left panel with serif-weight condensed Bagoss headlines, fluorescent product imagery on the right, then warmth and space below. Accent violet (#a98df6 to #5938b7) appears only within the dark hero for the word 'anywhere.' and CTAs — never in the light body sections. Pill-shaped buttons (200px radius) coexist with 24px-radius cards, creating a soft geometry throughout. The custom Bagoss family — in Condensed, Extended, Standard, and VF cuts — gives the brand typographic range unavailable through any system font.", "theme": "mixed", "industry": "saas", "source_url": "https://deel.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935039291-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935039291-thumb.jpg", "refero_style_id": "5ec4eb4f-a37c-4787-b4c1-de49e01770e7", "extracted_at": "2026-04-11T19:19:36.969Z", "path": "skills/deel/DESIGN.md" }, { "id": "deezer", "name": "Deezer", "description": "This design system evokes a 'Digital Nightclub' vibe, pairing a dark, almost black background with vibrant, single-hue accents. Prominent high-contrast typography, especially the massive, weighty headlines, grabs immediate attention. The liberal use of a vivid violet for interactive elements and highlights creates an energetic pulse against the deep neutrals, reminiscent of neon lighting in a dim space. Sharp corners on most elements are softened by a few key rounded components, adding subtle visual dynamism.", "theme": "dark", "industry": "media", "source_url": "https://deezer.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943804340-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943804340-thumb.jpg", "refero_style_id": "502af24a-b765-44b2-828f-dd610f27a125", "extracted_at": "2026-04-11T21:43:47.024Z", "path": "skills/deezer/DESIGN.md" }, { "id": "def-studio", "name": "def.studio", "description": "def.studio employs a midnight canvas aesthetic, using deep, dark backgrounds with subtle shifts in luminosity to define planes. Typography is stark and prominent, relying on high contrast white for headings and links, with muted gray for supporting text. The absence of vibrant colors and reliance on crisp typography creates an atmosphere of focused, understated authority. Components blend seamlessly into the dark background, prioritizing content display over overt UI elements.", "theme": "dark", "industry": "design", "source_url": "https://def.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519419301-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519419301-thumb.jpg", "refero_style_id": "7871d841-6703-4193-8119-36bb12c73983", "extracted_at": "2026-04-30T03:23:55.203Z", "path": "skills/def-studio/DESIGN.md" }, { "id": "delphi", "name": "Delphi", "description": "This design system evokes a sense of thoughtful, quiet expertise, like a leather-bound journal filled with well-considered thoughts. The dominant use of an off-white, almost beige background (#fdf6ee) coupled with a nuanced palette of warm grays and subtle browns creates an inviting, scholarly atmosphere. The signature element is the `Martina Plantijn Light` typeface at whisper-weights, which gives a sophisticated, almost intimate feel, contrasting with the geometric precision of accompanying sans-serifs.", "theme": "light", "industry": "ai", "source_url": "https://delphi.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923753149-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923753149-thumb.jpg", "refero_style_id": "43c1b150-0dab-42f9-9bce-fe0be3dde26c", "extracted_at": "2026-04-11T16:09:35.790Z", "path": "skills/delphi/DESIGN.md" }, { "id": "dennis-snellenberg", "name": "Dennis Snellenberg", "description": "Dennis Snellenberg's design system uses a confident, dark-mode aesthetic with a strong emphasis on spaciousness and precise typography. Surfaces are predominantly dark, with crisp white text providing high contrast. A single vivid violet hue serves as the primary brand accent, thoughtfully deployed to highlight interactive elements and create moments of visual interest. The overall impression is one of meticulous craft and understated digital elegance.", "theme": "dark", "industry": "design", "source_url": "https://dennissnellenberg.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514235323-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514235323-thumb.jpg", "refero_style_id": "28e8e762-8d8c-4e88-84ed-858f9917cb58", "extracted_at": "2026-04-30T01:57:33.265Z", "path": "skills/dennis-snellenberg/DESIGN.md" }, { "id": "deno", "name": "Deno", "description": "This design system feels like a friendly, yet precise, developer workbench. A light, airy backdrop ensures code snippets and technical diagrams are the primary focus, while a distinctive 'Deno Green' provides a consistent, reassuring visual anchor for key interactions. Subtle border accents and minimal shadows keep elements grounded without adding visual weight, creating a streamlined, information-first experience where clarity is paramount.", "theme": "light", "industry": "devtools", "source_url": "https://deno.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923016668-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923016668-thumb.jpg", "refero_style_id": "973dcf14-2237-4346-81af-3d8c811666c2", "extracted_at": "2026-04-11T15:57:20.605Z", "path": "skills/deno/DESIGN.md" }, { "id": "depanneur", "name": "Depanneur", "description": "Depanneur's design system evokes a warm, no-nonsense retail experience with a focused use of red as a brand signature. The UI opts for a direct, high-contrast monochrome base with a single, clear brand accent. Typography is functional and understated, favoring ample spacing and clear boundaries rather than decorative elements or complex layouts. Surfaces are predominantly white, providing a bright, inviting backdrop for sparse content.", "theme": "light", "industry": "other", "source_url": "https://depanneur.dk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521426626-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521426626-thumb.jpg", "refero_style_id": "e31a4832-5039-48d5-9f7b-66645409e42f", "extracted_at": "2026-04-30T03:57:22.326Z", "path": "skills/depanneur/DESIGN.md" }, { "id": "depot", "name": "Depot", "description": "Depot’s aesthetic is a high-contrast dark mode, evoking a command center's precision. Deep, near-black backgrounds frame content, punctuated by vivid green accents that immediately draw the eye to critical interactive elements. A subtle progression of dark grays creates layered surfaces, adding depth and structure without reliance on heavy shadows. The overall impression is one of efficiency and focused power without distraction, like a purpose-built tool designed for speed.", "theme": "dark", "industry": "devtools", "source_url": "https://depot.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923347681-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923347681-thumb.jpg", "refero_style_id": "f4636c5b-1342-48b2-b9b1-a82e2182440e", "extracted_at": "2026-04-11T16:02:55.915Z", "path": "skills/depot/DESIGN.md" }, { "id": "descript", "name": "Descript", "description": "Descript's visual language is deep burgundy darkness cut by coral-red action — like the interior of a recording booth where the walls absorb everything and only the signal glows. The #390a1a near-black burgundy dominates 70% of the hero, creating a theater-dark immersion that makes the coral-red CTA (#f73b3b) feel like an on-air indicator light. Headlines use Gamuth Display, a custom editorial serif at 88px — an unusual choice for a SaaS product that signals craft and content creation rather than enterprise utility. The light sections (#faf8f7, a warm off-white) provide contrast between dark bands without ever going pure white, keeping the palette unified in warmth. Tag labels like 'AI VIDEO EDITOR' use Brett, a custom typeface with wide 0.04em tracking that mimics broadcast chyron styling.", "theme": "mixed", "industry": "media", "source_url": "https://descript.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935558034-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935558034-thumb.jpg", "refero_style_id": "fe955d4a-c56d-4ab0-a6b3-8d985ab9570c", "extracted_at": "2026-04-11T19:27:40.467Z", "path": "skills/descript/DESIGN.md" }, { "id": "design", "name": "Design", "description": "Cash App's design system navigates between stark order and vibrant expression, built on a dark theme that leverages high contrast and precise typographic control. The core palette is achromatic, allowing saturated brand colors to serve as energetic accents within a highly structured environment. Typography is prominent, employing large, confident sizes and distinctive letter-spacing. UI elements are rendered with minimal visual embellishment, emphasizing function and content, with interaction indicated by subtle borders and color shifts.", "theme": "dark", "industry": "fintech", "source_url": "https://design.cash.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509469153-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509469153-thumb.jpg", "refero_style_id": "bbfbe753-a417-43ec-9af7-ef6c08a5140d", "extracted_at": "2026-04-30T00:38:05.490Z", "path": "skills/design/DESIGN.md" }, { "id": "design-full-time", "name": "Design Full-Time", "description": "Design Full-Time employs a dark, pragmatic aesthetic for a focused learning environment. The palette centers around deep blacks and charcoals, accented by bright whites for primary text and a distinct orange-to-red gradient for calls to action. Typography is functional and compact, prioritizing direct communication without flourishes. Components are understated, relying on subtle borders and minimal elevation to define interactive elements against the dark background, creating an efficient and professional feel.", "theme": "dark", "industry": "design", "source_url": "https://designfulltime.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518953327-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518953327-thumb.jpg", "refero_style_id": "80b2cc74-62c5-4898-bc2b-12aa94ed2943", "extracted_at": "2026-04-30T03:16:15.407Z", "path": "skills/design-full-time/DESIGN.md" }, { "id": "designer-fashion", "name": "Designer Fashion", "description": "Selfridges presents a classic e-commerce aesthetic with a foundation of stark white surfaces and unapologetic black typography. A single, vibrant yellow accent color acts as a high-contrast call to action, drawing immediate attention. The design prioritizes clear information hierarchy through careful use of neutral shades for borders and secondary text, paired with crisp, unrounded edges across most interactive elements to convey directness.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.selfridges.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509983426-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509983426-thumb.jpg", "refero_style_id": "e9791a47-474b-4bd6-8957-b16fb4728d4a", "extracted_at": "2026-04-30T00:47:02.997Z", "path": "skills/designer-fashion/DESIGN.md" }, { "id": "designmodo", "name": "Designmodo", "description": "Designmodo splits its personality across two distinct registers: a deep forest-green dark hero (#0e231c) that anchors authority, then opens into a bright white content canvas — the visual equivalent of stepping through a dark doorway into a sunlit studio. The dark sections use white and the muted sage #defaca for type, while the light sections flip to near-black #313942, creating a two-room color system where context always signals mode. A single electric green (#27ae60) is the sole interactive color in both worlds — CTA buttons, badges, and active states all share one hue, making every clickable element feel like it belongs to the same family regardless of which room it lives in. InterVariable at negative letter-spacing (down to -0.028em at display sizes) does the typographic heavy lifting, with ligature-aware feature flags 'cv03', 'cv04', 'cv06', 'cv09', 'ss03' making standard Inter feel proprietary. The 32px card radius and 999px pill buttons create the only soft geometry in an otherwise rectangular system.", "theme": "mixed", "industry": "design", "source_url": "https://designmodo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935399953-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935399953-thumb.jpg", "refero_style_id": "c60a19c1-259a-4001-95d9-6a3826f5c06e", "extracted_at": "2026-04-11T19:25:33.174Z", "path": "skills/designmodo/DESIGN.md" }, { "id": "desktop-fm", "name": "Desktop.fm", "description": "This design system evokes a sense of digital minimalism, like an operating system interface. It uses a predominantly achromatic palette with subtle gradients on surfaces, creating depth without heavy shadows. The overall feel is one of understated functionality and quiet efficiency, utilizing precise typography and a singular vibrant accent for interactive elements.", "theme": "light", "industry": "media", "source_url": "https://desktop.fm", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925790808-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925790808-thumb.jpg", "refero_style_id": "cb266ff9-f168-4a42-a522-f0e84508f90f", "extracted_at": "2026-04-11T16:43:24.232Z", "path": "skills/desktop-fm/DESIGN.md" }, { "id": "destroytoday-com", "name": "destroytoday.com", "description": "destroytoday.com operates with a stark, high-contrast clarity: crisp black text on a bright white canvas. The design emphasizes content through abundant negative space, anchored by a singular vivid blue accent that highlights interactive elements and the brand's graphic identity. Components are minimalist, focusing on function over adornment, with a sense of lightweight precision.", "theme": "light", "industry": "design", "source_url": "https://destroytoday.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514552137-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514552137-thumb.jpg", "refero_style_id": "b8fd5772-ac2b-4bfd-b5e5-d182261b09c5", "extracted_at": "2026-04-30T02:03:05.902Z", "path": "skills/destroytoday-com/DESIGN.md" }, { "id": "deta-surf", "name": "Deta Surf", "description": "Deta Surf uses a refreshing, sky-inspired aesthetic, where a vivid blue gradient forms the primary background, evoking expanse and clarity. UI elements are typically white, rounded cards, often with subtle shadows that provide a soft lift from the blue canvas. Typography blends elegant, traditional serifs for headlines with clean, modern sans-serifs for body text, creating a contrast that feels both authoritative and accessible. Interactive elements feature a bright, vivid blue, acting as functional punctuation against the otherwise serene palette.", "theme": "light", "industry": "productivity", "source_url": "https://deta.surf", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508804718-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508804718-thumb.jpg", "refero_style_id": "51752cfb-4fd4-464f-8b78-ecbc813830e1", "extracted_at": "2026-04-30T00:27:19.127Z", "path": "skills/deta-surf/DESIGN.md" }, { "id": "dezeen", "name": "Dezeen", "description": "The Dezeen design system presents an editorial aesthetic, blending classic serif typography with a modern sans-serif for a distinctive voice. Dominant black text on bright white surfaces creates crisp readability, while the signature 'Indigo Accent' (#556e9b) injects a cool, authoritative hue across key interactive elements and titles. The layout emphasizes content separation and clear hierarchy, utilizing subtle borders and generous vertical spacing to frame articles and navigation.", "theme": "light", "industry": "media", "source_url": "https://dezeen.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924771352-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924771352-thumb.jpg", "refero_style_id": "9e2dceb8-0c87-45db-8830-9df961b02b32", "extracted_at": "2026-04-11T16:26:29.889Z", "path": "skills/dezeen/DESIGN.md" }, { "id": "dia-browser", "name": "Dia Browser", "description": "Feels like holding a blank sheet of premium stationery up to warm morning light — the page is almost entirely achromatic, but a hidden spectrum bleeds through in concentrated gradient bursts that feel like sunlight refracting through a prism's edge. The warmth comes from translucent card surfaces (white at 90% opacity) floating on a #F8F8F8 canvas with backdrop-blur, creating frosted-glass depth without hard shadows. ABC Oracle at weight 300 for display text (72px, 54px) is the defining typographic gesture — impossibly thin letterforms with tight -0.04em tracking create an airy authority, like text etched into glass. The single rainbow gradient (pink → red → amber → lavender → blue) appears as a chromatic accent strip and ambient background glow, making what is otherwise a monochrome system feel alive. Buttons default to #D9D9D9 — deliberately muted, never demanding attention, letting the content hierarchy stay centered on the typography.", "theme": "light", "industry": "ai", "source_url": "https://diabrowser.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777419352482-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777419352482-thumb.jpg", "refero_style_id": "b458ca1a-70f0-4f85-b745-f879a4d08457", "extracted_at": "2026-04-28T23:37:54.339Z", "path": "skills/dia-browser/DESIGN.md" }, { "id": "diabla", "name": "Diabla", "description": "Diabla's visual system evokes a playful, modern aesthetic set against a backdrop of sun-drenched outdoor living. The design is characterized by crisp white and a soft pastel pink canvas, punctuated by a vibrant, almost neon red accent for crucial interactions and branding. Typography is elegant and airy, maintaining a degree of formality even amidst the relaxed, resort-like imagery. Components are lightweight with defined outlines, contributing to an open, spacious feel.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.diablaoutdoor.com/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513426344-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513426344-thumb.jpg", "refero_style_id": "5528d10f-2e7d-4502-aa49-7bde290e8fe2", "extracted_at": "2026-04-30T01:44:23.299Z", "path": "skills/diabla/DESIGN.md" }, { "id": "dialitdown", "name": "Dialitdown", "description": "Dialitdown embraces a playful, illustrative aesthetic with a vibrant main canvas and classic serif typography. The design feels like an interactive storybook, using ample white space (as light blue) around content blocks to emphasize readability. Illustrations provide a friendly and approachable tone, with text rendered cleanly atop a single, bright background color. The visual identity prioritizes clarity and a distinctive, whimsical character over complex UI elements.", "theme": "light", "industry": "other", "source_url": "https://www.dialitdown.co.nz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512816332-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512816332-thumb.jpg", "refero_style_id": "21dc0b3a-3b67-449e-b1a9-e71598c882d6", "extracted_at": "2026-04-30T01:34:06.458Z", "path": "skills/dialitdown/DESIGN.md" }, { "id": "dialog", "name": "Dialog", "description": "Dialog feels like a high-end retail floor plan rendered in digital form — neutral, airy, and unhurried, with one warm accent that acts like a price tag sticker on white linen. The #f7f7f7 near-white background and pure white cards create a surface hierarchy so subtle it reads as continuous space rather than layered depth. PP Radio Grotesk Light at 50-70px is the defining move: a geometric grotesque rendered at its lightest weight makes large headlines feel handwritten on paper rather than stamped — zero aggression, maximum presence. The single orange #f69251 appears exclusively on CTAs, pulling attention the way a sale tag pops in a neutral showroom. Pill-shaped buttons (28px radius) float against square-cornered containers, the only soft shape in an otherwise rectilinear system.", "theme": "light", "industry": "ecommerce", "source_url": "https://askdialog.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775990542067-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775990542067-thumb.jpg", "refero_style_id": "c8c22958-ec50-47f1-aedc-a131d7aeb442", "extracted_at": "2026-04-12T10:44:14.833Z", "path": "skills/dialog/DESIGN.md" }, { "id": "dice", "name": "DICE", "description": "DICE uses a bold, monochrome aesthetic with a stark black-and-white foundation that provides a high-contrast canvas. Typography is assertive, carrying much of the brand's voice, while subtle hints of energetic accent colors occasionally punctuate the otherwise achromatic interface. Component surfaces are flat and minimal, often relying on high contrast and distinct shapes rather than shadows for visual separation, embodying a robust, no-nonsense utility.", "theme": "light", "industry": "media", "source_url": "https://dice.fm", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509640672-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509640672-thumb.jpg", "refero_style_id": "f4af4c42-2cba-4aa6-8d06-2f728bce702d", "extracted_at": "2026-04-30T00:41:09.494Z", "path": "skills/dice/DESIGN.md" }, { "id": "dima-kutsenko", "name": "Dima Kutsenko", "description": "Dmitrkutsenko.com uses a muted, high-contrast dark aesthetic that highlights content through stark value differences rather than color. The design feels photographic, focusing on bold typography and subtle interactive elements against a deep gray canvas. White is reserved primarily for high-impact headlines and functional UI elements, creating a clear visual hierarchy. Interactions are minimal, often relying on border changes or text color shifts to signify state.", "theme": "dark", "industry": "design", "source_url": "https://www.dmitrkutsenko.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518818277-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518818277-thumb.jpg", "refero_style_id": "e7231719-564c-42b7-998f-2e97986fb26c", "extracted_at": "2026-04-30T03:13:57.301Z", "path": "skills/dima-kutsenko/DESIGN.md" }, { "id": "diogo-akio", "name": "Diogo Akio", "description": "Diogo Akio's design system evokes a minimalist gallery experience. It operates on a dark canvas, providing a stark backdrop for high-contrast white typography and isolated portfolio pieces. The aesthetic prioritizes clarity and directness through generous spacing and a strong typographic focus, with minimal use of color or elaborate components. The system is designed to showcase content without visual distraction, relying on subtle interactions and precise spatial relationships.", "theme": "dark", "industry": "design", "source_url": "https://www.diogoakio.com.br", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516943716-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516943716-thumb.jpg", "refero_style_id": "55509c15-4b34-489e-9a81-bfa5468ffd37", "extracted_at": "2026-04-30T02:42:43.860Z", "path": "skills/diogo-akio/DESIGN.md" }, { "id": "discord", "name": "Discord", "description": "Deep cosmic blue fills every section like a starfield at 2am — not a background choice but a total environment. The hero plunges into a rich indigo-to-navy gradient populated with 3D characters, product screens, and floating mascots, making the UI feel like a game world rather than a marketing page. Blurple (#5865F2) — Discord's owned hue — appears only on primary CTAs, creating a controlled pop against the blue-black atmosphere. Typography does the heavy lifting: ABC Ginto Nord at weight 800 with tight -0.01em tracking slams headlines into all-caps blocks that feel like stamped metal, while body copy at 16px/1.5 stays conversational. The overall effect is a gaming-native space where every section is its own immersive stage, not a content column.", "theme": "dark", "industry": "productivity", "source_url": "https://discord.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775930783666-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775930783666-thumb.jpg", "refero_style_id": "faec4b0c-cf93-4150-97de-0a8e7eed1840", "extracted_at": "2026-04-11T18:08:26.644Z", "path": "skills/discord/DESIGN.md" }, { "id": "ditto", "name": "Ditto", "description": "Ditto uses an 'architectural blueprint on white marble' visual language, combining a refined, nearly monochromatic canvas with precise geometric typography and a vibrant, playful accent color for highlights and interactive elements. Surfaces are clean and untextured, serving as a bright foundation for highly legible black text. Strategic splashes of saturated color are used for emphasis, badges, or outlined elements, creating an energetic yet organized feel. Components are lightweight and often feature large border-radii, giving a soft, approachable edge to the otherwise crisp design.", "theme": "light", "industry": "productivity", "source_url": "https://www.dittowords.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508108336-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508108336-thumb.jpg", "refero_style_id": "2db41cd9-c898-4f59-b704-3042c0d87f45", "extracted_at": "2026-04-30T00:15:34.997Z", "path": "skills/ditto/DESIGN.md" }, { "id": "dji", "name": "DJI", "description": "This system evokes a sense of technical precision and premium product display, balancing stark black-and-white hero sections with clean, information-rich content areas. The use of a single vivid blue for interactive elements cuts through the achromatic palette, acting like a power indicator light. Subtle grayscale variations create depth and hierarchy without relying on heavy shadows, maintaining a lightweight, almost floating aesthetic crucial for showcasing high-tech hardware.", "theme": "light", "industry": "ecommerce", "source_url": "https://dji.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932957915-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932957915-thumb.jpg", "refero_style_id": "f11750fc-d7c0-4d26-b32a-3b1d2098ae34", "extracted_at": "2026-04-11T18:43:06.501Z", "path": "skills/dji/DESIGN.md" }, { "id": "dna", "name": "DNA", "description": "DNA Capital employs a sophisticated, near-monochromatic dark theme, evoking a premium, data-driven identity. Typography is central, using a blend of refined serifs for impactful headlines and clean sans-serifs for legibility. A single vivid violet-blue gradient acts as a signature highlight, reserved for subtle decorative elements, icons, and progress indicators, creating a sense of precision and advanced technology. The overall design emphasizes spaciousness and understated confidence, with minimal use of borders and elevation to maintain a flat, contemporary feel.", "theme": "dark", "industry": "fintech", "source_url": "https://dnacapital.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518694122-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518694122-thumb.jpg", "refero_style_id": "bd9fdad0-ebe6-4546-a5c0-ed132ed0a471", "extracted_at": "2026-04-30T03:12:00.807Z", "path": "skills/dna/DESIGN.md" }, { "id": "dnco", "name": "DNCO", "description": "DNCO uses a bold, high-contrast visual language reminiscent of abstract expressionism. Large-scale typography on stark backgrounds defines a significant portion of the primary messaging. The palette is intentionally minimal, relying on black, white, and a single light gray for structure, with interactivity indicated subtly through borders and hover states. Components are lightweight and direct, ensuring that content, especially large text, remains the focal point.", "theme": "light", "industry": "agency", "source_url": "https://dnco.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512947248-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512947248-thumb.jpg", "refero_style_id": "c072c00a-ee7f-4160-bd06-645cca12f7a8", "extracted_at": "2026-04-30T01:36:06.010Z", "path": "skills/dnco/DESIGN.md" }, { "id": "dock", "name": "Dock", "description": "This design system presents as a 'digital workbench' – a bright, well-organized interface designed for productivity. The prominent use of a vibrant, electric blue against a near-white background creates an energetic yet focused atmosphere. Subtle gray tints and soft shadows provide depth and separation, akin to tools neatly arranged on a clean workspace. The typography, featuring a custom sans-serif with nuanced letter-spacing, emphasizes clarity and directness in communication.", "theme": "light", "industry": "saas", "source_url": "https://dock.us", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932039747-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932039747-thumb.jpg", "refero_style_id": "d7fb1721-1878-4cbb-a24b-051800557c75", "extracted_at": "2026-04-11T18:27:41.272Z", "path": "skills/dock/DESIGN.md" }, { "id": "dogstudio", "name": "Dogstudio", "description": "This design system conjures a potent, immersive atmosphere, like a high-concept art installation bathed in twilight. Dominant deep, desaturated purplish-grays (#131419, #454856) serve as a nocturnal canvas, punctuated by the expressive, large-scale serif headlines of GT Sectra Display. Precise, widely tracked sans-serif text (Heebo, Gilroy) provides functional contrast, while a singular, vivid red (#ff4940, #e43333) acts as a fleeting, energetic accent, like a flash of neon in a darkened gallery. The tight, often zero-padded components with minimal radii reinforce a focused, almost austere presentation that places maximum emphasis on the hero imagery and typography.", "theme": "dark", "industry": "agency", "source_url": "https://dogstudio.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925476403-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925476403-thumb.jpg", "refero_style_id": "0078edb1-1966-4473-94d6-b0f7dd62c6a2", "extracted_at": "2026-04-11T16:38:18.201Z", "path": "skills/dogstudio/DESIGN.md" }, { "id": "dokument", "name": "Dokument", "description": "Dokument presents a stark, minimalist aesthetic operating on a canvas of near-white. Typography is the primary visual driver, featuring precise letter-spacing and a carefully controlled hierarchy of an industrial, mono-like custom font and a refined sans-serif. The interface avoids complex UI elements, relying instead on ghosted or subtly-bordered components that provide functionality without visual weight. A single vivid blue serves as an accent, disrupting the monochrome with a sharp, digital punctuation for specific linked or action states, rather than broad splashes of color. The overall impression is one of restrained precision and quiet authority, where content takes absolute precedence.", "theme": "light", "industry": "design", "source_url": "https://www.dokument.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520298504-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520298504-thumb.jpg", "refero_style_id": "c5e7dacd-ae69-4cd8-8ff4-384951a0cde5", "extracted_at": "2026-04-30T03:38:37.945Z", "path": "skills/dokument/DESIGN.md" }, { "id": "dollar-shave-club", "name": "Dollar Shave Club", "description": "Dollar Shave Club presents a bold, product-focused aesthetic built on a deep blue foundation. Vibrant brand colors like orange and maroon punctuate the interface, guiding attention to key actions and brand messaging, while a tightly defined typographic system ensures strong hierarchy. Components are direct and confident, featuring slight corner rounding and minimal elevation, allowing the strong color palette and product imagery to drive the visual experience.", "theme": "dark", "industry": "ecommerce", "source_url": "https://www.dollarshaveclub.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511005352-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511005352-thumb.jpg", "refero_style_id": "6d72f05e-dce6-43ad-9532-f61bf211ed46", "extracted_at": "2026-04-30T01:04:00.647Z", "path": "skills/dollar-shave-club/DESIGN.md" }, { "id": "doo", "name": "Doo", "description": "Doo presents a clean, productivity-focused interface with an emphasis on spacious layouts and subtle interactivity. Its visual identity is built on high-contrast typography against a primarily white canvas, accented by soft, rounded cards and a single, deep violet for primary actions. The design minimizes visual clutter, using thin borders and ghost-like elements to define structure, allowing content to take center stage.", "theme": "light", "industry": "productivity", "source_url": "https://getdooapp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520327153-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520327153-thumb.jpg", "refero_style_id": "d486c348-fc1b-4b01-9064-1213e4dbcb1b", "extracted_at": "2026-04-30T03:39:09.869Z", "path": "skills/doo/DESIGN.md" }, { "id": "dopper", "name": "Dopper", "description": "Dopper's design evokes a sense of playful environmentalism, blending a cheerful primary color palette with crisp typography. The abundant use of `Pale Sand` (#f6ecc8) as a primary background creates a warm, inviting canvas, contrasting sharply with the deep, saturated blues and vivid yellow. Rounded corners at `20px` are applied universally to interactive elements and cards, giving components a friendly, approachable character that softens the otherwise direct, functional aesthetic.", "theme": "light", "industry": "ecommerce", "source_url": "https://dopper.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933023266-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933023266-thumb.jpg", "refero_style_id": "734ab03c-a326-43e3-a463-c5f90247404f", "extracted_at": "2026-04-11T18:44:05.302Z", "path": "skills/dopper/DESIGN.md" }, { "id": "doppler", "name": "Doppler", "description": "Doppler's visual style is a 'midnight command center' behind frosted glass, creating an atmosphere of secure, high-tech operations. Deep purples and blacks form the primary palette, suggesting seriousness and advanced technology. Vivid electric green and violet accents cut through the darkness, like indicator lights on a complex dashboard, highlighting crucial actions and information. A subtle border treatment using a near-achromatic light gray provides structure and division without breaking the dark theme, reinforcing the 'frosted glass' feel.", "theme": "dark", "industry": "devtools", "source_url": "https://doppler.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932284864-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932284864-thumb.jpg", "refero_style_id": "10654184-eb92-4b75-a7af-bd92bc6cdc5c", "extracted_at": "2026-04-11T18:31:44.357Z", "path": "skills/doppler/DESIGN.md" }, { "id": "dot-inc", "name": "Dot Inc.", "description": "Dot Inc. employs a stark, functional aesthetic with high-contrast monochrome UI elements, punctuated by a single vibrant orange accent. The design feels spacious and robust, using generous padding and rounded corners to soften otherwise sharp information blocks. Typography is clear and direct, reinforcing a sense of precise utility. This system prioritizes straightforward presentation in a light theme environment, with color reserved for interactive elements and brand recognition.", "theme": "light", "industry": "other", "source_url": "https://pad.dotincorp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512271612-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512271612-thumb.jpg", "refero_style_id": "4bcd0728-0d28-4835-ba9f-d61554f797b1", "extracted_at": "2026-04-30T01:24:50.691Z", "path": "skills/dot-inc/DESIGN.md" }, { "id": "doug-alves", "name": "Doug–Alves", "description": "Doug–Alves presents a stark, high-contrast digital portfolio. Its design language is driven by highly structured, compact typography that carves out information on a dark plane, occasionally giving way to white canvases. The interaction design emphasizes functional clarity over ornamental flourishes, using subtle transitions and strong typographic scale to create visual rhythm.", "theme": "light", "industry": "design", "source_url": "https://dougalves.work", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521265424-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521265424-thumb.jpg", "refero_style_id": "24c54bfb-959d-4ca3-b274-e76ba823f3c0", "extracted_at": "2026-04-30T03:54:44.201Z", "path": "skills/doug-alves/DESIGN.md" }, { "id": "dovetail", "name": "Dovetail", "description": "Dovetail uses a sophisticated, deep-space interface strategy: a dominant dark canvas creates depth, accented by bright, functional typography and subtle gray surfaces. Visual hierarchy is established through precise alignment, judicious use of white text, and a single, vivid blue violet. Interactive elements are clearly delineated with contrasting backgrounds and precise spacing, maintaining a sense of order against the immersive dark theme.", "theme": "dark", "industry": "ai", "source_url": "https://dovetailapp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520517494-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520517494-thumb.jpg", "refero_style_id": "6f9452a4-3b64-4c6f-a05e-528d7a586f24", "extracted_at": "2026-04-30T03:42:21.046Z", "path": "skills/dovetail/DESIGN.md" }, { "id": "drawhistory", "name": "DrawHistory", "description": "DrawHistory utilizes a subdued, grounded aesthetic with a primary focus on dark text on light, almost parchment-like backgrounds. The visual system balances strong typographic hierarchy with soft, substantial UI elements. A distinctive palette of desaturated 'earthy' neutrals and a single vivid orange accent punctuates functional elements without overwhelming the calm, editorial feel. Components are notably chunky, with generous padding and rounded corners, creating a sense of weight and importance.", "theme": "light", "industry": "agency", "source_url": "https://drawhistory.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512399677-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512399677-thumb.jpg", "refero_style_id": "25246b10-83a4-4f51-a411-cf85503b94a8", "extracted_at": "2026-04-30T01:27:02.472Z", "path": "skills/drawhistory/DESIGN.md" }, { "id": "drepute", "name": "Drepute", "description": "Drepute employs a dark, contemplative aesthetic, grounding itself in the deep blues and blacks of a stark night sky or a still lake. Typography is central, using elegant serifs for prominent messages and clear sans-serifs for utility. The interface is highly minimal, with muted controls and a focus on content, relying on white text on dark backgrounds and thin borders for structure. Interactivity is suggested by subtle outlines and a scarcity of vibrant color, making any color highlight feel purposeful and significant.", "theme": "dark", "industry": "other", "source_url": "https://drepute.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514198444-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514198444-thumb.jpg", "refero_style_id": "523d3e7b-b0a2-4979-a626-00f1487b6e4d", "extracted_at": "2026-04-30T01:57:16.954Z", "path": "skills/drepute/DESIGN.md" }, { "id": "dribbble", "name": "Dribbble", "description": "Dribbble's aesthetic is an 'organized showcase' — a high-contrast, functionally transparent environment designed to highlight creative work without visual interference. Dominant achromatic tones in the background and foreground create a neutral canvas, allowing the showcased content to provide the primary visual interest. Subtle but consistent border radii unify interactive elements and content containers, creating a sense of approachable professionalism.", "theme": "light", "industry": "design", "source_url": "https://dribbble.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924005818-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924005818-thumb.jpg", "refero_style_id": "b8ce0a90-40c6-4518-940c-8c97ccf9c1a0", "extracted_at": "2026-04-11T16:13:43.743Z", "path": "skills/dribbble/DESIGN.md" }, { "id": "dries-bos", "name": "Dries Bos", "description": "Dries Bos presents a 'digital architect' aesthetic, combining a minimalist, achromatic canvas with precise, almost wireframe-like detailing. The system maintains a low-contrast, muted palette, focusing on structure through fine lines and ample negative space. Typography is compact and precise, anchoring content within a strict grid, while interactive elements are subtly delineated, relying on hover states to reveal activity rather than bold colors or heavy fills. The overall impression is one of meticulous order and understated functionality.", "theme": "light", "industry": "other", "source_url": "https://www.driesbos.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519808895-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519808895-thumb.jpg", "refero_style_id": "6d0db1c7-5500-40cd-b2f3-d3d9abbd3a2f", "extracted_at": "2026-04-30T03:30:23.308Z", "path": "skills/dries-bos/DESIGN.md" }, { "id": "drink818", "name": "drink818", "description": "The drink818 brand design system evokes a sense of understated luxury, blending natural tones with classic typography. A dominant muted green-gray serves as a grounding canvas, while a creamy off-white provides a soft, warm counterpoint for text and interactive elements. Typography is a mix of heritage serif for display and modern sans-serif for functional text, often with generous letter-spacing for an airy, refined feel. Interface elements are generally subtle, favoring rounded shapes and a focus on content over heavy decoration, with interactivity indicated by color shifts and slight elevation.", "theme": "light", "industry": "other", "source_url": "https://drink818.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518131328-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518131328-thumb.jpg", "refero_style_id": "5fc45cd6-924a-4d52-81d5-3ec5b5f43b91", "extracted_at": "2026-04-30T03:02:42.353Z", "path": "skills/drink818/DESIGN.md" }, { "id": "drive-capital", "name": "Drive Capital", "description": "Drive Capital uses a distinct print-inspired visual style, featuring bold, condensed typography and subtle parchment-like backgrounds. The visual system is built around a single, vibrant blue accent color against a warm, off-white canvas, lending a retro yet impactful feel. Visuals are intentionally sparse, relying on strong typographic hierarchy and clean, outlined component styling to convey information. The overall impression is one of purposeful simplicity and understated confidence.", "theme": "light", "industry": "other", "source_url": "https://www.thesummerdrive.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520760275-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520760275-thumb.jpg", "refero_style_id": "241ebab6-1f3a-4637-8754-4f6b164ea090", "extracted_at": "2026-04-30T03:46:17.389Z", "path": "skills/drive-capital/DESIGN.md" }, { "id": "drizzle-orm", "name": "Drizzle ORM", "description": "Drizzle ORM's design feels like an approachable developer workbench — functional and clear, with a dash of quirky personality. The dominant use of a system sans-serif for most text, coupled with the playful hand-drawn 'FirstTimeWriting' font for select headings and accents, creates a unique tension between serious engineering and whimsical creativity. Subtle gray tones provide structure and visual hierarchy, while thoughtful rounding on interactive elements hints at a user-friendly experience. Even the slight shadow on cards and inputs maintains a light, approachable feel rather than a stark, elevated presence.", "theme": "light", "industry": "devtools", "source_url": "https://orm.drizzle.team", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923435739-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923435739-thumb.jpg", "refero_style_id": "972925c4-0caa-4dc2-9c00-798b5be0ad70", "extracted_at": "2026-04-11T16:04:20.370Z", "path": "skills/drizzle-orm/DESIGN.md" }, { "id": "drop", "name": "Drop", "description": "Drop's visual system evokes a stark, high-contrast, digital command center aesthetic. It pairs deep, almost black canvases with crisp white text and a limited palette of saturated, functional accents. Typography is a key differentiator, employing a wide range of sizes and extreme negative letter-spacing for headlines and display text, creating a visually dense but impactful presence. Components favor minimal backgrounds, outlined borders, and a signature hyper-rounded radius, suggesting a refined, modern utility.", "theme": "light", "industry": "saas", "source_url": "https://www.usedrop.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519047775-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519047775-thumb.jpg", "refero_style_id": "36d939b8-e3b5-45c7-8d81-f7c4d7c8fdaa", "extracted_at": "2026-04-30T03:17:53.452Z", "path": "skills/drop/DESIGN.md" }, { "id": "dropbox-com", "name": "Dropbox.com", "description": "Dropbox's visual style is that of a confident, established tech product: a pristine, spacious digital workspace with pops of vibrant interaction. Dominant bright surfaces and substantial, clear typography create an atmosphere of straightforward efficiency and trustworthiness. The strategic use of a vivid royal blue for primary calls to action, contrasted with deep graphite text and subtle, almost invisible backgrounds, maintains a focused and uncluttered user experience.", "theme": "light", "industry": "saas", "source_url": "https://dropbox.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776105258119-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776105258119-thumb.jpg", "refero_style_id": "2b41e7c4-1e8c-4ea2-a87f-51e24c57886e", "extracted_at": "2026-04-13T18:34:40.896Z", "path": "skills/dropbox-com/DESIGN.md" }, { "id": "dropmark", "name": "Dropmark", "description": "Dropmark employs a clean, organized visual style featuring a bright, expansive canvas and structural components delineated by subtle borders and minimal elevation. A vibrant, functional blue serves as the primary accent, providing clear focal points against an otherwise muted palette of grays and off-whites. Typography is confident and direct, utilizing both proportional and tabular figures for clarity. The overall impression is one of efficiency and understated reliability.", "theme": "light", "industry": "productivity", "source_url": "https://dropmark.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521555220-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521555220-thumb.jpg", "refero_style_id": "5618f26a-4df6-42cb-8081-15e4318b54ff", "extracted_at": "2026-04-30T03:59:38.302Z", "path": "skills/dropmark/DESIGN.md" }, { "id": "dub", "name": "Dub", "description": "Dub presents a high-contrast, functionally transparent productivity aesthetic. Surfaces range from pure white to subtle light grays, often paired with crisp dark text. Typography is precise and clear, with a prominent serif display font for impact and a neutral sans-serif for content. Accent colors appear as small functional highlights rather than large blocks, creating a dynamic yet understated feel. Components are lightweight, featuring soft border radii and minimal, diffused shadows, emphasizing content over heavy ornamentation.", "theme": "light", "industry": "saas", "source_url": "https://dub.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510116298-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510116298-thumb.jpg", "refero_style_id": "b0d80806-b724-4ed1-a1d1-074edd3c9bc9", "extracted_at": "2026-04-30T00:49:07.398Z", "path": "skills/dub/DESIGN.md" }, { "id": "dub-links", "name": "Dub Links", "description": "Dub presents a precise, pragmatic aesthetic, reminiscent of a clean workbench for digital tools. Its foundation is a crisp, highly functional gray scale complemented by a single energetic orange accent, creating focused visual hierarchy without unnecessary embellishment. Subtle shadow work and soft border radii on interactive elements provide a contemporary feel while maintaining directness, avoiding distraction for the product-focused user.", "theme": "light", "industry": "devtools", "source_url": "https://dub.sh", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923096449-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923096449-thumb.jpg", "refero_style_id": "7bbbf1bc-e375-4200-8d71-e373a3c78654", "extracted_at": "2026-04-11T15:58:42.661Z", "path": "skills/dub-links/DESIGN.md" }, { "id": "dul-zorigoo", "name": "Dul Zorigoo", "description": "Dul Zorigoo's design system evokes an organized, understated workspace with strong typographic presence. It uses a near-monochromatic palette where all interface elements exist within a narrow range of grays, allowing content to take visual precedence. Interactions are subtle, marked by soft borders and minimal spatial shifts rather than vivid color, creating a quiet, focused user experience.", "theme": "light", "industry": "design", "source_url": "https://dzrgo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512033084-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512033084-thumb.jpg", "refero_style_id": "c8ca6c83-3197-4b19-af1c-b29d6f829c5f", "extracted_at": "2026-04-30T01:20:48.463Z", "path": "skills/dul-zorigoo/DESIGN.md" }, { "id": "duna", "name": "Duna", "description": "Duna employs a quietly confident and sophisticated aesthetic, characterized by a near-monochromatic palette and subtle textural shifts. Typography is precise and highly tracked, creating a sense of understated authority. Surfaces are clean and layered, with minimal elevation, allowing content to take precedence. The overall impression is one of grounded reliability, eschewing overt flash for refined clarity.", "theme": "light", "industry": "fintech", "source_url": "https://duna.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508879333-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508879333-thumb.jpg", "refero_style_id": "8cf4a580-bfb6-4090-a899-f734ffe62370", "extracted_at": "2026-04-30T00:28:27.554Z", "path": "skills/duna/DESIGN.md" }, { "id": "duolingo", "name": "Duolingo", "description": "This design system feels like a vibrant, welcoming arcade where learning is a game. The dominant vivid green (#58cc02) and rounded forms, especially the 12px border-radius buttons, create a friendly, approachable atmosphere, softening the otherwise crisp text. Typographic hierarchy is clear with distinct weights and sizes for headings and body, often anchored by a deeper neutral (#4b4b4b and #3c3c3c) that provides stability to the lively greens and blues. A crisp white background allows the saturated brand colors and whimsical illustrations to pop, fostering a sense of fun and engagement.", "theme": "light", "industry": "other", "source_url": "https://www.duolingo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777423572994-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777423572994-thumb.jpg", "refero_style_id": "95b472c5-fc07-46a8-a11f-c5432e290fcd", "extracted_at": "2026-04-29T00:46:34.807Z", "path": "skills/duolingo/DESIGN.md" }, { "id": "duties-xyz", "name": "Duties.xyz", "description": "This design feels like a stark, industrial space, where information is presented with an almost raw honesty. The heavy, irregular custom typefaces create a sense of directness, balanced by a clean paper-like background and compact, precise layouts. The visual language emphasizes functionality and impact over ornate aesthetics, making bold statements through strong typography and structured content.", "theme": "light", "industry": "other", "source_url": "https://duties.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926350078-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926350078-thumb.jpg", "refero_style_id": "e75b3106-fc5b-4bb8-8d7d-a7ab224fd27d", "extracted_at": "2026-04-11T16:52:50.801Z", "path": "skills/duties-xyz/DESIGN.md" }, { "id": "dylanbrouwer", "name": "Dylanbrouwer", "description": "The Dylanbrouwer design system projects a bold, industrial aesthetic through a highly constrained greyscale palette, sharp edges, and oversized, tightly tracked typography. A single vibrant orange hue serves as a sharp, functional accent. Component surfaces are mostly transparent or subtle, emphasizing a layered, almost architectural feel rather than solid blocks. Interactions are minimal and precise, with an underlying sense of restrained power.", "theme": "light", "industry": "design", "source_url": "https://www.dylanbrouwer.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513977142-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513977142-thumb.jpg", "refero_style_id": "b1e82907-d1cf-46cd-8ae7-3561c5b15fd0", "extracted_at": "2026-04-30T01:53:24.794Z", "path": "skills/dylanbrouwer/DESIGN.md" }, { "id": "dyotanya", "name": "Dyotanya", "description": "Dyotanya's visual system evokes a playful, hand-drawn blueprint aesthetic. It combines elegant serif typography with a stark, compact sans-serif, all set against a canvas of near-white. A single muted blue creates soft accents and interactive elements, often appearing as subtle borders. Dynamic, offset shadows add a touch of whimsy and depth to cards and elements, disrupting the otherwise flat surfaces.", "theme": "light", "industry": "design", "source_url": "https://dyotanya.com/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512868678-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512868678-thumb.jpg", "refero_style_id": "1b13360a-cdca-4798-969d-57ebb20a3b30", "extracted_at": "2026-04-30T01:34:50.662Z", "path": "skills/dyotanya/DESIGN.md" }, { "id": "dyson", "name": "Dyson", "description": "This Dyson design system exudes an aura of understated, high-tech precision, much like the engineering of its products. It achieves this through a largely monochromatic palette of distinct dark grays and crisp whites, punctuated by a vibrant green for primary calls to action. The strong focus on clear product imagery is supported by a clean, geometric typeface, ensuring a direct and unembellished presentation of technology.", "theme": "light", "industry": "other", "source_url": "https://dyson.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924899021-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924899021-thumb.jpg", "refero_style_id": "96845df2-7ddb-420a-814e-c339f95a6554", "extracted_at": "2026-04-11T16:28:39.258Z", "path": "skills/dyson/DESIGN.md" }, { "id": "earlydog", "name": "Earlydog", "description": "EarlyDog uses a playful, academic-chic visual system, balancing structured, bold typography with abstract, geometric illustrations on a warm, off-white canvas. The design features a high-contrast mono palette centered around a deep charcoal and an electric blue, punctuated by a set of vibrant, almost primary, accent colors in its graphic elements. Components are lightweight and confident, favoring high-radius outlines over heavy fills, creating an open and agile feel.", "theme": "light", "industry": "saas", "source_url": "https://www.earlydog.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517268642-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517268642-thumb.jpg", "refero_style_id": "707a1648-eaef-4629-9c5a-b835cedde250", "extracted_at": "2026-04-30T02:48:09.634Z", "path": "skills/earlydog/DESIGN.md" }, { "id": "ease-health", "name": "Ease Health", "description": "Ease Health employs a grounded, clinical yet approachable aesthetic, balancing a muted green-blue palette with abundant whitespace. The design emphasizes clarity through distinct surface levels, subtle typography, and a signature deep forest green for primary actions, contrasting with the soft, almost pastel backgrounds. Components are clean and substantial, featuring generous padding and distinctive rounded corners, giving the interface a calm, trustworthy, and organized feel.", "theme": "light", "industry": "other", "source_url": "https://easehealth.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507990052-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507990052-thumb.jpg", "refero_style_id": "e9f5e976-53f7-42f5-a882-4e63b3c2f734", "extracted_at": "2026-04-30T00:13:33.790Z", "path": "skills/ease-health/DESIGN.md" }, { "id": "eat-real-food", "name": "Eat Real Food", "description": "Eat Real Food uses a high-contrast, text-dominant visual system, evoking authority and directness. Dark charcoal text on light, almost creamy backgrounds creates a stark, legible interface. Typography is the primary visual driver, featuring prominent, oversized headlines and deliberate letter spacing. The system is largely monochrome, punctuated by a vivid red that acts as a symbolic warning and highlight for critical data points, reinforcing the urgent message of the content.", "theme": "light", "industry": "other", "source_url": "https://realfood.gov", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508209877-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508209877-thumb.jpg", "refero_style_id": "3d32f841-490d-4e5f-aba0-43c9d0c13130", "extracted_at": "2026-04-30T00:17:39.401Z", "path": "skills/eat-real-food/DESIGN.md" }, { "id": "eco", "name": "Eco", "description": "Eco presents a refined, almost architectural aesthetic that blends high-tech precision with a subtle, underlying warmth. The visual impression is one of confident authority, conveyed through a largely achromatic palette punctuated by a single, vibrant gradient. Large, impactful typography with precise letter-spacing anchors sections, while soft, rounded elements provide a counterpoint to the generally sharp interface, creating a balanced and approachable digital experience for complex financial technology.", "theme": "mixed", "industry": "fintech", "source_url": "https://eco.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924237244-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924237244-thumb.jpg", "refero_style_id": "9cc537fc-97d8-4632-8703-f9aa296c2206", "extracted_at": "2026-04-11T16:17:41.349Z", "path": "skills/eco/DESIGN.md" }, { "id": "ed-hinrichsen", "name": "Ed Hinrichsen", "description": "The Ed Hinrichsen site evokes a retro-computing aesthetic with a warm, desaturated orange and dark gray palette, accented by pixel-art typography and blocky shadow effects. Its visual language prioritizes a 'terminal' feel, using dashed borders as dividers and relying on a muted background color to ground content. Interactions are highlighted by direct, sharp shadows rather than soft glows, lending a tactile, almost stamped appearance to elements.", "theme": "light", "industry": "other", "source_url": "https://www.edwardh.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513679228-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513679228-thumb.jpg", "refero_style_id": "d266fee3-7479-4725-b727-e343ccefb576", "extracted_at": "2026-04-30T01:48:18.242Z", "path": "skills/ed-hinrichsen/DESIGN.md" }, { "id": "eduardo-del-fraile", "name": "Eduardo del Fraile", "description": "Eduardo del Fraile's visual identity is a high-contrast, minimalist showcase of striking product photography. Against a deep, expansive black canvas, content is primarily visual, featuring starkly lit objects. Typographic elements are understated, monochrome, and serve purely functional navigation or descriptive roles. The design prioritizes the visual impact of the work itself, with the UI receding into the background.", "theme": "dark", "industry": "design", "source_url": "https://www.eduardodelfraile.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520952219-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520952219-thumb.jpg", "refero_style_id": "e11be5e4-cd8f-410e-bfe1-8763ed62fac3", "extracted_at": "2026-04-30T03:49:25.760Z", "path": "skills/eduardo-del-fraile/DESIGN.md" }, { "id": "egstad", "name": "Egstad", "description": "Egstad's design system embraces a bold, unadorned aesthetic with stark visual contrasts. A muted, warm off-white background serves as the canvas for heavy, densely tracked sans-serif typography, asserting presence through scale and weight rather than color. Interactive elements use a tactile, almost skeumorphic toggle-like appearance with rounded full-bleed radii, creating a sense of mechanical precision against the otherwise flat plane. The overall impression is one of grounded, deliberate clarity, using minimal color to focus attention on structure and text.", "theme": "light", "industry": "design", "source_url": "https://egstad.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521663997-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521663997-thumb.jpg", "refero_style_id": "ec17bdec-c8fa-4221-abd6-da717bf38d96", "extracted_at": "2026-04-30T04:01:21.088Z", "path": "skills/egstad/DESIGN.md" }, { "id": "eight-sleep", "name": "Eight Sleep", "description": "Eight Sleep's design evokes a sense of sophisticated, premium technology, akin to a high-end personal device, through its dominant dark surfaces and stark monochromatic palette. The experience is primarily dark, using a deep #121212 background, sharply contrasted by bright white typography and subtle gray accents. A singular vivid violet (#4158ee) serves as the primary accent, appearing sparingly on interactive elements to create precise visual cues without becoming distracting. The design prioritizes visual clarity and focused attention on product features, employing carefully structured dark surfaces rather than relying on heavy shadows or complex color schemes.", "theme": "dark", "industry": "other", "source_url": "https://eightsleep.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924955562-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924955562-thumb.jpg", "refero_style_id": "e4e8fe86-47ed-4ddd-a6c6-2c28eae9aabe", "extracted_at": "2026-04-11T16:29:36.151Z", "path": "skills/eight-sleep/DESIGN.md" }, { "id": "eindhoven-design-district", "name": "Eindhoven Design District", "description": "Eindhoven Design District presents a high-contrast rectilinear system, built on stark black and white with an almost entire absence of grays, emphasizing clarity and bold forms. Type is a core visual element, with large, confident headlines often appearing as graphic elements. Imagery is integrated as clean, self-contained rectangles, maintaining the sharp visual rhythm. A playful use of occasional vivid color blocks acts as a punctuation rather than an integral part of the primary interface.", "theme": "light", "industry": "design", "source_url": "https://www.eindhovendesigndistrict.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512227300-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512227300-thumb.jpg", "refero_style_id": "c90b584e-de5b-4971-9e13-8ab991bd96c0", "extracted_at": "2026-04-30T01:24:12.637Z", "path": "skills/eindhoven-design-district/DESIGN.md" }, { "id": "ekipa-agency", "name": "Ekipa Agency", "description": "Ekipa Agency uses a stark, high-contrast visual system with a primary acid green canvas punctuated by deep charcoal text and bold, rotated accents of vivid fuchsia. The design feels raw and energetic, with imagery often desaturated, allowing the strong chromatic colors and sharp typographic choices to command attention. Thin borders and a near-monochromatic base palette ensure the vibrant highlights feel impactful and intentional.", "theme": "light", "industry": "media", "source_url": "https://ekipa.agency", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518667789-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518667789-thumb.jpg", "refero_style_id": "00878d73-0783-4d4a-a1ce-d3f9c0f877a0", "extracted_at": "2026-04-30T03:11:27.628Z", "path": "skills/ekipa-agency/DESIGN.md" }, { "id": "electronic-materials-office", "name": "Electronic Materials Office®", "description": "The Electronic Materials Office design system presents a future-forward, material-focused aesthetic: deep charcoal surfaces provide a sophisticated backdrop for precise typography. A single vibrant orange acts as a focused accent, guiding user interaction and highlighting key product details. The overall experience is one of refined minimalism, emphasizing form and function through limited color, structured spacing, and highly legible text.", "theme": "dark", "industry": "other", "source_url": "https://electronicmaterialsoffice.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512510974-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512510974-thumb.jpg", "refero_style_id": "297f65f7-0fbd-4521-ab91-a5f6e17175d9", "extracted_at": "2026-04-30T01:28:50.345Z", "path": "skills/electronic-materials-office/DESIGN.md" }, { "id": "elektron", "name": "Elektron", "description": "This design system evokes a high-fidelity control panel, where functional elements are precisely rendered against a deep, uniform darkness. The visual atmosphere is serious and technical, achieved through minimal color and sharp contrasts between almost-black backgrounds and near-white text. This stark aesthetic prioritizes clarity within a complex interface, using a restricted palette to focus attention on interactive elements and critical information, allowing for subtle visual depth through varied text weights and button styles.", "theme": "dark", "industry": "other", "source_url": "https://elektron.se", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933160360-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933160360-thumb.jpg", "refero_style_id": "6b5a0bf4-3d2a-4c3b-aa2e-652f1acb82c0", "extracted_at": "2026-04-11T18:46:23.589Z", "path": "skills/elektron/DESIGN.md" }, { "id": "elementor", "name": "Elementor", "description": "Elementor's visual system is a high-contrast monochrome stage where black and near-white alternate as the sole performers — no brand color claims the throne, just pure #000000 and #f6f6f6 pushed to 19:1 contrast ratios. The hero is a full-bleed moody lifestyle photograph with massive weight-900 Roobert headlines in white overlay, commanding attention through scale rather than color. Roobert's 'ss14' feature and tight negative letter-spacing (-0.02em at display sizes) give the type a compressed urgency. Black-filled CTA buttons and white-filled secondary buttons create the only color distinction on the page — the entire interactive vocabulary runs on this two-tone switch. Cards flip between pure black (#000000, 16px radius, 24px padding) and pure white (#ffffff, 16px radius, 48px/32px padding), creating a checkerboard depth without any shadow or elevation.", "theme": "light", "industry": "devtools", "source_url": "https://elementor.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934658756-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934658756-thumb.jpg", "refero_style_id": "4bbc63cf-c995-4c56-9873-e7f300f1c9e7", "extracted_at": "2026-04-11T19:12:35.931Z", "path": "skills/elementor/DESIGN.md" }, { "id": "elevenlabs", "name": "ElevenLabs", "description": "ElevenLabs feels like a museum label next to a working instrument — type-first, almost severe, yet alive with subtle warmth in the off-white surfaces. The page background #fdfcfc (named 'Eggshell' in the CSS tokens) is barely-not-white, giving the layout a slight papery warmth that black text lands on with extraordinary weight. Headlines use Waldenburg at weight 300 with -0.02em tracking, a custom serif that whispers where competitors shout — the counter-intuitive choice of a light-weight, slightly classical typeface for an AI voice platform creates authority through restraint. The entire chromatic palette is suppressed to near-zero saturation: #e5e5e5 borders, #777169 secondary text (a warm stone gray), and #fdfcfc surfaces — the only true color breaks come from pill-shaped black CTA buttons and the small colored avatar dots on voice profiles. The product UI card floats on a hairline shadow (0px 0px 1px rgba(0,0,0,0.4)) rather than elevation depth, keeping everything in the same visual plane.", "theme": "light", "industry": "ai", "source_url": "https://elevenlabs.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775945461084-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775945461084-thumb.jpg", "refero_style_id": "031056ff-7af1-46db-8daa-115f731c5d26", "extracted_at": "2026-04-11T22:12:51.895Z", "path": "skills/elevenlabs/DESIGN.md" }, { "id": "elevenreader", "name": "ElevenReader", "description": "This design evokes a sense of airy professionalism, like a digital stage bathed in diffused light presenting focused information. The near-monochromatic palette uses subtle off-whites and grays to create spaciousness, punctuated by sharp black text and interactive elements. The deliberate contrast between full-round pill shapes and sharp 16px corners on cards establishes a nuanced balance between approachable softness and precise functionality.", "theme": "light", "industry": "productivity", "source_url": "https://elevenreader.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933159505-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933159505-thumb.jpg", "refero_style_id": "c51c8371-0e42-4bdf-9766-c9eac5eee9a5", "extracted_at": "2026-04-11T18:46:17.291Z", "path": "skills/elevenreader/DESIGN.md" }, { "id": "elva", "name": "Elva", "description": "This design system is a study in stark monochrome contrast, evoking a gallery space for typographic art. Large-scale, custom typography dominates, creating a bold, almost brutalist visual identity. The absence of color and subtle shifts in near-achromatic tones (#262523 on #ECECEC) place absolute focus on form, text, and playful graphic interventions within the letterforms themselves. Subtle hints of illustration are integrated directly into oversized headlines, turning text into hero content.", "theme": "light", "industry": "agency", "source_url": "https://helloelva.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925407249-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925407249-thumb.jpg", "refero_style_id": "9568198a-5a51-4cbb-9dc3-b7610757cdd6", "extracted_at": "2026-04-11T16:37:09.031Z", "path": "skills/elva/DESIGN.md" }, { "id": "elvina-prasad", "name": "Elvina Prasad", "description": "This system projects an academic, almost stark modernity with its high-contrast monochrome palette. The design relies on generous white space and bold typography for impact. Interaction is subtle, using ghost buttons and thin borders rather than heavy fills. The overall atmosphere is discerning and direct, prioritizing content and clarity over decorative flourishes.", "theme": "light", "industry": "design", "source_url": "https://www.elvinaprasad.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513222176-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513222176-thumb.jpg", "refero_style_id": "717a2f6f-bc7d-4f9a-adcb-1465fdf77c9a", "extracted_at": "2026-04-30T01:40:40.916Z", "path": "skills/elvina-prasad/DESIGN.md" }, { "id": "emma-backman", "name": "Emma Backman", "description": "Emma Backman's visual system evokes a raw, direct archival feel: a stark dark canvas with text as the primary visual element. The layout prioritizes clear, unembellished information display, relying on consistent dark backgrounds and subtle text-based interactions. Typography is the hero, serving as both content and navigation, with a singular, restrained text color for all elements.", "theme": "dark", "industry": "media", "source_url": "https://www.emmabackman.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513393609-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513393609-thumb.jpg", "refero_style_id": "4b5db85a-5b11-431a-a45e-2a6282f291f3", "extracted_at": "2026-04-30T01:43:27.214Z", "path": "skills/emma-backman/DESIGN.md" }, { "id": "emmalewisham", "name": "Emmalewisham", "description": "Emma Lewisham presents a refined and classic aesthetic, characterized by a dominant muted pink-beige background against which a deep, vivid violet serves as the primary brand accent. Typography, featuring a serif for headings and a sans-serif for body text, is used with classic letter-spacing for legibility. Elements are generally soft and rounded, avoiding harsh lines, giving UI components a gentle, tactile quality that complements the natural skincare brand.", "theme": "light", "industry": "ecommerce", "source_url": "https://emmalewisham.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515484956-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515484956-thumb.jpg", "refero_style_id": "1e93f444-0b01-4412-aa2b-877be5ef08d7", "extracted_at": "2026-04-30T02:18:33.300Z", "path": "skills/emmalewisham/DESIGN.md" }, { "id": "employment-hero", "name": "Employment Hero", "description": "Employment Hero employs a vibrant, confident design language using a clean white canvas offset by a dominant, vivid violet. Typography is bold and assertive for headlines, while functional elements remain crisp and legible. Components exhibit softer, rounded edges for approachability, and subtle background tints introduce visual segmentation without heavy dividers, creating a sense of clarity and focused information presentation.", "theme": "light", "industry": "saas", "source_url": "https://employmenthero.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510538329-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510538329-thumb.jpg", "refero_style_id": "f4ebfdf4-c79c-4d95-8221-9330254fb1f9", "extracted_at": "2026-04-30T00:56:23.621Z", "path": "skills/employment-hero/DESIGN.md" }, { "id": "empower", "name": "Empower", "description": "Tilt communicates a direct, no-nonsense financial brand with a strong visual identity built on bold, condensed typography and a high-contrast dark theme punctuated by a vibrant, optimistic yellow. Components are lightweight and purposeful, relying on shape and color to convey hierarchy rather than heavy shadows. The overall aesthetic is one of confident utility, where key actions are highlighted by bright accents against a dominant dark canvas, switching to a clean light background for content-heavy sections.", "theme": "mixed", "industry": "fintech", "source_url": "https://empower.me", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520618064-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520618064-thumb.jpg", "refero_style_id": "8d3dc65e-4443-4bb3-b1a9-b0fc98381db9", "extracted_at": "2026-04-30T03:44:00.295Z", "path": "skills/empower/DESIGN.md" }, { "id": "endel-manifesto", "name": "Endel Manifesto", "description": "Endel Manifesto presents a stark, almost monastic dark mode experience, prioritizing content over visual flourish. The design employs a monochrome palette with abundant black space, utilizing white text and subtle gray accents to guide focus. Typography is minimal and direct, ensuring clarity against the deep background, while interactive elements are sparingly introduced with soft, rounded edges to avoid disruption.", "theme": "dark", "industry": "other", "source_url": "https://manifesto.endel.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513471008-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513471008-thumb.jpg", "refero_style_id": "9949add1-e0f0-4093-8002-db1f3a7390b7", "extracted_at": "2026-04-30T01:44:46.790Z", "path": "skills/endel-manifesto/DESIGN.md" }, { "id": "endless", "name": "Endless", "description": "This system projects an academic, almost clinical, precision with its sparse layout and strict monochrome palette. The design balances significant negative space with dense, information-rich text blocks, reminiscent of a research paper's appendix. Inter's subtle letter-spacing adjustments, especially noticeable at smaller text sizes, carve out readable blocks, contrasting with the bold visual statements of fluid, almost psychedelic, gradients used in portfolio showcases. The singular design choice is the use of perfectly circular 9999px pill buttons, offering the only soft, organic shape in an otherwise angular and purely functional interface.", "theme": "light", "industry": "design", "source_url": "https://endless.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923955749-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923955749-thumb.jpg", "refero_style_id": "da316896-0121-433a-8188-e785ce7eac68", "extracted_at": "2026-04-11T16:12:52.773Z", "path": "skills/endless/DESIGN.md" }, { "id": "enter-gmbh", "name": "Enter GmbH", "description": "Enter GmbH presents a bold, utilitarian aesthetic marked by high-contrast typography and a distinct lack of decorative elements. The visual system operates on contrasting surfaces of muted and vibrant hues, with a focus on clear, unembellished communication. Components are straightforward, featuring strong outlines and full-block backgrounds, reinforcing a sense of directness and functional clarity.", "theme": "light", "industry": "other", "source_url": "https://enter-support.de", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520733758-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520733758-thumb.jpg", "refero_style_id": "87da9872-f6cc-4354-bf6a-1c02f0394d45", "extracted_at": "2026-04-30T03:45:50.431Z", "path": "skills/enter-gmbh/DESIGN.md" }, { "id": "entire-studios", "name": "entire studios", "description": "This system feels like a minimalist gallery space, emphasizing raw visual impact and an almost ascetic reduction of UI ornamentation. The stark monochromatic palette of deep black and pale slate, punctuated only by occasional bright white elements, directs focus entirely to the content. Type is exclusively monospaced, lending a technical, almost archival quality, while the complete absence of rounded corners or shadows reinforces a sharp, uncompromising aesthetic.", "theme": "light", "industry": "ecommerce", "source_url": "https://entirestudios.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924543154-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924543154-thumb.jpg", "refero_style_id": "cef25151-078c-4631-8f02-4f204f071b8b", "extracted_at": "2026-04-11T16:22:36.454Z", "path": "skills/entire-studios/DESIGN.md" }, { "id": "enviar-dinero", "name": "Enviar Dinero", "description": "PayPal ES radiates electric confidence — a sky-blue hero floods the first viewport with near-neon energy (#60CDFF), while the rest of the page alternates between cobalt navy (#002991) and pure white, creating a two-temperature rhythm of cool sky and deep sea. The defining typographic move is PayPal Pro at weight 900 running from 67px to 181px, with letter-spacing at -0.03em: headlines feel like they were stamped onto the surface, not set in type. The plain body font carries a consistent -0.02em tracking that keeps even 14px text feeling intentional. Buttons are universally pill-shaped (1000px radius) against chromatic backgrounds, using transparent fills with 1px borders — never solid fills — creating an outline-only button language that feels airy against intense color fields. Photography is used full-bleed behind type overlays, with white super-size letterforms bleeding off crop edges as a graphic device.", "theme": "mixed", "industry": "fintech", "source_url": "https://paypal.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934768613-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934768613-thumb.jpg", "refero_style_id": "46c16139-b0bb-49e6-95dc-74bef576e5ce", "extracted_at": "2026-04-11T19:14:39.744Z", "path": "skills/enviar-dinero/DESIGN.md" }, { "id": "epic-agency", "name": "EPIC agency", "description": "This design system is a deep-space exploration vehicle, navigating the cosmos with subtle ambient light. The rich, desaturated violet background creates an immediate sense of depth and luxury, providing a canvas for crisp typography and controlled luminance. Geometric 3D illustrations serve as glowing constellations, guiding the user through an experience that feels both futuristic and intimately crafted. Typography plays a central role; the elegant `Sang Bleu` display font is an immediate visual signature.", "theme": "dark", "industry": "agency", "source_url": "https://epic.net", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925163303-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925163303-thumb.jpg", "refero_style_id": "6eb778ca-6808-4cc6-ac8a-7beea5a25c36", "extracted_at": "2026-04-11T16:33:01.388Z", "path": "skills/epic-agency/DESIGN.md" }, { "id": "epidemicsound", "name": "Epidemicsound", "description": "This design system presents a clean, approachable aesthetic with a strong emphasis on content, rather than heavy ornamentation. Subtle background color shifts create visual segmentation, preventing the flat UI from feeling stark. Type takes center stage, particularly the custom 'Sebenta Font' for headlines, which adds a distinct, sophisticated character, contrasting the straightforward 'Inter' for body copy. Playful, high-contrast accent colors are used sparingly to draw attention to key interactive elements and promotions, injecting vibrancy into an otherwise restrained palette.", "theme": "light", "industry": "media", "source_url": "https://epidemicsound.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943813273-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943813273-thumb.jpg", "refero_style_id": "d1f5ece3-ec6c-467d-8a59-51ee259cc023", "extracted_at": "2026-04-11T21:43:52.978Z", "path": "skills/epidemicsound/DESIGN.md" }, { "id": "equals", "name": "Equals", "description": "Equals feels like a newspaper broadsheet that learned to breathe — authoritative serif headlines punching at 110px sit on a warm cream field (#FAF9F5), while playful pastel color swatches float loosely in the background like spreadsheet cells coming undone. The tension between Serrif Condensed's editorial weight and Unica77's tight UI precision creates a dual-register: serious data tool and approachable product. Yellow (#FFCC00) announces itself only on the top announcement bar, orchid purple (#B074CE) appears exclusively on CTA buttons — two accent colors that never compete because they never share the same zone. Thin horizontal rules divide sections instead of whitespace padding, referencing spreadsheet grid lines as a structural metaphor throughout the page.", "theme": "light", "industry": "saas", "source_url": "https://equals.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934084494-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934084494-thumb.jpg", "refero_style_id": "dae7cbf2-0485-433b-8f63-eea8716ad14d", "extracted_at": "2026-04-11T19:03:11.531Z", "path": "skills/equals/DESIGN.md" }, { "id": "erno-forsstr-m", "name": "Erno Forsström", "description": "Erno Forsström's visual system evokes a gallery exhibition laid out in a stark, minimalist environment. Typography takes center stage, creating hierarchy and visual interest through precise sizes and tracking on a primarily achromatic canvas. The interface is text-heavy but feels spacious, punctuated by large, photographic case studies that break the rhythm with high-fidelity product imagery. The overall impression is one of restrained confidence and cerebral focus.", "theme": "light", "industry": "design", "source_url": "https://erno.works", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520134362-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520134362-thumb.jpg", "refero_style_id": "cffa5959-4283-41d2-ad11-bada2d731419", "extracted_at": "2026-04-30T03:35:48.661Z", "path": "skills/erno-forsstr-m/DESIGN.md" }, { "id": "escape-coffee-company", "name": "Escape Coffee Company", "description": "Escape Coffee Company presents a rugged, textural commerce experience. High-contrast typography emphasizes bold statements, while a carefully curated achromatic palette allows rich product photography and content backgrounds to dominate. Interaction elements are minimal and integrated, often appearing as subtle outlines or text against dark neutral backgrounds, preserving a raw, authentic feel.", "theme": "light", "industry": "ecommerce", "source_url": "https://escape.cafe", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508533541-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508533541-thumb.jpg", "refero_style_id": "b5532c58-620a-4d69-8861-35b2b6443956", "extracted_at": "2026-04-30T00:22:38.258Z", "path": "skills/escape-coffee-company/DESIGN.md" }, { "id": "essie-wine", "name": "Essie Wine", "description": "Essie Wine cultivates a classic, understated visual identity through a sparse palette of off-whites, murky greens, and a singular, muted ochre. Its spacious, text-dominant layout employs a traditional serif for its primary messaging, harmoniously paired with a legible sans-serif for functional text. Components are minimalist, often appearing as subtle underlines or text-only elements, reflecting a design ethos of quiet sophistication rather than overt display. The overall aesthetic feels like a well-worn book or a vintage poster—timeless and unpretentious.", "theme": "light", "industry": "other", "source_url": "https://www.essiewine.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520161697-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520161697-thumb.jpg", "refero_style_id": "07f5281d-2a18-4e12-a8ff-d54d3e03d198", "extracted_at": "2026-04-30T03:36:23.114Z", "path": "skills/essie-wine/DESIGN.md" }, { "id": "ethereum-org", "name": "ethereum.org", "description": "This design system feels like a tech conference where abstract ideas are made tangible. Its light theme and ample white space convey clarity and openness, while a spectrum of vibrant violet-to-pink gradients and sharp vector illustrations infuse it with a futuristic, playful energy. The interplay between strong, almost black headings and lighter grey body text, anchored by a prominent purple accent, creates a sophisticated yet dynamic informational aesthetic. Rounded corners on interactive elements provide a friendly counterpoint to predominantly straight lines in graphics.", "theme": "light", "industry": "crypto", "source_url": "https://ethereum.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924294644-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924294644-thumb.jpg", "refero_style_id": "f53b2759-5b4a-4509-9311-51ab74238326", "extracted_at": "2026-04-11T16:18:35.971Z", "path": "skills/ethereum-org/DESIGN.md" }, { "id": "eventbrite", "name": "Eventbrite", "description": "Eventbrite employs a lively discovery-platform aesthetic, featuring a bright, almost white canvas punctuated by a single vivid blue for interaction and branding. Typography is direct and legible, supporting a clear hierarchy without being overt. Components are lightweight with subtle borders and generous rounded corners, emphasizing content flow and event visibility over heavy chrome.", "theme": "light", "industry": "media", "source_url": "https://www.eventbrite.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509859308-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509859308-thumb.jpg", "refero_style_id": "1fa0d9da-966f-4d43-9775-e156bec3a3b3", "extracted_at": "2026-04-30T00:44:41.663Z", "path": "skills/eventbrite/DESIGN.md" }, { "id": "everafter", "name": "Everafter", "description": "EverAfter projects a refined, intelligent digital environment using a deep violet primary color accented by vibrant, almost neon, hues. Typography is a confident mix of a distinctive serif for headings and a clean sans-serif for body text, establishing an authoritative yet approachable tone. Surfaces are predominantly light and spacious, juxtaposed with the dramatic dark hero sections, creating clear visual hierarchy and drawing attention to key AI product features. Interaction elements are clearly defined with ample padding and generously rounded corners, suggesting a user-friendly, modern experience.", "theme": "mixed", "industry": "saas", "source_url": "https://www.everafter.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519440017-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519440017-thumb.jpg", "refero_style_id": "3b3aa977-c2d3-45a4-b440-0068f53237c6", "extracted_at": "2026-04-30T03:24:21.055Z", "path": "skills/everafter/DESIGN.md" }, { "id": "everlane", "name": "Everlane", "description": "The Everlane design system evokes refined simplicity through a largely achromatic palette, allowing product imagery and subtle accents to take center stage. Its characteristic look is defined by a rigorous focus on typography, utilizing custom sans-serif fonts at precise weights and letter-spacing for hierarchical messaging, paired with generous white space. The overall impression is one of calm, deliberate presentation, where visual noise is actively suppressed to highlight content purity.", "theme": "light", "industry": "ecommerce", "source_url": "https://everlane.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924478465-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924478465-thumb.jpg", "refero_style_id": "34b4856c-cc2b-4164-ab90-1b87cf8e0213", "extracted_at": "2026-04-11T16:21:38.933Z", "path": "skills/everlane/DESIGN.md" }, { "id": "evermade", "name": "Evermade", "description": "Evermade employs a confident, art-inspired visual language that merges stark elegance with playful, vivid accents. The primary palette is a dark, warm burgundy grounded by soft, humanistic neutrals, creating a refined backdrop. Typography features a strong contrast between classic serif display fonts and clean geometric sans-serifs, communicating authority and approachability. Components are lightweight with distinctive full rounded corners, emphasizing an open, modern aesthetic rather than heavy panels or complex shadows.", "theme": "light", "industry": "agency", "source_url": "https://evermade.fi", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521183861-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521183861-thumb.jpg", "refero_style_id": "b22f68eb-7ed1-47b6-995e-2c0afc79ac7e", "extracted_at": "2026-04-30T03:53:28.078Z", "path": "skills/evermade/DESIGN.md" }, { "id": "evernote", "name": "Evernote", "description": "Evernote projects a calm, confident workspace aesthetic with an off-white canvas and muted neutral surfaces. Typography is grounded and readable, while a single vibrant green accent provides functional punctuation for primary actions and key highlights. Interaction elements are lightweight but clearly defined, emphasizing clarity and focus over heavy ornamentation.", "theme": "light", "industry": "productivity", "source_url": "https://evernote.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510356673-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510356673-thumb.jpg", "refero_style_id": "0c0b6140-2b6c-44f8-8bba-4ecfcadba420", "extracted_at": "2026-04-30T00:52:59.625Z", "path": "skills/evernote/DESIGN.md" }, { "id": "evervault", "name": "Evervault", "description": "This design system evokes a sense of secure, high-tech elegance, like a digital vault operating in a cosmic void. Its visual identity relies on a deep, almost black background punctuated by subtly glowing purple gradients and crisp white text. The calculated tension between sharp edges and soft, almost nebulous gradients gives it a sophisticated yet approachable feel for a data security platform. The visual style avoids typical corporate starkness, opting instead for a more atmospheric, controlled digital aesthetic.", "theme": "dark", "industry": "devtools", "source_url": "https://evervault.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924255615-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924255615-thumb.jpg", "refero_style_id": "03dcd158-bc4d-447b-aaf2-8e522671a109", "extracted_at": "2026-04-11T16:18:02.505Z", "path": "skills/evervault/DESIGN.md" }, { "id": "evoke", "name": "EVOKE", "description": "EVOKE presents a bold, high-contrast visual system where stark black and white typography dominates an otherwise colorful, illustrative landscape. The design prioritizes readability and impact through large, heavy type set against vibrant, interchangeable background panels, creating a dynamic, almost billboard-like presentation. Visual content is presented in distinct, contained blocks, allowing each piece to stand out. Spacing is comfortable, offering breathing room for the strong visual elements without feeling sparse.", "theme": "light", "industry": "design", "source_url": "https://studioevoke.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512777595-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512777595-thumb.jpg", "refero_style_id": "a69de146-6ff1-4ea8-b4a4-9d182ca2de31", "extracted_at": "2026-04-30T01:33:31.025Z", "path": "skills/evoke/DESIGN.md" }, { "id": "exhibition-magazine", "name": "Exhibition Magazine", "description": "Exhibition Magazine embraces a high-contrast editorial aesthetic: stark black and white punctuated by strong photographic imagery. Content is presented on clean, unadorned surfaces with minimal elevation, emphasizing typography and photography. Subtle linear borders provide structure without visual weight. The overall impression is one of confident, minimalist sophistication, focusing reader attention on the curated content.", "theme": "light", "industry": "media", "source_url": "https://exhibition-magazine.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517891383-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517891383-thumb.jpg", "refero_style_id": "597355de-6167-4f37-8f14-b3897919a94c", "extracted_at": "2026-04-30T02:58:39.740Z", "path": "skills/exhibition-magazine/DESIGN.md" }, { "id": "exo-ape", "name": "Exo Ape", "description": "Exo Ape embraces a grand, architectural aesthetic, layering substantial typography and large-scale imagery against a stark yet subtle neutral palette. Text carries the primary visual weight, with massive display typography and precise letter-spacing establishing a commanding presence. Functional interactions are understated, allowing content blocks and imagery to dominate the visual field without interruption.", "theme": "light", "industry": "agency", "source_url": "https://www.exoape.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513890739-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513890739-thumb.jpg", "refero_style_id": "18e84ffd-4a5d-453d-aeff-dae2847aa3c9", "extracted_at": "2026-04-30T01:52:07.084Z", "path": "skills/exo-ape/DESIGN.md" }, { "id": "expo", "name": "Expo", "description": "Expo's design system feels like a precise technical blueprint on a minimalist canvas. It leverages a stark achromatic palette as its foundation, creating an atmosphere of clarity and focused utility. The singular bold blue (#0090ff) is reserved strictly for interactive elements like primary buttons and specific navigation items, acting as an indicator light in an otherwise subdued interface. Subtle rounded corners, particularly the exaggerated 36px radius on primary buttons, soften the otherwise sharp, text-heavy presentation, introducing an element of approachability to a highly technical subject.", "theme": "light", "industry": "devtools", "source_url": "https://expo.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923178129-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923178129-thumb.jpg", "refero_style_id": "b054773d-2d14-4a35-b366-81b4ac00f171", "extracted_at": "2026-04-11T15:59:58.544Z", "path": "skills/expo/DESIGN.md" }, { "id": "expressvpn", "name": "ExpressVPN", "description": "ExpressVPN utilizes a 'Confident Utility' visual language, combining a clean light canvas with distinct brand-colored accents for critical actions and information. The design promotes trust and clarity through a high-contrast monochromatic base, softened by rounded corners and subtle elevation for focal elements. Typography is precise and direct, avoiding flourishes, consistently driving attention to key product offerings and security benefits. The overall impression is professional and secure, with a clear hierarchy established through color and weight.", "theme": "light", "industry": "other", "source_url": "https://www.expressvpn.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510477404-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510477404-thumb.jpg", "refero_style_id": "eddfa579-89f1-467d-a486-99a56be36c30", "extracted_at": "2026-04-30T00:55:23.995Z", "path": "skills/expressvpn/DESIGN.md" }, { "id": "extract", "name": "Extract", "description": "Extract's design system channels a confident, editorial aesthetic built on stark black and white contrasts, punctuated by a soft, muted green and rich, natural photography. Typography features bold, custom display fonts for headlines alongside a robust sans-serif for body text, creating a strong sense of visual hierarchy. Components are minimal and grounded in stark geometric shapes, often appearing as ghost outlines or solid blocks, avoiding heavy shadows or intricate decorations to maintain clarity and directness.", "theme": "light", "industry": "design", "source_url": "https://extract.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512436582-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512436582-thumb.jpg", "refero_style_id": "c4e125b6-e3a3-4509-b06f-f0169216a394", "extracted_at": "2026-04-30T01:27:36.377Z", "path": "skills/extract/DESIGN.md" }, { "id": "ezekiel-aquino", "name": "Ezekiel Aquino", "description": "Ezekiel Aquino's design system evokes an academic, minimalist aesthetic, reminiscent of a printed score on paper. The core visual identity is built on high-contrast monochrome with extensive negative space, making typography the primary visual element. The interplay of classic serif and modern sans-serif fonts, coupled with an almost entirely achromatic palette, creates a refined and intellectual atmosphere. Visual interest is primarily driven by artful arrangement of text and the graphic use of musical notation, rather than decorative UI elements or vibrant color.", "theme": "light", "industry": "design", "source_url": "https://ezekielaquino.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521563605-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521563605-thumb.jpg", "refero_style_id": "d6be921b-d52d-4cc0-b527-431685a0bf50", "extracted_at": "2026-04-30T03:59:37.881Z", "path": "skills/ezekiel-aquino/DESIGN.md" }, { "id": "f-miller", "name": "F. MILLER", "description": "F. MILLER presents a serene, natural aesthetic through a desaturated, almost monochromatic palette of warm grays and muted greens, evoking an apothecary-like simplicity. Typography is understated and functional, with subtle letter spacing adjustments for a precise, unadorned feel. Components are minimal, often borderless or with hairline borders, and elevation is primarily achieved through subtle shifts in background color rather than shadows, creating a lightweight and tactile surface design.", "theme": "light", "industry": "ecommerce", "source_url": "https://fmillerskincare.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519026653-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519026653-thumb.jpg", "refero_style_id": "c96d2252-84d9-4770-8afe-8de570102124", "extracted_at": "2026-04-30T03:17:28.288Z", "path": "skills/f-miller/DESIGN.md" }, { "id": "fable", "name": "Fable", "description": "Fable embraces a playful, illustrative aesthetic with strong, inviting typography and a limited but impactful color palette. Bold, contrasting backgrounds in rich greens and blues create distinct sections, often paired with white or near-black text for high readability. Imagery is organic and character-driven, feeling integrated rather than overlaid. Components feature generous padding and distinct, rounded shapes, projecting a friendly and approachable digital experience.", "theme": "light", "industry": "media", "source_url": "https://fable.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520321292-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520321292-thumb.jpg", "refero_style_id": "ab650279-aa18-43e5-a998-34190d7bedc7", "extracted_at": "2026-04-30T03:39:13.068Z", "path": "skills/fable/DESIGN.md" }, { "id": "fable-mane", "name": "Fable & Mane", "description": "Fable & Mane evokes a spirited, naturalistic brand with a gentle, earthy canvas and flashes of energetic color. The visual system prioritizes warmth and comfort, achieved through rounded forms, soft background tones, and legible but characterful typography. Components feel approachable, often outlined or ghosted, reserving vibrant reds for clear calls to action that pop against muted surroundings. The overall effect is a clean, product-focused presentation softened by organic accents.", "theme": "light", "industry": "ecommerce", "source_url": "https://fableandmane.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516253435-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516253435-thumb.jpg", "refero_style_id": "7ad912fd-e690-46e4-a5e5-e5b60be2dd70", "extracted_at": "2026-04-30T02:31:16.357Z", "path": "skills/fable-mane/DESIGN.md" }, { "id": "faccia-brutto-spirits", "name": "Faccia Brutto Spirits", "description": "Faccia Brutto Spirits uses a rustic artisan aesthetic, blending a limited monochromatic palette with earthy tones and a single bold action color. Typography is condensed and authoritative, with strong uppercase headlines. Surfaces are clean and unembellished, relying on subtle textural nuances instead of gradients or heavy shadows. Components emphasize functionality with minimal styling, echoing a handcrafted yet direct approach.", "theme": "light", "industry": "ecommerce", "source_url": "https://facciabruttospirits.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518271470-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518271470-thumb.jpg", "refero_style_id": "181a3e89-20cb-400a-8fa4-529acce7ca7d", "extracted_at": "2026-04-30T03:04:57.792Z", "path": "skills/faccia-brutto-spirits/DESIGN.md" }, { "id": "face-formula", "name": "Face Formula", "description": "Face Formula cultivates a natural, understated aesthetic with a muted color palette dominated by cool greys and subtle blue-greys, echoing its Norwegian roots. Typography combines a classic serif for impactful headlines with a clean sans-serif for body text, creating a balanced and readable experience. Design elements are minimal, favoring delicate borders and ample white space over bold colors or heavy shadows. Components are lightweight, emphasizing content and a serene visual atmosphere.", "theme": "light", "industry": "ecommerce", "source_url": "https://faceformula.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509512392-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509512392-thumb.jpg", "refero_style_id": "78ac71e1-cd4c-4b4d-bac5-e7e6c65cd3fa", "extracted_at": "2026-04-30T00:38:56.808Z", "path": "skills/face-formula/DESIGN.md" }, { "id": "factory-ai", "name": "Factory.ai", "description": "Factory.ai embraces a 'technical brutalism meets digital precision' aesthetic, prioritizing informational clarity and directness. The near-monochromatic palette, dominated by light grays and deep charcoals, provides a stark, high-contrast backdrop for technical content. A single vivid orange accent color is deployed sparingly as a functional indicator, highlighting interactive elements and key information without visual noise. The strong typographic voice, characterized by precise letter-spacing and a monospace variant for code, reinforces the structured, engineering-focused identity.", "theme": "light", "industry": "ai", "source_url": "https://factory.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932553513-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932553513-thumb.jpg", "refero_style_id": "13d6fc89-eba2-4724-ac37-20f4f2e5efec", "extracted_at": "2026-04-11T18:36:15.407Z", "path": "skills/factory-ai/DESIGN.md" }, { "id": "faculty-department", "name": "Faculty Department", "description": "Faculty Department establishes a refined editorial aesthetic with a warm, desaturated canvas and minimalist, text-focused layouts. The design emphasizes clear information hierarchy through understated typography and subtle visual separation, using fine hairline borders rather than heavy containers or shadows. The overall impression is one of calm restraint, allowing content to take precedence, supported by a muted background palette and precise typographic detailing.", "theme": "light", "industry": "media", "source_url": "https://facultydept.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509558570-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509558570-thumb.jpg", "refero_style_id": "11764fe0-e246-4b17-b3fb-a5d567466355", "extracted_at": "2026-04-30T00:39:53.794Z", "path": "skills/faculty-department/DESIGN.md" }, { "id": "faire-es", "name": "Faire ES", "description": "Faire presents a warm, artisanal marketplace aesthetic, balancing utility with a handcrafted feel. Predominantly light surfaces provide a clean backdrop for product showcases, punctuated by a soft, moderate yellow that adds a unique brand signature. Typography combines a sturdy sans-serif for functional text with a distinct serif for headlines, creating an approachable yet authoritative voice. Component shapes exhibit soft, approachable corners, reinforcing the friendly marketplace identity.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.faire.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510030978-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510030978-thumb.jpg", "refero_style_id": "6fb648be-cc69-4a84-a798-9f0f006922a0", "extracted_at": "2026-04-30T00:47:36.282Z", "path": "skills/faire-es/DESIGN.md" }, { "id": "fallen-grape", "name": "Fallen Grape", "description": "Fallen Grape cultivates a natural, earthy aesthetic, reflecting its product's organic ethos: a warm, muted palette evokes a sunset over a vineyard, complemented by rustic typography. Surfaces are generally flat and unadorned, with a distinct absence of shadows, creating an honest and grounded feel. User interface elements such as buttons and navigation are kept simple, often with a subtle border in a desaturated tone, maintaining an unobtrusive presence that lets the product and imagery shine. The overall atmosphere is serene and authentic, using color and typography to suggest handcrafted quality rather than digital slickness.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.fallengrape.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513914388-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513914388-thumb.jpg", "refero_style_id": "17ce9ad2-f22d-4e48-92de-e28fb8551cc5", "extracted_at": "2026-04-30T01:52:16.382Z", "path": "skills/fallen-grape/DESIGN.md" }, { "id": "family", "name": "Family", "description": "Family lands like a children's book dropped into a fintech dashboard — warm off-white canvas (#fbfaf9) littered with expressive flat-illustrated characters in vivid primary colors (electric orange, grass green, sky blue, bright yellow) while the typography stays grounded and authoritative. The custom 'Family' typeface at 68px with tight -0.031em tracking carries the hero weight, while Inter handles everything else with progressively tighter letter-spacing as sizes increase. Cards use an inset warm-stone border (a single 1px shadow at #f2f0ed) instead of drop shadows, keeping surfaces flat and tactile. The only dark surface is the 'Get Started' pill button in near-black #121212 against the warm cream background — a single moment of contrast in an otherwise light, airy layout. The illustration vocabulary — wobbly blob creatures with stick legs and expressive faces — is the real identity system, not the color palette alone.", "theme": "light", "industry": "crypto", "source_url": "https://family.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776179975855-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776179975855-thumb.jpg", "refero_style_id": "1bcae895-2245-4d33-aa43-1c1e80719554", "extracted_at": "2026-04-14T15:22:01.694Z", "path": "skills/family/DESIGN.md" }, { "id": "fantasy", "name": "Fantasy", "description": "This design system evokes a sense of stark luxury, like a gallery space for digital art. The absolute black background intensifies the impact of the crisp white typography, creating a high-contrast, text-dominant presentation. Information is delivered with quiet confidence, relying on precise typographic control and generous negative space to command attention, rather than flashy visuals or complex layouts. The singular focus on black and white, paired with meticulous letter-spacing, projects an image of refined authority and intellectual rigor.", "theme": "dark", "industry": "agency", "source_url": "https://fantasy.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925535201-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925535201-thumb.jpg", "refero_style_id": "ccb67114-6da3-476a-8ca4-b348ab3d0a03", "extracted_at": "2026-04-11T16:39:21.735Z", "path": "skills/fantasy/DESIGN.md" }, { "id": "farfetch-espa-a", "name": "FARFETCH España", "description": "This design system projects an image of understated luxury and clarity, functioning as a high-end catalogue. Its visual identity is defined by a rigorous absence of ornamentation: no rounded corners, no shadows, and a near-monochromatic palette. The stark black and white contrast ensures maximum legibility for product names and prices, while a generous use of negative space around imagery elevates each item. Functionality and navigation are prioritized through minimal but distinct interactive elements, allowing the curated product visuals to dominate the user's attention. The uniform straight edges and deliberate lack of visual flair ensure content takes center stage, like a gallery.", "theme": "light", "industry": "ecommerce", "source_url": "https://farfetch.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943849475-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943849475-thumb.jpg", "refero_style_id": "600002c5-c5f5-4df0-adf6-6324ee6255c0", "extracted_at": "2026-04-11T21:44:27.579Z", "path": "skills/farfetch-espa-a/DESIGN.md" }, { "id": "favorit-studio", "name": "Favorit Studio", "description": "Favorit Studio employs a stark and confident editorial aesthetic, blending classic serif headlines with a modern sans-serif for body text and navigation. The design emphasizes high contrast monochrome surfaces with minimal visual embellishment, allowing crisp typography and bold photography to dominate. Interactive elements are subtle, relying on text and slight border changes rather than color fills, creating an atmosphere of understated luxury and directness.", "theme": "light", "industry": "design", "source_url": "https://favorit.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515135707-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515135707-thumb.jpg", "refero_style_id": "7e03ab3b-1344-43d7-a7c4-2f31395758ae", "extracted_at": "2026-04-30T02:12:35.984Z", "path": "skills/favorit-studio/DESIGN.md" }, { "id": "feedhive", "name": "FeedHive", "description": "FeedHive projects a clean, approachable, and slightly playful digital aesthetic. The use of a custom \\\"Thicccboi\\\" typeface at varying weights, often bold and large for headlines, gives the content a direct, confident voice. Subtle gradients and rounded elements, particularly the ubiquitous 9999px pill shape, soften the otherwise structured interface. A limited but vibrant palette of blues and violets provides energy against a predominantly white and light gray background, suggesting a modern, user-friendly platform.", "theme": "light", "industry": "ai", "source_url": "https://feedhive.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932072618-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932072618-thumb.jpg", "refero_style_id": "45080e55-1fbe-4726-be23-4c9f54e442aa", "extracted_at": "2026-04-11T18:28:15.752Z", "path": "skills/feedhive/DESIGN.md" }, { "id": "felt", "name": "Felt", "description": "Felt employs a dark, command-center aesthetic, with a cool green canvas creating a sense of depth and focus for data visualization. Typography is crisp and authoritative, striking a balance between traditional elegance and modern clarity. Functional elements are highlighted with a warm amber tone, contrasting effectively with the predominantly muted green and deep grayscale palette. Components are lightweight and precise, often featuring subtle borders and minimal radii to maintain a structured yet unobtrusive interface.", "theme": "dark", "industry": "saas", "source_url": "https://www.felt.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519689804-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519689804-thumb.jpg", "refero_style_id": "127a4efb-685c-42c3-83eb-72bb410a8429", "extracted_at": "2026-04-30T03:28:31.143Z", "path": "skills/felt/DESIGN.md" }, { "id": "ferrari", "name": "Ferrari", "description": "This design system evokes precision engineering and focused luxury through a high-contrast, almost entirely achromatic palette. Deep blacks and stark whites create a dramatic stage for the content, focusing attention on high-performance imagery. Subtle gray variations provide surface differentiation, akin to different finishes on precision metal, rather than relying on chromatic accents for visual hierarchy. The custom typography, characterized by its wide letter-spacing, projects a sense of deliberate pacing and exclusivity, ensuring every word commands attention.", "theme": "mixed", "industry": "other", "source_url": "https://ferrari.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924835013-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924835013-thumb.jpg", "refero_style_id": "80164adf-a898-4f7c-bce7-12f3f62e1649", "extracted_at": "2026-04-11T16:27:33.690Z", "path": "skills/ferrari/DESIGN.md" }, { "id": "fey", "name": "Fey", "description": "Fey uses a commanding dark mode palette, leveraging deep blacks and subtle gradients as a backdrop for high-fidelity financial data. White and muted grays provide essential text hierarchy and UI structure, while sparse, vivid chromatic accents draw attention to critical insights and interactive elements. The system emphasizes clarity and data density through compact typography and minimal component padding, offering a direct and focused user experience. Transparency and blurred surfaces create a sense of depth without resorting to heavy shadows.", "theme": "dark", "industry": "fintech", "source_url": "https://www.fey.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509962069-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509962069-thumb.jpg", "refero_style_id": "a0630421-7b66-48b4-aa14-6194a3b2c2b9", "extracted_at": "2026-04-30T00:46:29.890Z", "path": "skills/fey/DESIGN.md" }, { "id": "fiasco", "name": "Fiasco", "description": "Fiasco projects a refined, tactile aesthetic using a muted off-white canvas and discreet typographical hierarchy. The system prioritizes crisp, open layouts punctuated by occasional vibrant accent colors that appear as focused, deliberate flashes rather than overwhelming washes. Components often feature generous radii, conveying a soft, approachable feel despite the otherwise formal typography. The overall impression is one of crafted minimalism with attention to subtle detail and comfortable negative space.", "theme": "light", "industry": "agency", "source_url": "https://fiasco.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508828312-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508828312-thumb.jpg", "refero_style_id": "ef73c742-1c3b-48b9-a174-de365ecc4691", "extracted_at": "2026-04-30T00:27:40.239Z", "path": "skills/fiasco/DESIGN.md" }, { "id": "fictional", "name": "Fictional", "description": "The Fictional design system embodies a playful and energetic aesthetic, reminiscent of a vibrant children's book. It leverages a lively palette of saturated brand colors against a warm, neutral background. Typography is central to the visual identity, using a custom font that radiates personality. Components feature rounded, often irregular shapes, minimal shadows, and bold color accents, creating an approachable and whimsical user experience.", "theme": "light", "industry": "design", "source_url": "https://fictional-typeface.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515147387-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515147387-thumb.jpg", "refero_style_id": "af2e0bc4-ef1c-4365-a25d-00b691218431", "extracted_at": "2026-04-30T02:12:52.873Z", "path": "skills/fictional/DESIGN.md" }, { "id": "fid-le-editions", "name": "Fidèle Editions", "description": "Fidèle Editions presents an analog craft workshop aesthetic: a warm off-white canvas, sturdy typography, and a single vibrant blue brand accent. Product surfaces are subtle, often borderless, letting the rich product imagery dominate. Typography combines playful, condensed headlines with robust body text, creating a tactile, hand-printed feel across the interface.", "theme": "light", "industry": "ecommerce", "source_url": "https://fidele-editions.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521518478-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521518478-thumb.jpg", "refero_style_id": "957da5c3-7063-4992-9d25-e255752dc9b3", "extracted_at": "2026-04-30T03:59:02.644Z", "path": "skills/fid-le-editions/DESIGN.md" }, { "id": "fielddaysound", "name": "Fielddaysound", "description": "Fielddaysound's visual identity feels like a minimalist gallery space at midnight – stark, confident, and punctuated by unexpected vibrancy. The dominant deep charcoal (#131313) paired with bright magenta accent (#fb5eff) establishes a high-contrast, almost electric atmosphere without relying on full black. Typography is oversized and deliberately sparse, creating a sense of dramatic scale, while subtle spacing and lack of overt decoration prioritize content as art.", "theme": "dark", "industry": "agency", "source_url": "https://fielddaysound.tv", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925390921-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925390921-thumb.jpg", "refero_style_id": "3f4ef2db-bc7b-44c4-a7aa-8816680bea07", "extracted_at": "2026-04-11T16:36:50.279Z", "path": "skills/fielddaysound/DESIGN.md" }, { "id": "figma", "name": "Figma", "description": "The interface operates as a strict, high-contrast structural container that entirely defers visual dominance to user-generated content. A stark #000000 on #ffffff palette forms the baseline, eschewing subtle grays in favor of absolute maximum contrast for primary boundaries and text. Typographic hierarchy relies almost purely on size and aggressive negative tracking rather than color variation, turning large text strings into dense graphical blocks. The border-radius logic enforces a severe dichotomy: 50px extreme pills for global navigation elements clashing intentionally against completely sharp 0px corners on content containers.", "theme": "light", "industry": "design", "source_url": "https://figma.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777413652671-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777413652671-thumb.jpg", "refero_style_id": "60793669-28e2-41bd-bf9d-972151630f7c", "extracted_at": "2026-04-28T22:02:49.564Z", "path": "skills/figma/DESIGN.md" }, { "id": "figma-config", "name": "Figma Config", "description": "Figma Config employs a bold, high-contrast dark theme, emphasizing clarity and directness. Monochrome neutrals dominate the canvas, creating space for content to stand out. Typography is dense and strong, utilizing custom fonts that command attention while maintaining high legibility against the dark background. Interaction is signaled through subtle border changes and direct color swaps rather than complex elevation, giving components a lightweight and integrated feel.", "theme": "dark", "industry": "design", "source_url": "https://config.figma.com/events/figma-config-2022", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513857853-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513857853-thumb.jpg", "refero_style_id": "8caa5004-a8cc-4c7e-a2bb-00ff60618729", "extracted_at": "2026-04-30T01:51:17.444Z", "path": "skills/figma-config/DESIGN.md" }, { "id": "filling-pieces", "name": "Filling Pieces", "description": "Filling Pieces establishes a confident, minimalist e-commerce aesthetic with a strong emphasis on product presentation. The system uses a limited, high-contrast achromatic palette, allowing product imagery to carry the visual weight. Typography is compact and precise, maintaining overall lightness. Components are structured and refined, relying on subtle borders and uniform radii rather than heavy elevation, contributing to an uncluttered and direct user experience.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.fillingpieces.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515348772-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515348772-thumb.jpg", "refero_style_id": "f401f04f-c45b-4261-9441-f502c6569a29", "extracted_at": "2026-04-30T02:16:32.730Z", "path": "skills/filling-pieces/DESIGN.md" }, { "id": "films-53-12", "name": "Films 53/12", "description": "Films 53/12 embraces a stark, monochromatic aesthetic, creating a feeling of artistic minimalism. The design relies heavily on high contrast typography and ample dark negative space, lending an air of seriousness and focused intent. Interactions are subtle, communicated through text highlights rather than bold colorful components. The overall impression is one of restraint and intellectual depth, allowing the content to take precedence within a tightly controlled visual framework.", "theme": "dark", "industry": "media", "source_url": "https://www.films53-12.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514655501-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514655501-thumb.jpg", "refero_style_id": "9796b04a-2bb6-4571-9f68-f3360e5746c2", "extracted_at": "2026-04-30T02:04:28.359Z", "path": "skills/films-53-12/DESIGN.md" }, { "id": "fingerprint", "name": "Fingerprint", "description": "Fingerprint's design system offers a grounded, informative aesthetic that balances clear data presentation with subtle brand touches. The combination of a warm, off-white background and a dark, slightly desaturated typography creates a high-contrast yet comfortable reading experience. The system utilizes a precise, technical monospace font for data display, contrasting with a clean sans-serif for general content, underscoring its focus on accuracy and data integrity. Primary interactions are highlighted with a vibrant, energetic orange, adding a focused burst of color against the otherwise subdued palette.", "theme": "light", "industry": "devtools", "source_url": "https://fingerprint.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932288984-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932288984-thumb.jpg", "refero_style_id": "da6ad92d-4f29-4f92-a59a-3a46295d0d1c", "extracted_at": "2026-04-11T18:31:55.037Z", "path": "skills/fingerprint/DESIGN.md" }, { "id": "finn", "name": "Finn", "description": "Finn uses a vibrant, playful e-commerce aesthetic with a strong emphasis on brand personality. The design couples a foundational dark blue and brown palette with a vivid pink and orange for accent, creating a cheerful yet trustworthy feel. Typography is structured and clean, ensuring legibility, while rounded forms in buttons and cards add a soft, approachable touch. The overall impression is energetic and customer-friendly, reflecting a modern pet wellness brand.", "theme": "light", "industry": "ecommerce", "source_url": "https://petfinn.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521222483-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521222483-thumb.jpg", "refero_style_id": "07546cf0-b9df-49dd-9da9-319d7a654703", "extracted_at": "2026-04-30T03:54:02.169Z", "path": "skills/finn/DESIGN.md" }, { "id": "firecrawl", "name": "Firecrawl", "description": "Firecrawl employs a crisp, data-centric interface with a strong emphasis on clean surfaces and a single vibrant accent color. Typography is confident and precise, prioritizing legibility and structure over decorative flair. Components are lightweight and interaction focused, using subtle borders and shadows to define hierarchy rather than heavy fills. The overall impression is one of efficiency and directness, designed for developers engaging with AI tools.", "theme": "light", "industry": "ai", "source_url": "https://www.firecrawl.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507924014-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507924014-thumb.jpg", "refero_style_id": "78fec83e-4b27-44ab-9f64-31e9dee53e46", "extracted_at": "2026-04-30T00:12:29.417Z", "path": "skills/firecrawl/DESIGN.md" }, { "id": "firstandforemost", "name": "Firstandforemost", "description": "First + Foremost casts a vibrant, modern tone through the interplay of a single bold orange and off-white neutrals. Typography is large and declarative, often acting as a primary visual element. The layout is spacious with strong rectangular sections, allowing content to breathe and emphasizing the punchy color contrast. Components use soft rounding for buttons against typically sharp-edged backgrounds, creating an approachable yet direct aesthetic.", "theme": "light", "industry": "agency", "source_url": "https://firstandforemost.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521223072-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521223072-thumb.jpg", "refero_style_id": "ac86af87-6f60-42a2-b805-87a168792e55", "extracted_at": "2026-04-30T03:54:11.102Z", "path": "skills/firstandforemost/DESIGN.md" }, { "id": "fiverr-com", "name": "Fiverr.com", "description": "Fiverr.com projects a workaday, accessible design system with a sharp focus on clarity and function. The visual style is rooted in a dominant, slightly desaturated green brand color used for accents and action, set against a predominantly achromatic palette of white, grays, and dark graphite surfaces. Interface elements are compact, utilizing soft curves and minimal elevation to maintain a lightweight feel, emphasizing direct interaction without visual clutter. The overall impression is one of efficiency and straightforward professionalism, guiding users through a clean, task-oriented experience.", "theme": "light", "industry": "other", "source_url": "https://www.fiverr.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510910699-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510910699-thumb.jpg", "refero_style_id": "c3b34927-0638-463e-bf85-180d73bfc367", "extracted_at": "2026-04-30T01:02:20.577Z", "path": "skills/fiverr-com/DESIGN.md" }, { "id": "fiz", "name": "Fiz", "description": "Fiz's visual identity balances stark minimalism with subtle material warmth, drawing heavily on a monochrome palette of near-black text on a muted, almost concrete-like light gray canvas. The design prioritizes readability and directness through compact typography and a deliberate lack of decorative elements. Interaction is framed by crisp, thin strokes and a single contrasting brand accent when an action is taken, focusing attention without visual clutter. The overall effect is one of quiet efficiency and grounded sophistication.", "theme": "light", "industry": "design", "source_url": "https://www.davidfiz.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520941782-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520941782-thumb.jpg", "refero_style_id": "ab0a904b-3a49-4114-9efc-965022a6340e", "extracted_at": "2026-04-30T03:49:20.107Z", "path": "skills/fiz/DESIGN.md" }, { "id": "flayks", "name": "Flayks", "description": "Flayks employs a dark, high-contrast, and playfully chaotic visual system. Bold, oversized typography in vivid colors dominates the layout, creating a dense, almost overwhelming textual landscape. Surfaces are predominantly dark, acting as a backdrop for energetic text and accent elements. The system feels dynamic and experimental, with elements often overlapping or being partially obscured, emphasizing a sense of motion and irreverence.", "theme": "dark", "industry": "design", "source_url": "https://flayks.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518856835-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518856835-thumb.jpg", "refero_style_id": "77a193de-2472-4637-802f-d930ec61c180", "extracted_at": "2026-04-30T03:14:43.224Z", "path": "skills/flayks/DESIGN.md" }, { "id": "flecto", "name": "Flecto", "description": "Flecto employs a high-contrast dark green canvas accented by a vibrant, energetic lighter green for key interactive elements. Rounded corners are ubiquitous, creating a soft, approachable aesthetic for sections and components. Typography is crisp and modern, featuring custom sans-serif fonts with subtle letter-spacing variations to enhance legibility and visual rhythm. The overall impression is one of structured friendliness, with clear visual hierarchy driven by color and shape rather than complex elevation.", "theme": "light", "industry": "saas", "source_url": "https://flecto.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513020565-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513020565-thumb.jpg", "refero_style_id": "fdc72952-9b36-443a-9e0c-20b366aee29f", "extracted_at": "2026-04-30T01:37:21.581Z", "path": "skills/flecto/DESIGN.md" }, { "id": "flighty", "name": "Flighty", "description": "Flighty's design system evokes a sense of technical precision and clarity, balancing a stark white canvas with deep, almost inky, dark surfaces. Typography is compact and precise, utilizing system fonts to create a direct and functional aesthetic. Accents of vivid blue and yellow serve as functional highlights for interactions and status, contrasting against the monochromatic background to guide user attention. Components are lightweight with subtle, layered shadows, prioritizing content over heavy UI chrome.", "theme": "light", "industry": "productivity", "source_url": "https://flighty.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509169851-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509169851-thumb.jpg", "refero_style_id": "0d0de64c-1891-4984-9e12-8976e042ce11", "extracted_at": "2026-04-30T00:33:25.260Z", "path": "skills/flighty/DESIGN.md" }, { "id": "flora", "name": "FLORA", "description": "FLORA evokes a midnight command center atmosphere, blending stark functionality with subtle creative flair. It uses a predominantly dark theme with surfaces ranging from pure black to dark charcoal, accented by bright white text and subtle gray borders. Typography plays a central role, leveraging custom fonts with precise letter-spacing to create a crisp, almost whispered authority. Interactive elements are sparse, using ghost button styles and a singular vivid green accent for 'New' tags and hints of activation, maintaining a focus on content over heavy UI.", "theme": "dark", "industry": "ai", "source_url": "https://www.florafauna.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508979883-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508979883-thumb.jpg", "refero_style_id": "cf8cd07d-bff0-41dc-ab70-fa85750f6168", "extracted_at": "2026-04-30T00:30:12.284Z", "path": "skills/flora/DESIGN.md" }, { "id": "flowers-for-society", "name": "Flowers For Society", "description": "Flowers For Society employs a vibrant, optimistic aesthetic, designed to evoke connection with nature and purpose. It pairs a crisp white canvas with a single dominant 'Deep Cobalt' blue, used prominently for interactive elements, text, and borders, establishing a strong brand identity. Typography is bold and confident, utilizing custom serifs for display and approachable sans-serifs for body text, creating a balanced hierarchy. Components feature soft, rounded edges, suggesting organic forms and approachability, with a focus on clear, unembellished functionality.", "theme": "light", "industry": "ecommerce", "source_url": "https://flowersforsociety.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516127353-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516127353-thumb.jpg", "refero_style_id": "e00519a1-7b8a-4171-b49b-550c64a57d3c", "extracted_at": "2026-04-30T02:29:10.565Z", "path": "skills/flowers-for-society/DESIGN.md" }, { "id": "flowmapp", "name": "Flowmapp", "description": "This design evokes a feeling of structured clarity and playful dynamism, balancing functional utility with a touch of modern vibrancy. The primarily white-bodied interface provides a blank canvas, punctuated by a deep blue accent (#0080ff) that guides interaction. Organic, blurred background shapes add a soft, futuristic atmosphere, while the crisp black typography and rounded components (#1600px, #12px) create a friendly yet precise tool.", "theme": "light", "industry": "design", "source_url": "https://flowmapp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932778486-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932778486-thumb.jpg", "refero_style_id": "caca412f-7fc7-4510-aacc-5664d4f8ce9f", "extracted_at": "2026-04-11T18:39:59.545Z", "path": "skills/flowmapp/DESIGN.md" }, { "id": "flutterflow", "name": "FlutterFlow", "description": "This design system evokes a 'deep space command center' atmosphere, achieved through a predominantly dark mode with complex, subtle gradients creating depth and energy. The primary visual tension arises from the interplay of smooth, expansive dark surfaces and bursts of vivid, luminous violet. Type is restrained, leveraging specific letter-spacing for refined legibility, while rounded corners on interactive elements provide a friendly counterpoint to the overall high-tech mood.", "theme": "dark", "industry": "devtools", "source_url": "https://flutterflow.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932467436-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932467436-thumb.jpg", "refero_style_id": "4e1ac04c-02ae-41cf-b588-3f6226a882f8", "extracted_at": "2026-04-11T18:34:48.239Z", "path": "skills/flutterflow/DESIGN.md" }, { "id": "flutterwave-design", "name": "Flutterwave Design", "description": "Flutterwave Design employs a high-contrast, clean canvas aesthetic, featuring bold headlines and a structured layout. The visual design emphasizes readability with dark typography on a predominantly light background, punctuated by a single vivid yellow accent for interactive elements. Imagery is abstract and often uses strong color blocking, contributing to a modern, almost digital-art feel. Components are compact and functional, supporting a dense yet organized information delivery.", "theme": "light", "industry": "design", "source_url": "https://www.flutterwave.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520269378-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520269378-thumb.jpg", "refero_style_id": "97bbc1bd-873f-4048-b4cc-b20ea2e70097", "extracted_at": "2026-04-30T03:38:09.523Z", "path": "skills/flutterwave-design/DESIGN.md" }, { "id": "fluz", "name": "Fluz", "description": "Fluz employs a vibrant, energetic visual style, characterized by bold, condensed typography on gradients with floating illustrative elements. The UI balances strong, dark text against light or gradient backgrounds, emphasizing action and impact. Components are designed with soft, rounded edges and prioritize clear calls to action, maintaining a playful yet assertive tone.", "theme": "light", "industry": "fintech", "source_url": "https://fluz.app/us", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507373608-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507373608-thumb.jpg", "refero_style_id": "7ce6bd42-e498-47c0-ad02-7b3a0f5d94e0", "extracted_at": "2026-04-30T00:03:17.359Z", "path": "skills/fluz/DESIGN.md" }, { "id": "fly-io", "name": "Fly.io", "description": "This design orchestrates a playful yet competent aesthetic, combining whimsical hand-drawn illustrations with a structured technical layout. Its mood is one of approachable innovation, where complex systems are presented with a friendly, inviting tone. The foundation is a clean, bright canvas, subtly enhanced by soft, multi-color gradients that hint at dynamism and possibility without visual noise. Muted violet tones dominate text and interactive elements, providing a consistent brand presence that is distinctive but not overwhelming.", "theme": "light", "industry": "devtools", "source_url": "https://fly.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923289442-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923289442-thumb.jpg", "refero_style_id": "0c77bb2a-c7cd-499b-b5cd-90268eefe906", "extracted_at": "2026-04-11T16:01:53.138Z", "path": "skills/fly-io/DESIGN.md" }, { "id": "flying-papers", "name": "Flying Papers", "description": "Flying Papers uses a vibrant, playful visual language with high-contrast color pairings and bold, expressive typography. The design emphasizes chunky, outlined elements and a distinct personality, favoring blocky shapes and thick borders over subtle gradients or shadows. Color is used to define graphic blocks and highlight key information, rather than for deep hierarchy or functional states. The overall impression is energetic and almost cartoonish.", "theme": "light", "industry": "other", "source_url": "https://www.flyingpapers.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512122392-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512122392-thumb.jpg", "refero_style_id": "7d254296-6817-487a-a58c-4d5eca89cbf3", "extracted_at": "2026-04-30T01:22:23.691Z", "path": "skills/flying-papers/DESIGN.md" }, { "id": "folkert-gorter", "name": "Folkert Gorter", "description": "Folkert Gorter employs a stark, almost brutalist approach, reminiscent of early web interfaces or terminal UIs. The design emphasizes content over adornment, featuring a high-contrast achromatic palette with text-heavy layouts. Typography is functional and monospace-leaning, creating a spartan, technical feel. Minimalist borders and an absence of shadows highlight a flat-design ethos, where visual cues are direct and unembellished.", "theme": "light", "industry": "other", "source_url": "https://folkert.link", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513457126-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513457126-thumb.jpg", "refero_style_id": "30b7dcc4-7f6e-413a-b6b5-dce60fed0acd", "extracted_at": "2026-04-30T01:44:32.024Z", "path": "skills/folkert-gorter/DESIGN.md" }, { "id": "fonts-in-use", "name": "Fonts In Use", "description": "This design system presents as an academic archive: minimal, almost utilitarian, with a relentless focus on content. The stark monochrome palette of pure black and white emphasizes the typographic examples, with subtle gray surfaces providing structure without distraction. Custom fonts (BentonSansRE and RelayCond) lend a distinct, authoritative voice, reinforcing the site's role as a trusted resource. The tight spacing and modest 2px radius on interactive elements communicate efficiency and precision, prioritizing information delivery over decorative flourishes.", "theme": "light", "industry": "design", "source_url": "https://fontsinuse.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924013694-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924013694-thumb.jpg", "refero_style_id": "348c83bc-bed3-4562-841a-26a30ee19a9b", "extracted_at": "2026-04-11T16:13:50.730Z", "path": "skills/fonts-in-use/DESIGN.md" }, { "id": "foodnoms", "name": "Foodnoms", "description": "Foodnoms presents a vibrant, data-driven aesthetic, blending clean white spaces with a lively and diverse color palette. The immediate impression is one of approachable and precise digital tools, reinforced by the combination of a sharp, clear sans-serif with a more characterful, rounded custom typeface. The use of multiple vivid accent colors, particularly in charts and graphs within the simulated app screens, suggests a system designed for information visualization where clarity and differentiation are paramount, rather than a strictly minimalist or monochromatic approach.", "theme": "light", "industry": "other", "source_url": "https://foodnoms.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933341816-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933341816-thumb.jpg", "refero_style_id": "1e7dae3b-cb34-4fcf-8c32-051152aebbab", "extracted_at": "2026-04-11T18:49:24.219Z", "path": "skills/foodnoms/DESIGN.md" }, { "id": "fora", "name": "FORA", "description": "This design evokes a sense of playful architectural structure by organizing content into distinct, brightly colored blocks. The deliberate use of stark white and black typography against saturated, pastel-like backgrounds creates a high-contrast, graphic quality. Each large content area acts as a 'room' with its own color and function, where the delicate, custom serif wordmark provides an unexpected counterpoint to the bold, blocky layout and muted, modern sans-serif body text. This interplay between classical typography and contemporary, segmented color fields distinguishes the visual style.", "theme": "light", "industry": "agency", "source_url": "https://fora-concept.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926165654-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926165654-thumb.jpg", "refero_style_id": "9929101b-90d4-4306-bc4a-4d8f65b527f5", "extracted_at": "2026-04-11T16:49:45.709Z", "path": "skills/fora/DESIGN.md" }, { "id": "fornasetti-profumi-asmr-rooms", "name": "Fornasetti Profumi ASMR Rooms", "description": "Fornasetti Profumi ASMR creates a deeply immersive, almost reverent atmosphere through its use of a pure black canvas and delicate, antique-inspired typography. The UI is exceptionally sparse, relying on subtle outlined interactive elements and minimal text to guide the user. The aesthetic is one of quiet luxury and focused attention, where UI elements are barely-there whispers rather than prominent features.", "theme": "dark", "industry": "other", "source_url": "https://www.fornasettiprofumi.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513594839-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513594839-thumb.jpg", "refero_style_id": "d9fca67f-0b4c-4ba5-ab95-2b3b1018d5a3", "extracted_at": "2026-04-30T01:47:26.698Z", "path": "skills/fornasetti-profumi-asmr-rooms/DESIGN.md" }, { "id": "forner", "name": "Forner", "description": "Forner presents a refined, almost austere aesthetic, balancing a limited palette of warm, earthy neutrals with expansive whitespace. Typography takes center stage, featuring distinct display and accent typefaces that exude a quiet confidence. The overall impression is one of intentionality and understated luxury, where visual silence amplifies the impact of carefully chosen elements.", "theme": "light", "industry": "agency", "source_url": "https://forner.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512609515-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512609515-thumb.jpg", "refero_style_id": "2a830d03-cebc-48f0-a50f-ad78168c5026", "extracted_at": "2026-04-30T01:30:59.153Z", "path": "skills/forner/DESIGN.md" }, { "id": "foundry", "name": "Foundry", "description": "Basement Foundry evokes a clandestine digital workshop feel, with a stark dark theme serving as a canvas for experimental typography. Its visual identity relies on strong contrasts, minimal adornment, and precise geometric forms, accented by a single vivid orange that acts as both highlight and interactive cue. The system prioritizes clarity and directness, using monospace and utilitarian sans-serif fonts until striking display typefaces take center stage as product showcases. Components are mostly outlined or text-based, maintaining a lightweight, almost 'ghostly' presence against the deep background.", "theme": "dark", "industry": "design", "source_url": "https://foundry.basement.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512146328-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512146328-thumb.jpg", "refero_style_id": "896f0ea9-6f1a-40a6-aba7-fdaa579c7352", "extracted_at": "2026-04-30T01:22:51.250Z", "path": "skills/foundry/DESIGN.md" }, { "id": "frame-io", "name": "Frame.io", "description": "Frame.io's design evokes a sophisticated, high-tech command center with a dark, immersive background that immediately draws focus to content. Dark, deeply saturated purples and blues provide an atmospheric stage, accented by electric blue interactive elements that pulse like system indicators. Sharp typography with generous letter-spacing on display elements contrasts with soft-cornered cards, creating a tension between precision and approachability, suitable for creative professionals who value both. The overall impression is one of quiet power and focused efficiency.", "theme": "dark", "industry": "saas", "source_url": "https://frame.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924773678-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924773678-thumb.jpg", "refero_style_id": "30c3aa18-4323-4448-8ddd-3ca933fe5780", "extracted_at": "2026-04-11T16:26:36.427Z", "path": "skills/frame-io/DESIGN.md" }, { "id": "framer", "name": "Framer", "description": "Framer's design pulsates like a high-contrast digital canvas, where every element is deliberately placed against a deep, inky black. The interplay of brilliant white typography and electric blue accents (#0099ff) against the #000000 background creates an immediate sense of clarity and impact, reminiscent of a command-line interface or a designer's dark-mode workspace. Generously rounded elements, especially 100px pill buttons, introduce soft dynamism into an otherwise sharp, modern aesthetic, making complex tools feel approachable. Subtle layers of near-black surfaces (#080808) provide depth without relying on heavy shadows, maintaining a lightweight, performant feel.", "theme": "dark", "industry": "design", "source_url": "https://framer.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776081981265-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776081981265-thumb.jpg", "refero_style_id": "d417b42f-824d-45ba-a02e-cbef3b8ea0d8", "extracted_at": "2026-04-13T12:06:51.325Z", "path": "skills/framer/DESIGN.md" }, { "id": "franco-maria-ricci-editore", "name": "Franco Maria Ricci Editore", "description": "Franco Maria Ricci's design system evokes the gravitas of classic publishing with a pristine white canvas and sharp, high-contrast typography. Its visual identity relies on subtle use of a single, rich gold accent for highlighting and interactive states, creating an understated elegance. Components are minimal, often borderless and shadowless, allowing the content—primarily art books—to command attention. The overall impression is one of sparse luxury and meticulous curation, where visual space is as important as the elements it contains.", "theme": "light", "industry": "media", "source_url": "https://www.francomariaricci.com/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517309309-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517309309-thumb.jpg", "refero_style_id": "6120469b-a1c8-46d3-b7fd-8aa6dc22c0d9", "extracted_at": "2026-04-30T02:49:17.498Z", "path": "skills/franco-maria-ricci-editore/DESIGN.md" }, { "id": "franky-s", "name": "FRANKY'S", "description": "Franky's employs an 8-bit arcade aesthetic, reminiscent of retro computing interfaces and early video games. The UI features a dominant dark mode with soft, paper-like neutral surfaces and vibrant, purposeful chromatic accents. A distinct pixelated font defines all typography, reinforcing a digital-native, nostalgic feel. Elements are framed with thin, sometimes dashed borders, and rounded corners provide a subtle organic counterpoint to the pixel grid.", "theme": "dark", "industry": "ecommerce", "source_url": "https://frankys-hats.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520365718-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520365718-thumb.jpg", "refero_style_id": "7c84da5d-b7a0-436f-bfaa-68d0a14f8e86", "extracted_at": "2026-04-30T03:39:47.425Z", "path": "skills/franky-s/DESIGN.md" }, { "id": "free-resume-builder", "name": "Free Resume Builder", "description": "Resume.io evokes a feeling of quiet competence through its balanced use of a predominantly cool color palette and generous spacing. The interface prioritizes clarity and approachability, using soft blues and grays alongside a confident, sans-serif typography. Interactive elements are clearly distinguished by a vibrant blue, making complex forms feel manageable and guiding users through the resume-building process with a reassuring visual tone.", "theme": "light", "industry": "productivity", "source_url": "https://resume.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933552888-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933552888-thumb.jpg", "refero_style_id": "41e65213-1c4a-41c4-b715-50427fa8926e", "extracted_at": "2026-04-11T18:52:54.734Z", "path": "skills/free-resume-builder/DESIGN.md" }, { "id": "freelance-frontend-ui-developer-and-designer-rou-hun-fan", "name": "Freelance frontend UI developer and designer, Rou Hun Fan", "description": "The Rou Hun Fan design system is a high-contrast, text-dominant interface built around a dark canvas punctuated by neon accents and an unconventional typographic play. It combines bold, blocky sans-serifs with ornate serifs, creating a distinct visual language that feels energetic and disruptive. The layout emphasizes direct and impactful messaging, using minimal interactive elements to draw attention to stark color contrasts and unique typography.", "theme": "dark", "industry": "design", "source_url": "https://flowen.me", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512858543-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512858543-thumb.jpg", "refero_style_id": "ffb945f9-2d70-45e8-9024-492900318fa8", "extracted_at": "2026-04-30T01:34:37.614Z", "path": "skills/freelance-frontend-ui-developer-and-designer-rou-hun-fan/DESIGN.md" }, { "id": "freitag", "name": "Freitag", "description": "Freitag's design system uses a utilitarian, recycled canvas aesthetic: dominant light gray surfaces, stark black typography, and highly functional component treatments. The visual style emphasizes content clarity and product-focused imagery, punctuated by vibrant, raw material colors within the product compositions themselves. The layout maintains a controlled maximum width, creating a structured, gallery-like experience for showcasing unique items.", "theme": "light", "industry": "ecommerce", "source_url": "https://freitag.ch/en_ID", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508357875-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508357875-thumb.jpg", "refero_style_id": "d75a643b-a518-4550-b430-679cd989a447", "extracted_at": "2026-04-30T00:19:49.728Z", "path": "skills/freitag/DESIGN.md" }, { "id": "fresha", "name": "Fresha", "description": "Fresha uses an expansive, bright self-care marketplace aesthetic with a clear information hierarchy. A luminous radial gradient forms a soft, inviting backdrop, contrasting with sharp black typography and vivid accent colors. Interactive elements are clearly defined by rounded borders and specific color usage, while a subtle surface elevation emphasizes key content. The layout maintains a spacious feel with compact, grouped content, creating an efficient and user-friendly experience.", "theme": "light", "industry": "productivity", "source_url": "https://www.fresha.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510305969-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510305969-thumb.jpg", "refero_style_id": "066625ba-0d8d-472e-8240-4026ed7bb94e", "extracted_at": "2026-04-30T00:52:08.546Z", "path": "skills/fresha/DESIGN.md" }, { "id": "freshman", "name": "Freshman", "description": "Freshman employs a stark, high-contrast dark theme emphasizing bold typography and minimal UI elements. The design prioritizes content, with a monochromatic canvas broken by sharp, subtle geometric accents and a single vibrant red for impact. Typography is the primary visual communicator, leveraging custom fonts to create a direct and authoritative tone. Components are ghost-like and integrated, giving space to the brand's work.", "theme": "dark", "industry": "media", "source_url": "https://freshman.tv", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508435342-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508435342-thumb.jpg", "refero_style_id": "a6284fcd-fa69-4469-ac40-4239e5b84a39", "extracted_at": "2026-04-30T00:20:58.106Z", "path": "skills/freshman/DESIGN.md" }, { "id": "freytag-anderson", "name": "Freytag Anderson", "description": "Freytag Anderson employs a minimalist, high-contrast aesthetic, building a visual language of quiet authority. Its dark-mode foundation with stark white typography creates dramatic legibility, while purposeful negative space and a constrained color palette emphasize content and text as primary visual elements. Interactions are subtle, relying on hover states and minimal accents rather than overt visual cues, conveying a sense of understated confidence.", "theme": "dark", "industry": "design", "source_url": "https://www.freytaganderson.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517111010-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517111010-thumb.jpg", "refero_style_id": "2d4fc4ba-2ea4-465f-8644-f3ff5c6713a2", "extracted_at": "2026-04-30T02:45:31.712Z", "path": "skills/freytag-anderson/DESIGN.md" }, { "id": "fromscout-com", "name": "fromscout.com", "description": "GoDaddy's design system, as observed, features a pragmatic and informative tone. It relies on a high-contrast dark blue (#00112C) for primary display areas contrasting sharply with an expansive white canvas. Text is generally dark and crisp (#111111), punctuated by a single vibrant teal (#00A4A6) that highlights interactive elements and key information without being overly playful. Components are structured, defined by subtle borders and minimal shadow, favoring clarity and directness over decorative flourishes.", "theme": "light", "industry": "other", "source_url": "https://www.fromscout.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514434803-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514434803-thumb.jpg", "refero_style_id": "dac5e693-743b-43bb-af35-b31fd2567884", "extracted_at": "2026-04-30T02:00:52.455Z", "path": "skills/fromscout-com/DESIGN.md" }, { "id": "front", "name": "Front", "description": "Front's visual style is a bold declaration of authority, centered around a deep, immersive purple canvas. It balances the playful energy of vibrant accents with the serious undertones of a mature B2B SaaS. The use of custom typography and deliberate shape choices—sharp corners for content containers vs. generous 40px and 64px radii for interactive elements—creates a dynamic tension, projecting a brand that is both innovative and reliable. The unique deep violet background establishes a distinct brand identity, ensuring instant recognition.", "theme": "dark", "industry": "saas", "source_url": "https://front.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932112101-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932112101-thumb.jpg", "refero_style_id": "3281b445-805b-4dc7-933f-42b544a6d798", "extracted_at": "2026-04-11T18:28:54.300Z", "path": "skills/front/DESIGN.md" }, { "id": "frontier-ai-llms", "name": "Frontier AI LLMs", "description": "Mistral AI presents as a digital desert landscape at dawn. The warm, earthy gradient backgrounds evoke vast, untamed frontiers, grounding the advanced AI concepts in natural, expansive imagery. Heavy, dark typography on these warm backdrops creates stark contrast, emphasizing seriousness and weight. An almost absent border radius (0px) reinforces a pragmatic, unyielding aesthetic, while the single vivid orange accent color highlights interaction points, mimicking a critical glow against the muted tones.", "theme": "light", "industry": "ai", "source_url": "https://mistral.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776125037404-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776125037404-thumb.jpg", "refero_style_id": "d3caa7bf-2e2e-489a-845d-5cab274e7a92", "extracted_at": "2026-04-14T00:04:23.316Z", "path": "skills/frontier-ai-llms/DESIGN.md" }, { "id": "frontify", "name": "Frontify", "description": "Frontify employs a sophisticated, clean, brand-centric aesthetic, combining a calm, off-white canvas with sharp black typography and deliberate, functional infusions of color. The system balances highly compact, precise type with generous negative space, creating an impression of clarity and efficiency. A muted, almost monochrome palette ensures focus on content, with specific, vivid accents used strategically for highlighting interactive elements or brand punctuation. Components are lightweight with softened corners, contributing to a modern, approachable feel.", "theme": "light", "industry": "design", "source_url": "https://www.frontify.com/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507872448-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507872448-thumb.jpg", "refero_style_id": "8f42603d-7ff9-446e-99a3-6bdd1f388ae5", "extracted_at": "2026-04-30T00:11:40.579Z", "path": "skills/frontify/DESIGN.md" }, { "id": "fruitful", "name": "Fruitful", "description": "Fruitful projects a calm, approachable financial tech image through a clean white canvas, softened neutrals, and a prominent, vibrant green brand accent. Typography is modern and unembellished, emphasizing clarity and directness. Components are lightweight with generous rounded corners, conveying a friendly and trustworthy feel, while subtle shadows add minimal depth without heaviness. The overall impression is one of ease and quiet confidence in managing personal finance.", "theme": "light", "industry": "fintech", "source_url": "https://fruitful.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507873701-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507873701-thumb.jpg", "refero_style_id": "3634d5eb-ccfa-4881-b234-3dd735fb7ae4", "extracted_at": "2026-04-30T00:11:40.979Z", "path": "skills/fruitful/DESIGN.md" }, { "id": "function", "name": "Function", "description": "Function Health uses a soft, organic health-science aesthetic: light, airy surfaces, grounded typography, and an earthy orange accent. The design feels approachable and trustworthy, balancing scientific rigor with human comfort. Typography mixes a robust sans-serif for functional text with an elegant serif for display headlines, establishing a clear hierarchy. Components are lightweight with generous radii, often featuring subtle background tints to differentiate sections.", "theme": "light", "industry": "other", "source_url": "https://www.functionhealth.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507906064-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507906064-thumb.jpg", "refero_style_id": "21b71be3-78a0-4681-a5b9-64cc4b40eb67", "extracted_at": "2026-04-30T00:12:10.155Z", "path": "skills/function/DESIGN.md" }, { "id": "fuser", "name": "Fuser", "description": "Fuser establishes a crisp, expansive canvas for AI workflow orchestration. Its visual system prioritizes clarity and a sense of depth, achieved through a subtle, cool-toned gray scale as the primary surface treatment, punctuated by vivid violets and vibrant greens for interactive elements. Imagery is encased in soft-cornered cards that float above a sparse, grid-like background, suggesting modularity and precision. Typography combines a sharp, modern sans-serif with a distinctive display serif for headlines, creating an aesthetic that is both functional and subtly artistic.", "theme": "light", "industry": "ai", "source_url": "https://fuser.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508672360-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508672360-thumb.jpg", "refero_style_id": "bf5616e4-7bd1-40ce-8b2d-aae84c2e4ebd", "extracted_at": "2026-04-30T00:25:20.774Z", "path": "skills/fuser/DESIGN.md" }, { "id": "gamma", "name": "Gamma", "description": "This design system evokes a sense of airy calm and trust, like a quiet moment before a significant event. The pervasive light blue gradient creates an open, optimistic sky-like background. Visual weight is concentrated in the central card with its crisp borders and soft shadows, making the core interaction feel grounded yet gently presented. Typography is minimal and direct, serving the primary purpose of clear communication without visual embellishment.", "theme": "light", "industry": "ai", "source_url": "https://gamma.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923775399-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923775399-thumb.jpg", "refero_style_id": "a386d0d4-01f1-4ec3-80ae-d505075d83ca", "extracted_at": "2026-04-11T16:09:54.268Z", "path": "skills/gamma/DESIGN.md" }, { "id": "garden-eight", "name": "Garden Eight", "description": "Garden Eight embraces a monochromatic, stark aesthetic, pairing a velvety dark canvas with contrasting cream accents. Typography plays a central role, leveraging a traditional, elaborate serif for display elements and a modern sans-serif for functional text. The sparse use of color and ample negative space amplifies the visual impact of each element.", "theme": "dark", "industry": "design", "source_url": "https://garden-eight.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514674348-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514674348-thumb.jpg", "refero_style_id": "e4593570-e43f-4eda-8618-0bb704d5ebb7", "extracted_at": "2026-04-30T02:04:53.598Z", "path": "skills/garden-eight/DESIGN.md" }, { "id": "gawker", "name": "Gawker", "description": "Gawker presents a stark, high-contrast visual system built on black text on a white canvas, reminiscent of traditional newsprint. The design prioritizes readability and directness with minimal embellishment—borders are thin and rectangular, and color is used sparingly, primarily as an electrifying blue accent for interactive elements. Typography is robust and sans-serif, anchoring the content without distraction while a bold, custom headline font injects personality. The overall tone is functional and no-nonsense, with clear visual separation for content blocks.", "theme": "light", "industry": "media", "source_url": "https://www.gawker.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519574817-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519574817-thumb.jpg", "refero_style_id": "c5df49ca-18b5-467d-ada5-613723a1ade6", "extracted_at": "2026-04-30T03:26:29.732Z", "path": "skills/gawker/DESIGN.md" }, { "id": "gemini", "name": "GEMINI", "description": "GEMINI projects a dark, futuristic aesthetic, emphasizing high-contrast monochrome UI elements against a dramatic, often gradient-infused background that showcases a central 3D rendered object. The design is deliberately spare, with bold, geometric typography acting as sparse, but impactful, information points. Interaction elements are almost entirely ghosted, relying on subtle borders and text color changes to indicate states, reinforcing the impression of a holographic interface rather than tangible physicality. Layouts are open and minimal, directing focus to the central visual showcase.", "theme": "dark", "industry": "design", "source_url": "https://exp-gemini.lusion.co/motion", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516300191-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516300191-thumb.jpg", "refero_style_id": "a316193c-6a5f-4a43-96ee-003afdf862ad", "extracted_at": "2026-04-30T02:32:25.581Z", "path": "skills/gemini/DESIGN.md" }, { "id": "general-intelligence-company", "name": "General Intelligence Company", "description": "General Intelligence Company employs a sophisticated aesthetic, blending an evocative, illustrative dark hero with a predominantly minimalist, architectural light UI. Typography is restrained and elegant, utilizing a serif for headlines that conveys gravitas and a clean sans-serif for body text. Surfaces are layered with subtle translucency and soft, multi-layered shadows, creating depth without heaviness. The overall impression is one of calm authority and advanced technology, articulated through precise achromatic forms punctuated by a singular, cool blue accent for interactive elements.", "theme": "light", "industry": "ai", "source_url": "https://www.generalintelligencecompany.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509060357-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509060357-thumb.jpg", "refero_style_id": "34baa524-5d5b-4165-bbab-d01f05e6d6b9", "extracted_at": "2026-04-30T00:31:29.746Z", "path": "skills/general-intelligence-company/DESIGN.md" }, { "id": "genius-design", "name": "genius.design", "description": "This design system presents a balanced aesthetic, contrasting a deeply saturated, cool background with crisp, achromatic elements. A subtle gradient on the main page background creates depth and shifts from a light, airy teal to a profound navy, grounding the content. Interactive elements and badges introduce small, vibrant accents that pop against the otherwise business-like palette, suggesting a service that is both reliable and user-friendly. The overall impression is one of trustworthiness and clarity.", "theme": "mixed", "industry": "agency", "source_url": "https://genius.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923957500-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923957500-thumb.jpg", "refero_style_id": "027b70dd-90db-4910-ad71-2975bdd140e5", "extracted_at": "2026-04-11T16:12:56.698Z", "path": "skills/genius-design/DESIGN.md" }, { "id": "george-hatton", "name": "George Hatton", "description": "George Hatton's visual system evokes the starkness of an ink-on-paper minimalist print. It's a high-contrast mono-chromatic display, foregrounding content through extreme clarity and absence of distraction. Typography dictates all hierarchy and rhythm on surfaces that mimic a digital canvas, with no visual adornment or complex component structures. Spacing is tight, almost compressed, but maintains legibility through meticulous typographic detail.", "theme": "light", "industry": "design", "source_url": "https://georgehatton.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517126806-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517126806-thumb.jpg", "refero_style_id": "09d867ed-35b5-4758-a00b-d6e4a8235c06", "extracted_at": "2026-04-30T02:45:37.109Z", "path": "skills/george-hatton/DESIGN.md" }, { "id": "getclockwise", "name": "Getclockwise", "description": "Clockwise employs a crisp, professional visual system with a bright canvas and strong green branding. Text is highly structured, using a custom display font for headlines and a clear sans-serif for body content. Borders are prominent, acting as dividers and enclosures, while color accents are used sparingly for links and interactive elements, maintaining an airy yet authoritative feel.", "theme": "light", "industry": "productivity", "source_url": "https://www.getclockwise.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509736870-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509736870-thumb.jpg", "refero_style_id": "6024d069-8a74-4534-917f-5f5b11224cc5", "extracted_at": "2026-04-30T00:42:37.852Z", "path": "skills/getclockwise/DESIGN.md" }, { "id": "getharvest", "name": "Getharvest", "description": "Harvest projects a dependable, organized workspace aesthetic, blending understated neutrals with a single vibrant orange accent. The primary visual tension arises from the interplay of a clean, spacious layout and rich, textured data visualizations. Surfaces are primarily crisp white, occasionally warmed by a subtle cream, with a focus on soft, rounded corners rather than hard edges. Typography is approachable yet confident, often using a slightly wider letter-spacing for an open feel, contrasting with compact, data-rich interfaces.", "theme": "light", "industry": "productivity", "source_url": "https://www.getharvest.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510836587-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510836587-thumb.jpg", "refero_style_id": "1eee9aa2-1e23-4675-9f6e-fb98c93969bd", "extracted_at": "2026-04-30T01:01:16.383Z", "path": "skills/getharvest/DESIGN.md" }, { "id": "ghia", "name": "Ghia", "description": "Ghia's design evokes a feeling of vintage Mediterranean warmth mixed with modern clarity, like a sun-drenched European terrace. This is achieved through a primary palette of deep berry reds and creams, offset by a distinctive sage green and muted blue. Custom-designed typography, particularly the FHA Condensed French NC, lends a playful yet sophisticated hand-lettered quality, reinforcing the artisanal product. Circular pill shapes are reserved for interactive elements, softening the overall presentation while maintaining a clean, editorial layout.", "theme": "light", "industry": "ecommerce", "source_url": "https://drinkghia.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926295124-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926295124-thumb.jpg", "refero_style_id": "156462ab-7b11-4029-be45-c2dba853e894", "extracted_at": "2026-04-11T16:51:57.703Z", "path": "skills/ghia/DESIGN.md" }, { "id": "ghost", "name": "Ghost", "description": "This design system grounds a clean, light interface with judicious dark elements, creating a sense of professional authority. A stark contrast between near-black text and a bright white background establishes immediate readability, while subtle, desaturated grays provide tiered information. The vivid lime green is reserved for primary calls to action, standing out against the neutral palette like a beacon. The interplay of sharp, functional typography with soft, rounded elements, especially in buttons, creates a balanced, approachable feel without sacrificing precision.", "theme": "light", "industry": "saas", "source_url": "https://ghost.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924729065-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924729065-thumb.jpg", "refero_style_id": "532b3211-cca9-4207-a11c-812cfabc1a73", "extracted_at": "2026-04-11T16:25:55.341Z", "path": "skills/ghost/DESIGN.md" }, { "id": "giga", "name": "Giga", "description": "Giga's design system evokes a sense of deep, expansive calm, contrasting vast dark landscapes with focused, luminous information. Typography is understated and elegant, prioritizing legibility and a sense of gravitas. Interactive elements offer subtle feedback, and surfaces vary from transparent overlays to opaque dark canvases, creating depth and dimension without heavy use of shadows. The overall aesthetic is one of quiet power and precision, mirroring complex AI capabilities with a refined visual language.", "theme": "dark", "industry": "ai", "source_url": "https://giga.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508520866-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508520866-thumb.jpg", "refero_style_id": "607e0dbf-e2fc-45c9-b939-946b8981c156", "extracted_at": "2026-04-30T00:22:30.618Z", "path": "skills/giga/DESIGN.md" }, { "id": "gigantic", "name": "Gigantic", "description": "Gigantic's design system pulses with a bold, high-contrast energy, centered on a dominant black and white palette punctuated by a single vivid red accent. Typography is oversized and impactful, often leaning into condensed and italicized forms to create a sense of dynamic urgency, balanced by generous spacing. The overall aesthetic is raw and direct, reminiscent of street art or bold industrial signage, with minimal decorative elements, focusing instead on stark visual statements.", "theme": "light", "industry": "ecommerce", "source_url": "https://giganticcandy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519843555-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519843555-thumb.jpg", "refero_style_id": "22e11001-8786-4af7-bdb9-f9419ce8ad1a", "extracted_at": "2026-04-30T03:31:02.812Z", "path": "skills/gigantic/DESIGN.md" }, { "id": "gio-pandone", "name": "Gio Pandone", "description": "Gio Pandone's visual system evokes the precision of an architectural blueprint: a monochrome canvas defined by stark black and white contrasts. Typography is restrained and functional, serving to organize content with clear hierarchy rather than decorative flourishes. The design relies on generous white space and a strict grid to convey order and professionalism, with color introduced sparingly for active states or specific brand elements rather than broad application. Components are minimal, focusing on content delivery without heavy ornamentation.", "theme": "light", "industry": "design", "source_url": "https://www.giopandone.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518595095-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518595095-thumb.jpg", "refero_style_id": "eba58fb4-955d-40b7-ac11-76c74caf2a53", "extracted_at": "2026-04-30T03:10:15.797Z", "path": "skills/gio-pandone/DESIGN.md" }, { "id": "gitbook", "name": "Gitbook", "description": "GitBook employs a crisp, structured aesthetic with a focus on product documentation. The visual system features abundant negative space, subtle surface differentiation, and a single vibrant orange accent color. Typography is precise and highly tracked, guiding the eye through dense information without visual clutter. Components favor soft curves and gentle elevation, projecting an approachable yet authoritative tone through careful restraint rather than overt decoration.", "theme": "light", "industry": "productivity", "source_url": "https://www.gitbook.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508134668-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508134668-thumb.jpg", "refero_style_id": "ea8a4150-e062-4c0e-94ca-668a3033eb63", "extracted_at": "2026-04-30T00:16:03.746Z", "path": "skills/gitbook/DESIGN.md" }, { "id": "github", "name": "GitHub", "description": "GitHub's design system evokes a dark, digital canvas – a midnight command center feel. Key elements are subtle translucency, glowing accents of blue, green, and violet, and a spacious, comfortable layout. Typography is precise and organized, contrasting bright text against deep backgrounds. Components are lightweight with rounded corners, often appearing as frosted overlays or bordered elements on a dark, unbounded canvas.", "theme": "dark", "industry": "devtools", "source_url": "https://github.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777505732760-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777505732760-thumb.jpg", "refero_style_id": "c3ceca5c-d329-4559-b947-016172941ba2", "extracted_at": "2026-04-29T23:35:59.626Z", "path": "skills/github/DESIGN.md" }, { "id": "giulia-saporito", "name": "Giulia Saporito", "description": "This design system presents a high-contrast, text-dominant aesthetic that feels like a curated typographical exhibition. Bold, expressive serif headlines dance with restrained sans-serif details, all set against a minimalist, almost stark, light background. A single vibrant yellow accent color acts as a playful, yet precise, point of focus and interaction against the otherwise monochrome palette. Components are virtually invisible, relying on text and whitespace for their definition rather than overt borders or shadows, giving the impression of content floating on an ethereal canvas.", "theme": "light", "industry": "design", "source_url": "https://giuliasaporito.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518963135-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518963135-thumb.jpg", "refero_style_id": "bc057246-6ea4-4503-810f-98381e6be28d", "extracted_at": "2026-04-30T03:16:19.474Z", "path": "skills/giulia-saporito/DESIGN.md" }, { "id": "glassnode", "name": "Glassnode", "description": "Glassnode's design evokes a sense of understated authority and analytical precision, like an institutional data terminal. Its visual character is built on stark achromatic contrasts, pairing deep charcoal backgrounds with white text and light gray surfaces. A single, cool ultramarine blue functions as the sole accent, appearing only to highlight interactive elements and subtle visual cues, reinforcing a no-nonsense, data-centric identity. The sparing use of rounded corners (2px) on buttons and inputs prevents a harsh, technical feel, while maintaining an overall sharp and deliberate aesthetic.", "theme": "mixed", "industry": "crypto", "source_url": "https://glassnode.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933459599-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933459599-thumb.jpg", "refero_style_id": "a79b6a74-6b67-4c9f-9d69-bff80869b943", "extracted_at": "2026-04-11T18:51:21.104Z", "path": "skills/glassnode/DESIGN.md" }, { "id": "gleap", "name": "Gleap", "description": "Gleap's visual style operates on a high-contrast model, pairing crisp, modern sans-serifs with a single, highly saturated magenta-purple accent. The UI uses spacious layouts and soft, rounded containers on a light background, creating a calm yet energetic feel. Typography shifts from inviting, editorial display fonts for headlines to compact, functional system fonts for body text. Interaction elements prominently feature the brand's signature purple to guide user focus and denote primary actions.", "theme": "light", "industry": "saas", "source_url": "https://gleap.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516289106-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516289106-thumb.jpg", "refero_style_id": "2eab438d-32cd-40c2-b160-1e4127dac569", "extracted_at": "2026-04-30T02:31:49.218Z", "path": "skills/gleap/DESIGN.md" }, { "id": "glein", "name": "Glein", "description": "Glein embraces a stark, high-contrast aesthetic reminiscent of black-and-white photography, presenting product with minimal visual distraction. The design prioritizes readability and directness through utilitarian custom typography and a precise, monochromatic color palette. Surfaced content often features a muted, off-white background, creating subtle depth while maintaining an overall light theme. Components are frequently borderless or use fine, dark strokes to delineate elements, emphasizing content through clear separation rather than heavy ornamentation. Layouts are structured and rectilinear, relying on robust typographic hierarchy to guide the eye.", "theme": "light", "industry": "ecommerce", "source_url": "https://glein.wien", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521509168-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521509168-thumb.jpg", "refero_style_id": "2e4ce685-9f49-47a3-9577-bc4f196bd8f7", "extracted_at": "2026-04-30T03:58:51.117Z", "path": "skills/glein/DESIGN.md" }, { "id": "glideapps", "name": "Glideapps", "description": "Glide's design system evokes an 'engineering clarity on a white canvas' aesthetic. It features a stark, high-contrast monochrome base, punctuated by a vibrant turquoise accent color for primary actions and interactive feedback. Typography is precise and utilitarian, prioritizing readability with minimal visual flourish. Components are lightweight with subtle radii and no prominent shadows, emphasizing a clean, fast interface designed for productivity.", "theme": "light", "industry": "saas", "source_url": "https://www.glideapps.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510666074-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510666074-thumb.jpg", "refero_style_id": "a80cb179-2d90-4896-b52d-4e674b421498", "extracted_at": "2026-04-30T00:58:12.626Z", "path": "skills/glideapps/DESIGN.md" }, { "id": "glossier", "name": "Glossier", "description": "Glossier's visual style is a 'modern classic' — grounded in a stark, high-contrast black and white palette, then infused with bursts of vibrant, youthful color. The interplay of minimalist typography and photography, punctuated by a signature vivid yellow, creates an aspirational yet approachable feel. Sharp rectangular forms dominate the layout, establishing a sense of order, softened slightly by the inviting warmth of the product imagery.", "theme": "light", "industry": "ecommerce", "source_url": "https://glossier.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924478857-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924478857-thumb.jpg", "refero_style_id": "efd8dda0-b7dc-4b0b-b65f-348849d2cd65", "extracted_at": "2026-04-11T16:21:36.833Z", "path": "skills/glossier/DESIGN.md" }, { "id": "glow", "name": "Glow", "description": "Glow embraces a 'Solana future' aesthetic: clean, spacious interfaces with a vibrant gradient accent that hints at digital energy. The design uses a dominant neutral canvas to ground the playful purple-pink-orange color narrative, focusing attention on key actions and glowing interactive states. Typography is confident and impactful, balancing heavy headlines with readable body text, while generous spacing ensures content breathes and feels light.", "theme": "light", "industry": "fintech", "source_url": "https://glow.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514610102-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514610102-thumb.jpg", "refero_style_id": "6d9b6fe6-51f4-4978-82dd-a791c28db5cf", "extracted_at": "2026-04-30T02:03:51.193Z", "path": "skills/glow/DESIGN.md" }, { "id": "gocardless", "name": "Gocardless", "description": "GoCardless employs a subtly sophisticated financial interface, balancing a grounded, warm achromatic palette with a singular, vibrant yellow accent. The design favors a spacious, approachable feel with soft edges, defined by generous padding and rounded corners. Typography is meticulously chosen, utilizing a blend of sturdy, modern sans-serifs and a refined, airy display font to establish a clear hierarchy. Interaction is supported by crisp, focused states rather than heavy ornamentation, ensuring a clean and efficient user experience.", "theme": "light", "industry": "fintech", "source_url": "https://gocardless.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521081286-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521081286-thumb.jpg", "refero_style_id": "48ae4f04-21cb-4ab3-8752-33b626a48c95", "extracted_at": "2026-04-30T03:51:51.723Z", "path": "skills/gocardless/DESIGN.md" }, { "id": "going", "name": "Going™", "description": "Going employs a vibrant and energetic design system, using a warm lime green as an expansive canvas, punctuated by deep teal text and a striking violet accent for primary actions. The aesthetic feels playful yet authoritative, with soft, rounded corners and sparse, subtle card shadows. Typography is confident and direct, maintaining legibility against varied backgrounds. The overall impression is one of approachable dynamism, steering clear of corporate sterility.", "theme": "light", "industry": "other", "source_url": "https://www.going.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510708970-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510708970-thumb.jpg", "refero_style_id": "3461e90e-35d2-4269-9f11-cbe935f0a3a2", "extracted_at": "2026-04-30T00:59:02.306Z", "path": "skills/going/DESIGN.md" }, { "id": "good-glyphs", "name": "Good Glyphs", "description": "Good Glyphs embraces a stark, high-contrast aesthetic, juxtaposing a vibrant, almost neon green background with severe black text and containers. Typography is a dominant visual element, using an ultra-large, compressed sans-serif for headlines that conveys an irreverent, playful attitude. Interface elements are minimal, relying on strong borders and generous radii, with interactive states signaled primarily through color inversion rather than complex shadows or gradients. The overall atmosphere is punchy, high-energy, and digital-native.", "theme": "light", "industry": "design", "source_url": "https://goodglyphs.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521661065-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521661065-thumb.jpg", "refero_style_id": "41220ec0-ca0d-4697-a2fc-7a9a50d52e7c", "extracted_at": "2026-04-30T04:01:18.161Z", "path": "skills/good-glyphs/DESIGN.md" }, { "id": "google", "name": "Google", "description": "Google's dark-mode visual system emphasizes clarity and quiet efficiency. It features a deep anthracite canvas, with softened, rounded search surfaces and interaction elements that appear subtly elevated. Typography is direct and legible, maintaining a balanced hierarchy. The system primarily uses monochromatic tones, punctuated by a soft, luminous blue for active states and critical information, adding a gentle glow rather than stark contrast.", "theme": "dark", "industry": "other", "source_url": "https://stojo.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521389280-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521389280-thumb.jpg", "refero_style_id": "ec103780-ac86-4bb0-8c21-f887d732e8b4", "extracted_at": "2026-04-30T03:57:11.606Z", "path": "skills/google/DESIGN.md" }, { "id": "google-for-education", "name": "Google for Education", "description": "This design system feels like a thoughtfully organized learning environment, clean and accessible, with a strong institutional identity. Its visual precision is built on harmonious Google Sans typography and a distinctive palette of blue and green accents on a stark white background. The use of soft border radii and subtle shadow planes prevents the interface from feeling sterile, instead fostering an approachable and encouraging atmosphere.", "theme": "light", "industry": "other", "source_url": "https://classroom.google.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933086240-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933086240-thumb.jpg", "refero_style_id": "c57ba3f8-1d76-4660-8ba4-48ddce26e759", "extracted_at": "2026-04-11T18:45:11.382Z", "path": "skills/google-for-education/DESIGN.md" }, { "id": "graf-lantz", "name": "Graf Lantz", "description": "Graf Lantz embodies a clean, material-focused aesthetic with a high-contrast monochromatic palette grounded in deep grays and precise typography. Surfaces are predominantly white, providing a crisp canvas for content, while subtle off-white tones introduce minimal depth. A single, vivid violet accent is reserved for primary interactive elements, providing a focused point of action against the otherwise subdued interface. Components are lightweight with strong outlines and sharp corners generally, though some interactive elements feature a playful, overtly rounded form.", "theme": "light", "industry": "ecommerce", "source_url": "https://glob.land", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518841475-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518841475-thumb.jpg", "refero_style_id": "f1a690c7-234d-4ee9-9806-5790934e7043", "extracted_at": "2026-04-30T03:14:18.840Z", "path": "skills/graf-lantz/DESIGN.md" }, { "id": "grafbase", "name": "Grafbase", "description": "Grafbase deploys a precise, engineering-focused aesthetic, balancing stark black and white contrasts with subtle, nuanced grays to create an information-dense yet navigable interface. A single vibrant teal-green gradient acts as a beacon for critical calls to action, injecting a dynamic energy into an otherwise composed presentation. The design leverages a tight Inter type scale and generous padding to ensure clarity and hierarchy, making complex API governance feel structured and approachable.", "theme": "light", "industry": "devtools", "source_url": "https://grafbase.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923502160-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923502160-thumb.jpg", "refero_style_id": "1c1d3939-8d82-4907-aa3c-c9b2fcfbab4f", "extracted_at": "2026-04-11T16:05:23.106Z", "path": "skills/grafbase/DESIGN.md" }, { "id": "grafik", "name": "Grafik", "description": "Grafik employs a stark, high-contrast visual language reminiscent of a curated exhibition space. The design centers on a minimal, off-white canvas punctuated by absolute black typography, creating a powerful, almost brutalist aesthetic. Content is presented in framed, distinct blocks, often showcasing embedded digital interfaces within a larger grid. There's a deliberate lack of decorative elements, focusing instead on sharp edges, precise layout, and the interplay of negative space.", "theme": "light", "industry": "agency", "source_url": "https://grafik.co.nz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513781273-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513781273-thumb.jpg", "refero_style_id": "0226e028-3cd3-440d-b469-ca459267161d", "extracted_at": "2026-04-30T01:50:01.388Z", "path": "skills/grafik/DESIGN.md" }, { "id": "grain", "name": "Grain", "description": "Grain presents a dynamic, AI-first productivity workspace characterized by a bright, open canvas and micro-interactions of vivid green accents. Typography is compact and precise, utilizing a variable font for both confident headlines and crisp body text. Subtle shadows and rounded forms add a friendly, approachable polish to components, avoiding heavy elevation for a lightweight feel.", "theme": "light", "industry": "ai", "source_url": "https://www.grain.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510005073-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510005073-thumb.jpg", "refero_style_id": "04793c2a-ca1a-4edd-a661-56c965e42aec", "extracted_at": "2026-04-30T00:47:11.594Z", "path": "skills/grain/DESIGN.md" }, { "id": "grammarly", "name": "Grammarly", "description": "Grammarly presents a grounded, text-first experience centered on clarity and understated precision. Its defining visual characteristic is the near-achromatic palette, almost entirely grays and whites, which creates a quiet background for the functionality. The single strong 'Teal Verdant' accent is reserved almost exclusively for calls to action, generating a strong visual cue without overwhelming the interface. Subtle textural depth is hinted at through the interaction of dark grays and crisp whites, rather than overt shadows or complex color schemes.", "theme": "light", "industry": "productivity", "source_url": "https://grammarly.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932076704-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932076704-thumb.jpg", "refero_style_id": "be2af3f3-3886-4d70-973f-f7b5ab8d1a99", "extracted_at": "2026-04-11T18:28:15.724Z", "path": "skills/grammarly/DESIGN.md" }, { "id": "grand-matter", "name": "Grand Matter", "description": "Grand Matter features a high-contrast, editorial aesthetic. It pairs bold, classic serif typography for headlines with contemporary sans-serif for body text, creating a distinguished yet approachable feel. The palette is largely monochrome, relying on stark black, white, and off-white neutrals. A vibrant orange and a vivid blue act as precise accent colors, sparingly deployed to highlight interactive elements and navigation, giving a sense of sophisticated playfulness amidst the gravitas. Surfaces are predominantly flat, with minimal elevation, emphasizing content and typography. Layout is spacious, featuring generous vertical rhythm and clear content segmentation.", "theme": "light", "industry": "agency", "source_url": "https://grandmatter.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521698400-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521698400-thumb.jpg", "refero_style_id": "703d69b7-2863-44fa-a443-2ac090db3873", "extracted_at": "2026-04-30T04:02:02.720Z", "path": "skills/grand-matter/DESIGN.md" }, { "id": "graza", "name": "GRAZA", "description": "This system evokes a playful yet sophisticated artisanal brand, like gourmet pantry provisions. The visual character is defined by a curated tension between rustic craft and modern typography, achieving an approachable elegance. Creamy off-white backgrounds alternate with vibrant, food-inspired hues, creating a warm, inviting canvas. Subtle rounded corners lend a gentle, organic touch to elements, while a custom serif font for prominent headings adds a distinctive, handcrafted feel.", "theme": "light", "industry": "ecommerce", "source_url": "https://graza.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926271444-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926271444-thumb.jpg", "refero_style_id": "f2a84e0f-cf77-41fa-ade0-b062a3a42495", "extracted_at": "2026-04-11T16:51:34.127Z", "path": "skills/graza/DESIGN.md" }, { "id": "green-angel-syndicate", "name": "Green Angel Syndicate", "description": "Green Angel Syndicate employs a clear, confident aesthetic blending corporate professionalism with a vibrant, eco-conscious identity. A crisp white canvas serves as the backdrop for substantial, dark typography, ensuring high readability. The brand's commitment is articulated through a distinctive teal accent color that highlights key actions and investment opportunities, with a playful pink used for sub-brand elements. Layouts are spacious and structured, using subtle elevation to differentiate content blocks while maintaining an overall light and airy feel.", "theme": "light", "industry": "fintech", "source_url": "https://greenangelsyndicate.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518939038-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518939038-thumb.jpg", "refero_style_id": "72f16808-d783-45e9-8166-2399c73473fc", "extracted_at": "2026-04-30T03:16:07.302Z", "path": "skills/green-angel-syndicate/DESIGN.md" }, { "id": "greenspace", "name": "Greenspace", "description": "Greenspace embodies a brutalist-inspired minimalism, featuring stark monochrome surfaces and expansive negative space. The visual system operates on a high-contrast binary of black and white, punctuated by muted gray typography that hints at legacy and heritage. Typography is bold and architectural, often serving as a primary visual element, while a generous use of spacing emphasizes clarity and the monumental scale of projects.", "theme": "dark", "industry": "design", "source_url": "https://thegreenspace.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516319650-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516319650-thumb.jpg", "refero_style_id": "d961e174-875b-46ef-ad27-fe7f8e3bcd8c", "extracted_at": "2026-04-30T02:32:18.457Z", "path": "skills/greenspace/DESIGN.md" }, { "id": "grids", "name": "Grids", "description": "Grids' visual style evokes the precision of an architectural drawing coming to life, with dynamic motion shaping static typography. The aesthetic is stark, relying on a monochrome palette and sharp geometric forms. Giant, highly tracked letterforms transform into interactive elements, giving the impression of blueprints being manipulated in real-time. Subtle shadows provide the only depth in an otherwise flat, canvas-like environment.", "theme": "light", "industry": "design", "source_url": "https://grids.obys.agency", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777411426177-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777411426177-thumb.jpg", "refero_style_id": "386ffc4a-f4a7-48c8-985b-df86b8612080", "extracted_at": "2026-04-28T21:24:07.240Z", "path": "skills/grids/DESIGN.md" }, { "id": "grok", "name": "Grok", "description": "Grok employs a stark, minimalist aesthetic with a dominant achromatic palette, creating a quiet backdrop for AI interaction. The design emphasizes speed and clarity through compact typography and high-contrast elements. Surfaces are primarily clean white with subtle gray accents, while interactive elements are defined by their form and subtle border treatments rather than bold colors. The overall impression is one of crisp efficiency and focused utility.", "theme": "light", "industry": "ai", "source_url": "https://grok.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509931711-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509931711-thumb.jpg", "refero_style_id": "bbb993bc-1452-4a22-8cc9-a44b91d79723", "extracted_at": "2026-04-30T00:45:49.604Z", "path": "skills/grok/DESIGN.md" }, { "id": "groq", "name": "Groq", "description": "Groq's aesthetic marries industrial-minimalism with high-energy accents. A muted, near-achromatic palette of warm grays and off-whites provides a calm, technical canvas. The single, vivid orange (#F43E01) provides an immediate, focused punch of energy and urgency, appearing exclusively on key interactive elements. Space Grotesk, with its wide letter-spacing only at smaller sizes, creates a modern, spacious feel even at high information density, while IBM Plex Mono anchors technical detail with its fixed-width precision.", "theme": "light", "industry": "ai", "source_url": "https://groq.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923702978-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923702978-thumb.jpg", "refero_style_id": "8efa9029-b39c-48db-a8ec-c97c645a7a58", "extracted_at": "2026-04-11T16:08:42.800Z", "path": "skills/groq/DESIGN.md" }, { "id": "gru-space", "name": "GRU Space", "description": "GRU Space presents a 'cosmic minimalist' aesthetic, leveraging deep blacks and stark whites to evoke the vastness of space and the precision of engineering. The combination of two distinct custom typefaces — one a contemporary sans-serif, the other a more traditional serif for display — creates a tension between futuristic ambition and foundational elegance. Minimalist border-only buttons, coupled with a complete absence of shadows, emphasize a flat, high-contrast digital environment, akin to looking at a star chart.", "theme": "dark", "industry": "other", "source_url": "https://www.gru.space", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776010486894-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776010486894-thumb.jpg", "refero_style_id": "d58d888e-85ed-4273-9816-2c83f65f6f1d", "extracted_at": "2026-04-12T16:15:08.420Z", "path": "skills/gru-space/DESIGN.md" }, { "id": "gsap", "name": "Gsap", "description": "GSAP uses a dynamic 'dark playground' aesthetic, where a deep black canvas provides a dramatic stage for vibrant, evolving highlight colors and bold, unconventional typography. The system emphasizes clear content hierarchy through stark contrast, with interactive elements outlined in subtle, near-white tones rather than filled. The overall impression is one of sophisticated, high-performance tooling for creative animation.", "theme": "dark", "industry": "devtools", "source_url": "https://gsap.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509454607-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509454607-thumb.jpg", "refero_style_id": "00537a20-e99e-4ef2-b119-c6f532c44cc9", "extracted_at": "2026-04-30T00:37:59.738Z", "path": "skills/gsap/DESIGN.md" }, { "id": "gt-america", "name": "Gt-america", "description": "The GT America visual system is a stark, high-contrast exploration of primary colors, mimicking vintage packaging and pop-art aesthetics. It deploys a limited palette of white, vibrant blue, and punchy orange against a dominant white canvas. Type is paramount, often oversized and serving as graphic elements, with borders and outlines heavily used to delineate content rather than subtle shadows. The aesthetic is bold, playful, and intentionally draws attention through its raw, unfiltered color usage and maximalist typographic approach.", "theme": "light", "industry": "design", "source_url": "https://www.gt-america.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521214404-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521214404-thumb.jpg", "refero_style_id": "abdac0a6-64f7-46f7-98af-82ce921fe78c", "extracted_at": "2026-04-30T03:54:13.801Z", "path": "skills/gt-america/DESIGN.md" }, { "id": "gt-maru", "name": "Gt-maru", "description": "GT Maru embraces a playful, maximalist aesthetic, reminiscent of a vibrant cartoon sky. The system features a dominant electric blue canvas offset by bold, saturated accents. Typography is oversized and impactful with a unique outlined and shadowed treatment, creating a sense of buoyant energy. Components are chunky and tactile, utilizing high-contrast borders and generous padding to define interaction areas.", "theme": "light", "industry": "design", "source_url": "https://gt-maru.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517666778-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517666778-thumb.jpg", "refero_style_id": "d0771b1e-15de-4bdb-868a-557cf83cf2a8", "extracted_at": "2026-04-30T02:54:48.124Z", "path": "skills/gt-maru/DESIGN.md" }, { "id": "gt-planar", "name": "Gt-planar", "description": "GT Planar channels 'cyberpunk utility': a deep dark canvas with vibrant, almost neon, monochromatic accents of electric violet and glowing green. Typography is hyper-controlled and precise, often uppercase, with distinct pixel-perfect white borders defining interactive elements. This creates a high-fidelity, command-line interface aesthetic where every visual element serves a clear, functional purpose in a deeply contrasted, high-tech environment.", "theme": "dark", "industry": "design", "source_url": "https://gt-planar.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513839786-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513839786-thumb.jpg", "refero_style_id": "3f22028a-05d4-4648-a6d1-591134af06a4", "extracted_at": "2026-04-30T01:51:12.045Z", "path": "skills/gt-planar/DESIGN.md" }, { "id": "gte", "name": "GTE", "description": "GTE embodies a stark, high-contrast digital trading floor: deep backgrounds meet bright surfaces and crisp typography. A single vibrant orange accent serves as the primary call to action, cutting through the monochrome with functional urgency. The design prioritizes clear information hierarchy and lightweight components, reflecting efficiency and speed without heavy ornamentation.", "theme": "mixed", "industry": "fintech", "source_url": "https://www.gte.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508598341-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508598341-thumb.jpg", "refero_style_id": "5d273906-0110-48cf-99cd-63a72eb9c586", "extracted_at": "2026-04-30T00:23:43.987Z", "path": "skills/gte/DESIGN.md" }, { "id": "guglieri", "name": "Guglieri", "description": "Guglieri.com presents itself as a stark, high-contrast digital canvas for showcasing work. Its visual style is predominantly dark, minimal, and typography-driven, with subtle interactive elements. The design prioritizes clear information hierarchy through careful typographic variations and a constrained color palette of intense blacks and whites, accented by strategic use of fine gray lines and text. Components are kept lightweight, focusing on functionality over decoration, creating an immersive, focused browsing experience.", "theme": "dark", "industry": "design", "source_url": "https://guglieri.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520363868-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520363868-thumb.jpg", "refero_style_id": "5b7ecaf1-de2d-4fb9-9995-9f0665e77862", "extracted_at": "2026-04-30T03:39:45.749Z", "path": "skills/guglieri/DESIGN.md" }, { "id": "guillaume-tomasi", "name": "Guillaume Tomasi", "description": "The Guillaume Tomasi design system uses a stark, high-contrast aesthetic characterized by a pure white canvas and dominant black typography. The visual rhythm is established through a seemingly random but controlled placement of large, non-interactive rectangular blocks of varied neutral tones and cropped atmospheric photography. Minimalism in color is paired with a strong, industrial typeface, giving the impression of an art gallery catalogue or editorial spread.", "theme": "light", "industry": "design", "source_url": "https://www.guillaumetomasi.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514045650-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514045650-thumb.jpg", "refero_style_id": "430253c2-013d-4a47-a234-d1fa62dbc4bd", "extracted_at": "2026-04-30T01:54:19.414Z", "path": "skills/guillaume-tomasi/DESIGN.md" }, { "id": "gumroad", "name": "Gumroad", "description": "This design system feels like a digital playground, blending a stark, utilitarian aesthetic with unexpected bursts of vibrant color. The liberal use of pure black and white creates a high-contrast canvas, punctuated by a signature hot pink and other vivid, almost neon, hues. Geometric illustrations and sharp angles are softened only by pill-shaped buttons and subtle rounded card edges, creating a playful yet focused environment for digital creators.", "theme": "light", "industry": "ecommerce", "source_url": "https://gumroad.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924510561-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924510561-thumb.jpg", "refero_style_id": "d67e1407-6d16-47e8-89cf-22f5c5f2dd88", "extracted_at": "2026-04-11T16:22:10.728Z", "path": "skills/gumroad/DESIGN.md" }, { "id": "gus", "name": "Gus", "description": "The Gus design system evokes a playful, almost retro, digital workspace. A dominant, vibrant teal acts as the primary canvas, overlaid with a subtle grid pattern, giving the impression of an engineering blueprint or a pixel art canvas. Typography is minimal and pragmatic, with an emphasis on system fonts, contrasting sharply with occasional bursts of bright, primary accent colors that draw attention to key interactive elements. Visual treatments are flat with sharply defined shapes, avoiding shadows or complex gradients.", "theme": "dark", "industry": "agency", "source_url": "https://gus.biz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520816605-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520816605-thumb.jpg", "refero_style_id": "3ec00801-59b9-4c1f-af33-429642c186d4", "extracted_at": "2026-04-30T03:47:16.760Z", "path": "skills/gus/DESIGN.md" }, { "id": "gustav-nordebrink", "name": "Gustav Nordebrink", "description": "Gustav Nordebrink's design system embodies a stark, high-contrast digital resume aesthetic. It prioritizes clarity and directness through a monochromatic palette, compact typography, and a distinct lack of decorative elements. The visual signature is an \\\"inverted\\\" dark mode, employing black text on an off-white canvas, with accents appearing as subtle hovers and thin underlines rather than bold colors. The system projects a sense of understated authority and meticulous organization.", "theme": "dark", "industry": "design", "source_url": "https://nordebrink.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513762231-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513762231-thumb.jpg", "refero_style_id": "05a7d5bf-1696-49e6-b52c-b7012aa81ae8", "extracted_at": "2026-04-30T01:49:40.022Z", "path": "skills/gustav-nordebrink/DESIGN.md" }, { "id": "gustavo-faria", "name": "GUSTAVO Faria ©", "description": "Gustavo Faria's portfolio website presents an austere, high-contrast, text-dominant canvas. Information is structured rigidly with subtle typographic variations to create hierarchy rather than color or extensive spacing. The design emphasizes content clarity and directness through a near-monochromatic palette and a compact layout, punctuated by a single, striking personal image that challenges the otherwise stark presentation.", "theme": "light", "industry": "design", "source_url": "https://gustavo.work", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518467404-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518467404-thumb.jpg", "refero_style_id": "cd3546fc-b6d0-4ec9-8624-580549af347d", "extracted_at": "2026-04-30T03:08:02.245Z", "path": "skills/gustavo-faria/DESIGN.md" }, { "id": "hai", "name": "Hai", "description": "Hai employs a minimalist aesthetic that centers on a clean, almost stark white canvas providing ample negative space for product photography and subtle typography. Contrasting with the light backdrop, all text and interactive elements are rendered in a deep, absolute black, creating sophisticated definition. The brand's distinctive visual identity is further characterized by the use of custom serif and sans-serif fonts with unique letter-spacing, giving a sense of exclusivity and handcrafted precision. Buttons feature a refined, subtle outline rather than bold fills, maintaining the quiet luxury feel.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.homeofhai.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519912976-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519912976-thumb.jpg", "refero_style_id": "5efde7b1-008b-484c-82b1-d2628dccf855", "extracted_at": "2026-04-30T03:32:09.836Z", "path": "skills/hai/DESIGN.md" }, { "id": "haley-park", "name": "Haley Park", "description": "Haley Park employs a 'Gothic manuscript' aesthetic: a deeply saturated, muted forest green canvas provides a rich backdrop for delicate, antiqued typography, often accompanied by thin, almost calligraphic underlines or borders. Surface treatments are minimal, favoring ghostly lines and subtle background patterns over solid cards or elevation. The visual system feels quietly scholarly and meticulously crafted, with a restrained use of contrast to maintain a calm, focused atmosphere. The typography is a key expressive element, mixing classical serifs with a distinctive, almost whimsical display font.", "theme": "dark", "industry": "design", "source_url": "https://haleys.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519465539-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519465539-thumb.jpg", "refero_style_id": "c47654a9-7d7a-4b2c-8e0a-cd9296719c69", "extracted_at": "2026-04-30T03:24:46.654Z", "path": "skills/haley-park/DESIGN.md" }, { "id": "halfhelix", "name": "Halfhelix", "description": "Halfhelix employs a contemporary, slightly austere visual language characterized by high-contrast monochrome UI accented by a singular vivid violet. Text is used as a primary structural element, with generous leadings creating rhythm. Components are lightweight with minimal adornment, favoring subtle outlines and dark overlays for hierarchy in a compact layout. The system balances a dark, high-contrast hero with a predominantly light content theme, creating a dynamic progression from attention-grabbing to informative.", "theme": "light", "industry": "agency", "source_url": "https://www.halfhelix.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517752609-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517752609-thumb.jpg", "refero_style_id": "36fb90f7-3547-4dfd-a34e-592aa140078a", "extracted_at": "2026-04-30T02:56:30.740Z", "path": "skills/halfhelix/DESIGN.md" }, { "id": "handshake", "name": "Handshake", "description": "Handshake employs a dark, dynamic canvas lit by a vibrant, shifting gradient backdrop, creating a sense of energy and opportunity. Bold, blocky typography ensures high impact against this fluid background, while UI elements are purposefully minimal, often appearing as ghost outlines or subtle containers. The prominent use of a single vivid green accent ensures calls to action pop with urgency, contrasting sharply with the deep dark base.", "theme": "light", "industry": "ai", "source_url": "https://joinhandshake.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509615658-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509615658-thumb.jpg", "refero_style_id": "dba3eb4f-c1c2-437f-beb2-708e9d074729", "extracted_at": "2026-04-30T00:40:56.992Z", "path": "skills/handshake/DESIGN.md" }, { "id": "handsome-frank", "name": "Handsome Frank", "description": "Handsome Frank's visual system evokes a vibrant, artistic jungle, leveraging bold colorful blocks against clean, spacious backgrounds. Typography is a confident mix of a bespoke serif for headlines, featuring tight letter-spacing for impact, and a versatile sans-serif for body text. The overall feel is one of creative energy and precision, using color as an active, functional element rather than mere decoration. Layouts are structured but dynamic, allowing hero illustrations to breathe color into the composition.", "theme": "light", "industry": "design", "source_url": "https://www.handsomefrank.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516064487-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516064487-thumb.jpg", "refero_style_id": "19d4103a-9f4a-49f0-ad7d-af6588bab904", "extracted_at": "2026-04-30T02:28:07.855Z", "path": "skills/handsome-frank/DESIGN.md" }, { "id": "hape-prime", "name": "HAPE PRIME", "description": "HAPE's visual system evokes a high-contrast, edgy digital fashion magazine. A dominant, vivid red acts as a powerful brand accent against deep black and pure white, creating high-impact statements. Typography is bold and tightly tracked, featuring extended and condensed forms for a distinctive editorial feel. The overall presentation is dark and atmospheric, using minimal surfaces and relying on strong color pops and sculptural 3D imagery to define its presence.", "theme": "dark", "industry": "crypto", "source_url": "https://www.hape.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514163687-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514163687-thumb.jpg", "refero_style_id": "fc739087-2f0a-4deb-b105-2af10205f185", "extracted_at": "2026-04-30T01:56:24.030Z", "path": "skills/hape-prime/DESIGN.md" }, { "id": "hardclo", "name": "HARDCLO", "description": "HARDCLO uses a stark, high-contrast dark mode aesthetic, emphasizing content through pure black backgrounds and clean white typography. The design language is minimal and direct, leveraging large, expressive serif typography for brand identity and a single sans-serif family for all functional text. The intentional lack of color creates a raw, utilitarian feel, where the product imagery is the only source of visual vibrancy. Layouts are spacious and structured, preventing the high contrast from becoming overwhelming.", "theme": "dark", "industry": "ecommerce", "source_url": "https://hardclo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513593408-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513593408-thumb.jpg", "refero_style_id": "c3cf4acc-da7a-4496-8c4b-aa89a7c9e36c", "extracted_at": "2026-04-30T01:46:48.558Z", "path": "skills/hardclo/DESIGN.md" }, { "id": "hardworkclub", "name": "Hardworkclub", "description": "Hardworkclub presents a dark, minimalist aesthetic, using deep black as the primary canvas for content. Typography is dense and commanding, often rendered in stark white against the dark background. A single, vivid violet accent color is reserved for subtle interactive elements, making its infrequent appearance impactful. The design emphasizes content through strong contrasts, creating a sophisticated and focused visual experience.", "theme": "dark", "industry": "agency", "source_url": "https://www.hardworkclub.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515722385-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515722385-thumb.jpg", "refero_style_id": "1775bf6a-afdd-48b1-8435-b92ec585c674", "extracted_at": "2026-04-30T02:22:17.490Z", "path": "skills/hardworkclub/DESIGN.md" }, { "id": "hartzler-family-dairy", "name": "Hartzler Family Dairy", "description": "Hartzler Family Dairy uses a farm-fresh, bold, and wholesome visual language. Large, expressive typography grounds the product imagery against a clean white canvas, frequently paired with strong accent colors that pop. Components are minimal, relying on typography and color for definition rather than heavy borders or shadows. The overall impression is one of simple, direct communication of purity and tradition.", "theme": "light", "industry": "other", "source_url": "https://www.hartzlerdairy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515167655-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515167655-thumb.jpg", "refero_style_id": "14efe0a8-5abf-441c-919d-add271317bf9", "extracted_at": "2026-04-30T02:13:04.434Z", "path": "skills/hartzler-family-dairy/DESIGN.md" }, { "id": "hashicorp", "name": "HashiCorp", "description": "This system projects an aura of understated power and technical mastery, like a high-end server silently performing complex operations. Dark, expansive backgrounds (#0D0E12) provide an immersive canvas for crisp white typography (#EFEFF1), creating a high-contrast experience that is clear without being harsh. Strategic use of a vibrant blue (#2B89FF) and subtle internal gradients (#FF8791 to #F9B571, #6C81FF to #C08DFF) on data visualizations and interactive elements provides dynamic focal points against the deep, calm palette. Softly rounded corners (4px, 5px) on interactive elements add a subtle touch of approachability to an otherwise precise and rigorous aesthetic.", "theme": "dark", "industry": "devtools", "source_url": "https://hashicorp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923501573-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923501573-thumb.jpg", "refero_style_id": "834ce97f-61f2-4b12-bf5c-e9fad2544456", "extracted_at": "2026-04-11T16:05:25.988Z", "path": "skills/hashicorp/DESIGN.md" }, { "id": "hashnode", "name": "Hashnode", "description": "Hashnode's design evokes a sense of organized clarity, like a refined environment where complex ideas are constructed. Predominantly bright, near-white surfaces create a spacious, focused canvas, punctuated by sharp, technical typography and a singular, vibrant blue accent. Precision is communicated through crisp sans-serif lines, defined component boundaries, and minimal, intentional softening at corners, creating a sense of professional purpose.", "theme": "light", "industry": "media", "source_url": "https://hashnode.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932497065-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932497065-thumb.jpg", "refero_style_id": "6a8bf4c2-8cf2-463a-bcb9-36c15ea177c2", "extracted_at": "2026-04-11T18:35:19.888Z", "path": "skills/hashnode/DESIGN.md" }, { "id": "haus-otto", "name": "Haus Otto", "description": "This system projects an aesthetic of stark minimalism and purposeful absence, like a gallery wall with a single, monumental exhibit. It leverages extreme contrast and sparse visual elements to emphasize a singular brand presence. The visual impact is created by the massive, centrally-aligned, uppercase sans-serif typography on an absolute white canvas, demanding full attention without clutter.", "theme": "light", "industry": "agency", "source_url": "https://hausotto.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925264078-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925264078-thumb.jpg", "refero_style_id": "0057e55a-8a66-4ffc-9c21-f0b757e580b3", "extracted_at": "2026-04-11T16:34:41.078Z", "path": "skills/haus-otto/DESIGN.md" }, { "id": "hbo-max", "name": "HBO Max", "description": "HBO Max presents a cinematic dark mode experience. A deep black canvas provides a dramatic backdrop for content, punctuated by crisp white typography and a vibrant, authoritative blue that guides user actions. Components are minimal, focusing on content with subtle outlines and soft radii. The overall impression is one of sophistication and clarity, optimized for content absorption in a low-light setting.", "theme": "dark", "industry": "media", "source_url": "https://www.hbomax.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511008371-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511008371-thumb.jpg", "refero_style_id": "898f0127-d235-4832-bf33-ab21104f0529", "extracted_at": "2026-04-30T01:03:56.236Z", "path": "skills/hbo-max/DESIGN.md" }, { "id": "headspace", "name": "Headspace", "description": "Headspace's design system radiates a calm, approachable, and playfully optimistic mood, achieved through a vibrant primary blue, a warm, soft neutral palette, and abundant negative space. Rounded forms and a clean sans-serif typeface contribute to a friendly and user-centric feel. The frequent use of accent colors, especially yellow and various purples, in illustrations and iconography creates visual interest and distinguishes different content areas.", "theme": "light", "industry": "other", "source_url": "https://headspace.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925079585-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925079585-thumb.jpg", "refero_style_id": "035a098b-5a27-48a3-8a3a-c68a698e3eab", "extracted_at": "2026-04-11T16:31:43.544Z", "path": "skills/headspace/DESIGN.md" }, { "id": "healthy-together", "name": "Healthy Together", "description": "Healthy Together employs a cool, dark-mode canvas accented by vibrant, saturated gradients and a subtle, soft light theme for content sections. Typography is grounded in a single, versatile sans-serif family, used confidently across a wide range of sizes and precise tracking. Components feature large, pill-shaped buttons for primary actions and subtly rounded cards, providing a friendly yet professional interface.", "theme": "mixed", "industry": "fintech", "source_url": "https://www.healthytogether.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512100360-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512100360-thumb.jpg", "refero_style_id": "d577e44e-bc63-4cbe-b759-25262d089b95", "extracted_at": "2026-04-30T01:22:01.659Z", "path": "skills/healthy-together/DESIGN.md" }, { "id": "heart-aerospace", "name": "Heart Aerospace", "description": "Heart Aerospace employs a restrained, high-status design language: a monochrome canvas with minimal accentuation. Typography is the primary conveyor of hierarchy, utilizing subtle weight variations and precise letter-spacing. UI elements are understated, allowing large-scale imagery and bold headlines to dominate. The system relies on precise spacing to create rhythm rather than heavy visual dividers.", "theme": "light", "industry": "other", "source_url": "https://heartaerospace.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512680628-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512680628-thumb.jpg", "refero_style_id": "bf523387-03fc-4243-86ca-25af34daa0ce", "extracted_at": "2026-04-30T01:31:40.539Z", "path": "skills/heart-aerospace/DESIGN.md" }, { "id": "heavyweight", "name": "Heavyweight", "description": "Heavyweight Type embraces a stark, high-contrast aesthetic, juxtaposing crisp black text and borders against expansive white and light gray surfaces. Typography is the undisputed hero, presented in large, impactful custom fonts that demand attention without heavy graphic treatments. The system prioritizes functional clarity and precise visual hierarchy, with minimal use of color, reserving a single vivid green as a subtle 'new' flag, making interactions feel deliberate and highly legible.", "theme": "light", "industry": "design", "source_url": "https://heavyweight-type.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515689831-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515689831-thumb.jpg", "refero_style_id": "d991c31d-2ffa-4a94-ab37-7f7d8f7d6a0c", "extracted_at": "2026-04-30T02:21:48.969Z", "path": "skills/heavyweight/DESIGN.md" }, { "id": "helloivy", "name": "Helloivy", "description": "Hello Ivy presents as an architectural blueprint rendered on thick, creamy paper, conveying both structure and a subtle warmth. Heavy, bold titles anchor content, while a high-contrast monochromatic palette creates stark visual hierarchy. The signature feature is the strong grid system defined by fine black lines, segmenting content into clear, distinct blocks, as if each piece of information is a precisely cut and placed element within a larger, deliberate composition. Sparse use of color and a focus on sharp edges for everything but interactive elements contributes to a feeling of focused utility and quiet authority.", "theme": "light", "industry": "productivity", "source_url": "https://helloivy.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932463602-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932463602-thumb.jpg", "refero_style_id": "5af6b791-6cad-4497-9e94-ace28e4fbd51", "extracted_at": "2026-04-11T18:34:44.007Z", "path": "skills/helloivy/DESIGN.md" }, { "id": "henry", "name": "Henry", "description": "Henry.codes creates a dark, brutalist newsprint aesthetic, evoking a digital zine or an old-school BBS. The design uses stark monochrome contrast, large distressed display typography, and intentional visual chaos within a structured grid. Text blocks are dense, and the overall impression is one of raw, unfiltered information, avoiding typical 'clean' SaaS conventions. The system feels hand-coded, with a deliberate lack of smooth gradients, soft shadows, or rounded forms, opting for sharp edges and explicit separation.", "theme": "light", "industry": "design", "source_url": "https://henry.codes", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519635411-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519635411-thumb.jpg", "refero_style_id": "ff4b9eff-dc0b-4886-bd65-c2f5e9069318", "extracted_at": "2026-04-30T03:27:37.135Z", "path": "skills/henry/DESIGN.md" }, { "id": "herding-app", "name": "herding.app", "description": "This design system evokes a digital craftsman's workshop feel, with a muted dark palette and subtle elevation shifts creating a sense of depth and organization. The interplay of soft, almost invisible backgrounds with crisp white typography and geometric accents defines a precise yet approachable atmosphere. Rounded corners on interactive elements provide a gentle contrast to the otherwise stark, modular structure, hinting at user-friendliness within a powerful system.", "theme": "dark", "industry": "saas", "source_url": "https://herdi.ng", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925917937-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925917937-thumb.jpg", "refero_style_id": "6d1d19a3-294d-4bad-9f8b-f775cb24b47a", "extracted_at": "2026-04-11T16:45:42.169Z", "path": "skills/herding-app/DESIGN.md" }, { "id": "hex", "name": "Hex", "description": "Hex delivers a sophisticated, data-centric aesthetic, characterized by a clean white canvas that highlights nuanced typography and subtle violet accents. The design balances precise information display with hints of visual depth through soft shadows and varied typefaces. Interactive elements are thoughtfully understated, relying on outlines and muted states rather than bold fills, ensuring the focus remains on the analytical content and user workflow.", "theme": "light", "industry": "ai", "source_url": "https://hex.tech", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508417931-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508417931-thumb.jpg", "refero_style_id": "3e32db74-a61d-4e72-93b8-1fb949af2c00", "extracted_at": "2026-04-30T00:20:55.351Z", "path": "skills/hex/DESIGN.md" }, { "id": "hey-low", "name": "Hey Low", "description": "Hey Low utilizes a fresh, eco-conscious aesthetic, blending a serene light theme with a strong emphasis on a single accent green. Typography is understated yet precise, with a custom sans-serif for content and a distinctive display font for headlines. Components are minimal, relying on soft radii and a prominent, specific accent green for interactive elements and highlighted content, rather than heavy borders or deep shadows. The overall feel is one of thoughtful efficiency, with visual weight primarily driven by color rather than complex styling.", "theme": "light", "industry": "design", "source_url": "https://heylow.world", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516647016-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516647016-thumb.jpg", "refero_style_id": "7829a500-242b-4932-b42d-7ce40c254101", "extracted_at": "2026-04-30T02:38:10.312Z", "path": "skills/hey-low/DESIGN.md" }, { "id": "hims-app", "name": "Hims App", "description": "The Hims App design system projects a clean, spacious, and subtly playful aesthetic. A generous use of white space and large, rounded corner elements creates an open, approachable feel. Typography is dominant, with large, bold headings drawing attention, while a single vivid violet provides a consistent brand accent. Shadows are soft and diffuse, adding a gentle sense of depth without harsh contrasts, framing content on the bright canvas.", "theme": "light", "industry": "other", "source_url": "https://app.forhims.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516517287-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516517287-thumb.jpg", "refero_style_id": "0a489bce-4f93-4b38-b612-d87b1d00999e", "extracted_at": "2026-04-30T02:35:41.649Z", "path": "skills/hims-app/DESIGN.md" }, { "id": "hle", "name": "HLE", "description": "HLE employs a grayscale retro-digital aesthetic, presenting an interface that feels like a vintage computer terminal. The design is characterized by its high contrast starkness and extremely compact, monochromatic typography with a distinct pixelated mono-space flair. Functional elements appear as subtle text-based interactions or simple toggle switches, maintaining an atmosphere of focused, understated utility rather than modern graphical richness. Surface treatments are minimal, relying on subtle background shifts and hard-edged borders for separation, eschewing shadows or complex gradients.", "theme": "dark", "industry": "media", "source_url": "https://hle.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512139092-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512139092-thumb.jpg", "refero_style_id": "5abe1239-79b9-4ebc-b4d1-9b2a85dc29a4", "extracted_at": "2026-04-30T01:22:36.290Z", "path": "skills/hle/DESIGN.md" }, { "id": "hnst-studio", "name": "HNST Studio", "description": "HNST features a clean, high-contrast aesthetic with a warm off-white canvas and stark black text. A single vivid red accent color draws attention to key brand elements and interactive states, cutting through the otherwise muted palette. Typography balances classic readability with a contemporary, open feel, maintaining a sense of refined utility. Components are minimal, relying on strong borders and generous internal spacing rather than shadows for definition.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.letsbehonest.eu", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521265204-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521265204-thumb.jpg", "refero_style_id": "7de578bc-9fbd-4664-a731-6223515bb601", "extracted_at": "2026-04-30T03:54:49.969Z", "path": "skills/hnst-studio/DESIGN.md" }, { "id": "hoc-radio", "name": "HOC Radio", "description": "HOC Radio employs a high-contrast dark mode aesthetic, presenting a stark, functional interface ideal for a digital radio platform. The design prioritizes clear information hierarchy through a grid-based layout and precise typographic contrasts. The entire system uses achromatic colors, with pure white text and borders against a jet black background, creating an atmosphere of focus and quiet intensity. Visual elements are minimal, relying on strong lines and text to convey information and structure.", "theme": "dark", "industry": "media", "source_url": "https://hocradio.eu", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519136819-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519136819-thumb.jpg", "refero_style_id": "e03e957e-eb5b-45d5-8944-2650dafab3c9", "extracted_at": "2026-04-30T03:19:27.819Z", "path": "skills/hoc-radio/DESIGN.md" }, { "id": "holiday-100", "name": "Holiday 100", "description": "Holiday 100 features a dark, spacious aesthetic with a focus on product showcase. Generous negative space and subtle card treatments ensure content breathes, while selective use of vibrant accent colors for key messages and interactive elements adds visual interest without overpowering the rich product imagery. Typography combines a classic serif for headlines with a clean sans-serif for body text, creating a modern yet approachable feel. The system prioritizes clarity and directness over heavy adornment.", "theme": "dark", "industry": "ecommerce", "source_url": "https://shopping.google.com/m/bestthings", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521345955-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521345955-thumb.jpg", "refero_style_id": "48fa5bef-d910-40e1-b9b0-c0fcad055c6f", "extracted_at": "2026-04-30T03:56:15.824Z", "path": "skills/holiday-100/DESIGN.md" }, { "id": "holographik", "name": "Holographik", "description": "Holographik uses a high-contrast, stark visual language built on an uncompromising black and white palette. Typography is large, bold, and tightly tracked for maximum impact, creating a sense of directness. Components are entirely UI-driven, with no decorative elements, relying on sharp edges and a single, extreme radius for interaction cues. The overall impression is one of confident, unornamented clarity.", "theme": "dark", "industry": "design", "source_url": "https://www.holographik.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514549889-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514549889-thumb.jpg", "refero_style_id": "f46616d6-5138-408b-a29d-b6749a6f3b04", "extracted_at": "2026-04-30T02:02:48.963Z", "path": "skills/holographik/DESIGN.md" }, { "id": "home", "name": "Home", "description": "Moderne uses a vibrant, playful light-mode aesthetic characterized by deep, saturated violets and teals meeting warm, vivid reds and oranges. The visual system balances a clean, structured layout with expressive, hand-drawn illustrations. Typography is a confident mix of clear sans-serifs and a distinctive display font with generous letter-spacing for headlines. Components feel plush and inviting, featuring rounded corners and subtle background tints rather than harsh borders or deep shadows.", "theme": "light", "industry": "design", "source_url": "https://moderne.st", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520478162-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520478162-thumb.jpg", "refero_style_id": "ad529e8a-3427-4152-bed9-6ec5097f25b6", "extracted_at": "2026-04-30T03:41:43.375Z", "path": "skills/home/DESIGN.md" }, { "id": "home-page-impossible-foods", "name": "Home page | Impossible Foods", "description": "Impossible Foods utilizes a bold, high-contrast visual system dominated by deep, saturated reds and blacks, creating an urgent and impactful atmosphere. Typography is large and commanding, often leveraging uppercase and strong tracking for graphic appeal. The design employs a \\\"dark mode\\\" aesthetic with rich, deep background colors that make the vibrant reds and product imagery pop. Components are distinct, featuring sharp corners or subtly rounded edges, with a focus on clear messaging and strong visual hierarchy through color and scale rather than extensive use of elevation or subtle textures.", "theme": "dark", "industry": "other", "source_url": "https://impossiblefoods.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509422486-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509422486-thumb.jpg", "refero_style_id": "04961c7d-8ca6-4e87-ba88-6ad7ffa3b245", "extracted_at": "2026-04-30T00:37:32.478Z", "path": "skills/home-page-impossible-foods/DESIGN.md" }, { "id": "homerun", "name": "Homerun", "description": "Homerun employs a whimsical, modern aesthetic through a muted, earthy color palette punctuated by vibrant, deep blues and a playful use of soft, chunky card shadows. Typography is clean and confident, creating a comfortable information hierarchy. Components feature generous padding, organic rounded corners, and a light-hearted visual rhythm that prioritizes a friendly user experience over stark efficiency.", "theme": "light", "industry": "saas", "source_url": "https://www.homerun.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510214376-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510214376-thumb.jpg", "refero_style_id": "721d4954-389e-4003-91e3-efff373f0f0f", "extracted_at": "2026-04-30T00:50:46.511Z", "path": "skills/homerun/DESIGN.md" }, { "id": "homunculus-inc", "name": "homunculus Inc.", "description": "Homunculus operates as a nocturnal canvas, utilizing deep charcoal and stark black surfaces as its primary landscape. Text and interactive elements are rendered in crisp white, creating sharp, high-contrast points of interest. Typography is compact and precise, emphasizing an understated, almost technical aesthetic. Visual interest is introduced through subtle, organic, iridescent forms that hint at movement and depth, acting as the site's sole chromatic accent.", "theme": "dark", "industry": "agency", "source_url": "https://homunculus.jp", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517993966-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517993966-thumb.jpg", "refero_style_id": "68076c4e-f1a6-4d31-9629-cc1af14d9dc5", "extracted_at": "2026-04-30T03:00:10.431Z", "path": "skills/homunculus-inc/DESIGN.md" }, { "id": "honeybook", "name": "HoneyBook", "description": "HoneyBook presents a playful yet established aesthetic, built on a foundation of warm neutrals and a vibrant, almost neon yellow accent. Typography creates distinct hierarchy with a sans-serif for functional text and a serif for display, often with tight tracking. Components are soft and approachable with generous corner radii, emphasizing a friendly user experience. The palette is carefully balanced to keep the vivid yellow from overwhelming the interface, reserving it for key actions and foundational sections.", "theme": "light", "industry": "saas", "source_url": "https://www.honeybook.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509890554-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509890554-thumb.jpg", "refero_style_id": "26dac924-d1c8-4097-af0f-0417ccb12128", "extracted_at": "2026-04-30T00:45:27.543Z", "path": "skills/honeybook/DESIGN.md" }, { "id": "honk", "name": "Honk", "description": "Honk uses a vibrant, high-contrast visual system where bold primary colors make the interface pop. The design relies on a striking blue canvas accented by bright yellow highlights and white text, creating an energetic and direct communication style. Typography is bold and casual, contributing to an approachable, fun atmosphere. Most elements are flat with minimal shadows, emphasizing clarity and quick interaction.", "theme": "light", "industry": "media", "source_url": "https://honk.me", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514887821-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514887821-thumb.jpg", "refero_style_id": "ca4708f7-7175-4da2-a47f-ce8f5e601f99", "extracted_at": "2026-04-30T02:08:24.943Z", "path": "skills/honk/DESIGN.md" }, { "id": "hourly", "name": "hourly", "description": "The hourly app design system presents an audacious, high-contrast aesthetic, built on a foundation of deep black, bold cream, and urgent red. Typography, dominated by a heavy grotesque sans-serif, takes center stage with dramatic scale and tight tracking. Information is presented densely, pushing content to the edges of a constrained layout without relying on traditional spacing cues. A distinct lack of visual hierarchy via elevation or subtle neutrals focuses attention through sheer presence and high-impact color pairing.", "theme": "dark", "industry": "productivity", "source_url": "https://hourly-app.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520909072-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520909072-thumb.jpg", "refero_style_id": "1b4c8933-32b5-427d-9906-28574d1076cc", "extracted_at": "2026-04-30T03:48:50.123Z", "path": "skills/hourly/DESIGN.md" }, { "id": "houseplant", "name": "HOUSEPLANT", "description": "HOUSEPLANT's visual system evokes a collectible-driven, high-end artisanal aesthetic. It features a stark contrast between a dominant, warm off-white canvas and deep, earthy neutrals, lending a sophisticated yet grounded feel. Typography is paramount, leveraging a distinctive custom serif for headlines and strong sans-serifs for body text, creating an almost editorial quality. Components are minimal, often borderless or with subtle shadows, allowing the rich product imagery and bold type to command attention.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.houseplant.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513792896-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513792896-thumb.jpg", "refero_style_id": "7fdd9506-0a85-41a5-b2a7-c5ce1f31d863", "extracted_at": "2026-04-30T01:50:18.849Z", "path": "skills/houseplant/DESIGN.md" }, { "id": "how-many-plants", "name": "How Many Plants", "description": "How Many Plants utilizes a playful, illustrative aesthetic reminiscent of an artisanal zine or handcrafted journal. The visual system combines a creamy off-white canvas with deep charcoal text and bold, earthy chartreuse accents. Strong, graphic outlines define components and illustrations, imparting a clean yet distinctly analog feel. Typography mixes a custom display serif for headlines with a typewriter-style sans-serif, enhancing the bespoke and approachable mood. The design emphasizes spaciousness, using generous padding and margin to give elements room to breathe.", "theme": "light", "industry": "design", "source_url": "https://howmanyplants.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521343288-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521343288-thumb.jpg", "refero_style_id": "4e616d96-14ea-43d6-9662-0ad3fa19ef7c", "extracted_at": "2026-04-30T03:56:11.580Z", "path": "skills/how-many-plants/DESIGN.md" }, { "id": "htwkr", "name": "HTWKR", "description": "HTWKR uses a somber, monastic aesthetic with a dominant dark canvas, allowing text to surface as quiet epigraphs. The visual style feels sparse and contemplative, relying on delicate typography and a restrained palette of deep blacks and subtle grays. Content is primarily text-based, presented with ample negative space. The overall impression is one of respectful seriousness, with a focus on intellectual engagement over dynamic interaction.", "theme": "dark", "industry": "other", "source_url": "https://howtotalktowhitekidsaboutracism.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512600151-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512600151-thumb.jpg", "refero_style_id": "219890bb-aa52-46cb-89a0-459d0519ad04", "extracted_at": "2026-04-30T01:30:17.514Z", "path": "skills/htwkr/DESIGN.md" }, { "id": "hubspot", "name": "HubSpot", "description": "HubSpot's visual system evokes a reliable, professional ecosystem with a warm, energetic core. It combines a clean, spacious light theme with strong, structured typography. Muted background tones provide a subtle backdrop for card-based content, while a vibrant orange serves as the primary accent, signaling action and branding. The overall impression is one of clarity and approachable efficiency.", "theme": "light", "industry": "saas", "source_url": "https://www.hubspot.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510875130-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510875130-thumb.jpg", "refero_style_id": "3e100552-a8ad-4179-b89a-6aa5113b92e1", "extracted_at": "2026-04-30T01:01:44.777Z", "path": "skills/hubspot/DESIGN.md" }, { "id": "hudson-gavin-martin", "name": "Hudson Gavin Martin", "description": "Hudson Gavin Martin uses a structured, grid-based layout with strong black borders defining content areas. A minimal, formal typography set is contrasted by occasional bursts of subtle, tinted surface colors, creating a sense of organized professionalism with approachable accents. The overall feel is that of an architectural blueprint, where clean lines and precise boundaries dictate visual flow and hierarchy.", "theme": "light", "industry": "agency", "source_url": "https://hgmlegal.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520969072-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520969072-thumb.jpg", "refero_style_id": "fece962d-a580-4365-8afd-c9905a2502b1", "extracted_at": "2026-04-30T03:49:54.441Z", "path": "skills/hudson-gavin-martin/DESIGN.md" }, { "id": "hugging-face", "name": "Hugging Face", "description": "Hugging Face presents a UI that feels like a meticulously organized, high-performance data console under bright, even lighting. The visual identity hinges on a subtle interplay of dark grays and bright whites, using minimal accent colors to highlight interactive elements and status. The crisp typography and sharp corners create an atmosphere of precision and utility, while soft shadows add subtle layers of hierarchy without heavy visual weight, making complex data structures feel approachable.", "theme": "light", "industry": "ai", "source_url": "https://huggingface.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923663642-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923663642-thumb.jpg", "refero_style_id": "4363070d-02da-4954-88e4-d4a2101c5204", "extracted_at": "2026-04-11T16:08:12.429Z", "path": "skills/hugging-face/DESIGN.md" }, { "id": "hugo-ferradas", "name": "Hugo Ferradas", "description": "Hugo Ferradas' design system establishes a stark, high-contrast dark canvas for showcasing work with direct, minimalist typography. Functionality is expressed through subtle interactions rather than heavy-handed styling. The visual experience is anchored by pure black surfaces and crisp white text, providing a focused, gallery-like setting where content takes precedence over decorative elements.", "theme": "dark", "industry": "design", "source_url": "https://hugoferradas.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515238134-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515238134-thumb.jpg", "refero_style_id": "e766eef9-80e6-4912-bf0f-446b0904b6ea", "extracted_at": "2026-04-30T02:14:07.721Z", "path": "skills/hugo-ferradas/DESIGN.md" }, { "id": "hugo-marie", "name": "Hugo & Marie", "description": "Hugo & Marie operates with a refined, understated aesthetic characterized by stark monochrome typography and a deliberately sparse, almost gallery-like layout. Clean, unadorned surfaces provide a neutral canvas for striking visual content, while subtle hints of interactivity appear as ghost buttons and hairline borders. The system prioritizes clarity and a sense of curated space, allowing the visual work to take center stage.", "theme": "light", "industry": "agency", "source_url": "https://www.hugoandmarie.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517859874-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517859874-thumb.jpg", "refero_style_id": "58a36cba-3fc4-48fa-a7d9-7f14592b7857", "extracted_at": "2026-04-30T02:58:00.684Z", "path": "skills/hugo-marie/DESIGN.md" }, { "id": "humble", "name": "Humble", "description": "Humble's design system embraces a 'light AI lab' aesthetic: a pristine white canvas contrasted with sharp, functional typography. A singular vibrant orange acts as a dynamic accent, highlighting key actions and brand elements. Components are lightweight with subtle, diffused shadows that lift elements gently from the background rather than anchoring them with heavy forms. The overall impression is one of clarity, precision, and restrained energy.", "theme": "light", "industry": "ai", "source_url": "https://humbleops.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508537202-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508537202-thumb.jpg", "refero_style_id": "a6950b49-8ce4-4330-9499-26ca08061599", "extracted_at": "2026-04-30T00:22:44.542Z", "path": "skills/humble/DESIGN.md" }, { "id": "hume-ai", "name": "Hume AI", "description": "This design system evokes a sense of gentle authority and advanced scientific inquiry, presenting complex AI research with an approachable, almost pastel-like palette. The primary typefaces, Fellix and PP Fraktion Mono, contrast a bespoke humanist sans-serif with a technical monospaced font, establishing a duality of user-friendliness and precision. Subtle, muted chromatic backgrounds create distinct section breaks and highlight content, preventing visual fatigue, while the prominent use of rounded forms offers visual softness in a technology-focused context.", "theme": "light", "industry": "ai", "source_url": "https://hume.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932573314-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932573314-thumb.jpg", "refero_style_id": "2e67105f-9f9a-45b5-9281-29734e753bd6", "extracted_at": "2026-04-11T18:36:41.146Z", "path": "skills/hume-ai/DESIGN.md" }, { "id": "hungry-tiger", "name": "Hungry Tiger", "description": "Hungry Tiger's design system evokes the rich, warm experience of Indian spices through a dark-mode palette dominated by deep oranges and ochre yellows. Typography is bold and highly condensed, with generous tracking on large headlines, creating a strong, impactful voice. Components are rounded and tactile, integrating seamlessly with textured backgrounds.", "theme": "dark", "industry": "ecommerce", "source_url": "https://www.eathungrytiger.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507873888-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507873888-thumb.jpg", "refero_style_id": "47f15da7-8905-45b3-bcab-06a4277c6168", "extracted_at": "2026-04-30T00:11:35.325Z", "path": "skills/hungry-tiger/DESIGN.md" }, { "id": "huy-phan", "name": "Huy Phan", "description": "This design system projects a minimalist, architectural elegance, akin to a meticulously curated art gallery catalog. The entire canvas is dominated by near-white surfaces, punctuated by sharp, precise typography. The interplay between large, airy negative space and understated text creates an atmosphere of intellectual sophistication, privileging content and clarity through extreme visual restraint. Typography, particularly the highly varied letter-spacing and custom fonts, is the primary expressive tool.", "theme": "light", "industry": "agency", "source_url": "https://huyml.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925599521-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925599521-thumb.jpg", "refero_style_id": "6bc0dff4-b803-4e0c-a8f5-bef016843ae8", "extracted_at": "2026-04-11T16:40:18.469Z", "path": "skills/huy-phan/DESIGN.md" }, { "id": "hyer-aviation", "name": "Hyer Aviation", "description": "Hyer Aviation employs a commanding, high-contrast aesthetic, juxtaposing crisp white surfaces with deep, almost-black elements. Bold, large-scale typography creates immediate impact, while subtle details like rounded pill shapes and a single warm accent color temper its power. The design feels grounded and luxurious, with ample whitespace and a restrained color palette that allows imagery to take center stage, communicating sophistication through assertive simplicity.", "theme": "light", "industry": "other", "source_url": "https://www.flyhyer.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518358624-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518358624-thumb.jpg", "refero_style_id": "f61cf515-ccd5-4494-bdd1-be9fe4d7258c", "extracted_at": "2026-04-30T03:06:15.096Z", "path": "skills/hyer-aviation/DESIGN.md" }, { "id": "hyper-tria", "name": "Hyper Tria", "description": "Hyper Tria presents as a minimalistic, content-driven agency. Its visual system prioritizes stark contrast and ample whitespace, using black and white as primary communicators. Typography is sharp and impactful, often appearing in large, tracked blocks that command attention. Color is used sparingly, primarily as an accent for subtle interactive states or to denote specific sections, creating a focused and uncluttered user experience.", "theme": "light", "industry": "agency", "source_url": "https://hypertria.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516999150-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516999150-thumb.jpg", "refero_style_id": "6665a3dd-606f-4fd1-80dd-a84e3b3a6226", "extracted_at": "2026-04-30T02:43:42.101Z", "path": "skills/hyper-tria/DESIGN.md" }, { "id": "hyperaktiv", "name": "HyperAktiv", "description": "HyperAktiv's design system is minimalist and stark, featuring high-contrast typography and a raw, unadorned aesthetic. Dominant black text on pure white surfaces creates a strong, direct presence, while a lone vibrant blue provides a single, impactful interactive accent. The system avoids elaborate styling, favoring sharp edges and direct expression over soft shadows or rounded forms, giving it an almost industrial, no-nonsense feel.", "theme": "light", "industry": "other", "source_url": "https://hyperaktiv.li", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517851496-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517851496-thumb.jpg", "refero_style_id": "d19c6fc3-1fc6-44a0-9c22-a0a82f7f79b4", "extracted_at": "2026-04-30T02:57:57.800Z", "path": "skills/hyperaktiv/DESIGN.md" }, { "id": "hyperstudio", "name": "Hyperstudio", "description": "This design system evokes a sparse, high-contrast digital workspace, reminiscent of a command line interface or early internet text modes but with a refined typographic sensibility. The stark black backgrounds (#101010, #080808) are punctuated by crisp white text (#F3F3F3, #FFFFFF), creating a sense of technical precision and directness. Minimal chromatic accents (#E7C59A, #00AC5C) are used sparingly, like status lights, ensuring they immediately draw the eye and signify interactive elements or states without overwhelming the monochrome base. Custom Aeonik and Input fonts lend a distinctive, somewhat retro-futuristic feel, reinforcing the tech-focused brand identity.", "theme": "dark", "industry": "agency", "source_url": "https://hyperstudio.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925438462-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925438462-thumb.jpg", "refero_style_id": "8eb9c53e-d69c-497a-b640-610856cf3a60", "extracted_at": "2026-04-11T16:37:41.665Z", "path": "skills/hyperstudio/DESIGN.md" }, { "id": "iad-lab", "name": "Iad-lab", "description": "IAD-Lab's visual identity centers around stark contrasts and heavy typography, creating an assertive, academic tone. The dark canvas provides a backdrop for crisp white text and geometric imagery, prioritizing content legibility. Minimal use of color ensures that any visual elements that do use color, such as hero imagery, carry significant impact. Component styling uses softened corners and generous spacing, allowing individual elements to exist distinctly within the dark layout.", "theme": "dark", "industry": "agency", "source_url": "https://iad-lab.ch", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516950966-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516950966-thumb.jpg", "refero_style_id": "7d66c966-6cee-4c82-b2e4-2bf1ca7b2ccd", "extracted_at": "2026-04-30T02:42:56.133Z", "path": "skills/iad-lab/DESIGN.md" }, { "id": "ibm", "name": "IBM", "description": "An enterprise-marketing canvas faithful to Carbon Design System: white surfaces, charcoal type, IBM Blue (#0f62fe) as the single confident accent, and a deliberately flat-square aesthetic where corners stay at 0–4px. Type runs IBM Plex Sans at light weight 300 for display sizes (a brand signature) and 400/600 for body and emphasis. Cards live as thin-bordered tiles with no shadow; sections separate via subtle gray rows. The chrome is square, the typography is light, and the only color in the system is one assertive blue — the result reads as old-world enterprise gravitas reframed for the cloud era.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/ibm/DESIGN.md" }, { "id": "icam-inox-s-r-l", "name": "Icam inox s.r.l.", "description": "The Icam visual system is a study in stark monochrome contrast and material precision. It pairs crisp, confident typography with expansive white and deep black surfaces, creating a sense of technical authority. Subtle, large radius rounded corners soften rigid forms, while minimal borders and generous spacing maintain an airy, professional feel. The design emphasizes content through direct visual hierarchy rather than ornamental complexity.", "theme": "light", "industry": "other", "source_url": "https://www.icam-inox.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512402692-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512402692-thumb.jpg", "refero_style_id": "e51d5c11-0190-40c8-9f73-92ba82488692", "extracted_at": "2026-04-30T01:27:00.228Z", "path": "skills/icam-inox-s-r-l/DESIGN.md" }, { "id": "iconwerk", "name": "iconwerk", "description": "The iconwerk system is a minimalist black and white canvas for showcasing custom icon design. It prioritizes clarity and directness through a largely monochrome palette, sparse text, and a loose, airy layout. Visual interest comes from the high-contrast presentation of icons and the generous use of rounded rectangles, creating a playful, object-focused atmosphere. The overall impression is one of curated simplicity, allowing the icons themselves to be the main protagonists.", "theme": "light", "industry": "design", "source_url": "https://www.iconwerk.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512365176-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512365176-thumb.jpg", "refero_style_id": "6e22b676-90e0-4e1a-a230-2b52f331d0e4", "extracted_at": "2026-04-30T01:26:19.515Z", "path": "skills/iconwerk/DESIGN.md" }, { "id": "id-c", "name": "ID—C", "description": "ID-C employs an architectural blueprint aesthetic, utilizing a monochromatic palette defined by stark black and white with a spectrum of grays. Typography is precise and understated, favoring a custom sans-serif with subtle letter-spacing for headlines to convey authority through restraint. The layout emphasizes clean lines, ample negative space, and modular content blocks, creating a sense of order and sophisticated simplicity. Interaction is indicated through subtle border changes rather than bold color shifts.", "theme": "light", "industry": "design", "source_url": "https://id-c.se", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513256814-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513256814-thumb.jpg", "refero_style_id": "03a78f26-ebd4-4d09-9012-7c69d327df9a", "extracted_at": "2026-04-30T01:41:13.407Z", "path": "skills/id-c/DESIGN.md" }, { "id": "idheal", "name": "IDHEAL", "description": "IDHEAL presents a clean, academic aesthetic, characterized by a high-contrast black and white foundation. Typography is the primary visual element, conveying a sense of authority and clarity. Color accents are minimal and serve as functional highlights for links and borders, rather than broad decorative elements. The overall feel is one of directness and seriousness, with a compact density and structured content flow.", "theme": "light", "industry": "other", "source_url": "https://idheal.fr", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518892372-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518892372-thumb.jpg", "refero_style_id": "8d8d5861-dee0-431b-826d-56f3fa4e1f84", "extracted_at": "2026-04-30T03:15:34.649Z", "path": "skills/idheal/DESIGN.md" }, { "id": "ifttt", "name": "IFTTT", "description": "IFTTT's design system is a high-contrast, functionally colorful environment where dark surfaces meet crisp white text and vivid branded modules. The aesthetic emphasizes a clear, almost utilitarian presentation of information and service connections. Visual hierarchy is achieved through a mix of typography and distinct color blocks rather than extensive use of elevation or soft gradients. Components are well-defined, often with generous padding and prominent rounded corners, facilitating clear interaction in a dense ecosystem.", "theme": "dark", "industry": "productivity", "source_url": "https://ifttt.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510930080-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510930080-thumb.jpg", "refero_style_id": "635b7769-7517-48ac-bb95-2ad7fa337e54", "extracted_at": "2026-04-30T01:02:42.124Z", "path": "skills/ifttt/DESIGN.md" }, { "id": "ikea", "name": "IKEA", "description": "IKEA's global digital presence is built on a foundation of optimistic simplicity. The interface features a clean, bright canvas, primarily using high-contrast typography and a distinct, energetic yellow as the primary brand accent. Component surfaces are generally flat and rounded, creating a friendly and approachable feel. This system prioritizes clear communication and intuitive interaction, using color sparingly for functional highlights, while maintaining a spacious, user-friendly layout.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.ikea.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511000454-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511000454-thumb.jpg", "refero_style_id": "e7b37c82-239c-48d5-b293-79a2bfa235cc", "extracted_at": "2026-04-30T01:03:45.571Z", "path": "skills/ikea/DESIGN.md" }, { "id": "ilovecreatives", "name": "ilovecreatives", "description": "ilovecreatives presents a 'digital trade school' aesthetic where crisp, high-contrast typography dominates a near-monochromatic canvas. The density serves to pack information, while playful inline elements and irregularly shaped buttons hint at creativity. The overall impression is business-like but with moments of subversive charm, avoiding overt corporate polish through its unique typographic voice and informal component radii.", "theme": "light", "industry": "design", "source_url": "https://ilovecreatives.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518109424-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518109424-thumb.jpg", "refero_style_id": "9afa0254-423b-4354-a852-8894c33d2e6b", "extracted_at": "2026-04-30T03:02:30.819Z", "path": "skills/ilovecreatives/DESIGN.md" }, { "id": "immersive-garden", "name": "Immersive Garden", "description": "This design system evokes the delicate, architectural quality of a bas-relief sculpture, where details whisper rather than shout. The entire page functions as a single, subtly textured canvas of near-white, with form and depth communicated through the negative space and the gentle play of light and shadow, not distinct color blocks. Typography is precise and understated, acting as fine etchings on the surface, allowing the sculptural elements to dominate and define the brand's aesthetic of immersive, artistic digital experiences.", "theme": "light", "industry": "agency", "source_url": "https://immersive-g.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925492455-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925492455-thumb.jpg", "refero_style_id": "0b285f89-599f-4d6e-b7cd-3f39abac80c6", "extracted_at": "2026-04-11T16:38:29.742Z", "path": "skills/immersive-garden/DESIGN.md" }, { "id": "incident", "name": "Incident", "description": "Incident.io presents a utilitarian, text-heavy interface on a bright canvas, prioritizing clarity and directness over decorative elements. Its visual identity relies on strong typographic contrast and a minimal use of color, primarily reserving a vivid orange for attention-grabbing accents or brand indicators. Components are lightweight with sharp corners, reflecting an engineering-focused approach to design where function dictates form.", "theme": "light", "industry": "saas", "source_url": "https://incident.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508483688-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508483688-thumb.jpg", "refero_style_id": "d9a60077-619a-4cb7-95ed-0c428c2b51ed", "extracted_at": "2026-04-30T00:21:45.126Z", "path": "skills/incident/DESIGN.md" }, { "id": "incommonwith", "name": "Incommonwith", "description": "In Common With employs a sun-drenched, architectural aesthetic that highlights product through subtle UI and an earthy, restrained color palette. The design relies on a clean, spacious layout, prioritizing imagery and robust typography to convey luxury and craftsmanship. Visual elements are mostly monolithic, focusing on natural light and texture, with sharp borders and an absence of soft shadows that maintain distinct separation. The overall impression is one of quiet permanence and considered design.", "theme": "light", "industry": "design", "source_url": "https://www.incommonwith.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508767267-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508767267-thumb.jpg", "refero_style_id": "1f9089e1-4170-482f-b988-afe1124a70a9", "extracted_at": "2026-04-30T00:26:33.193Z", "path": "skills/incommonwith/DESIGN.md" }, { "id": "increase", "name": "Increase", "description": "Increase employs a 'dark mode on light canvas' aesthetic, contrasting a clean, spacious white background with a deeply saturated, almost black primary UI color. Angular, vivid gradients provide dynamic accents, creating an energetic feel for a brand focused on API infrastructure. Typography is engineered for technical clarity, utilizing a custom monospace font for code snippets and a precise sans-serif for all other text. Components are sharp and functional, embracing subtle shadows for depth over heavy borders, emphasizing a modern and highly interactive user experience.", "theme": "light", "industry": "fintech", "source_url": "https://increase.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512812400-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512812400-thumb.jpg", "refero_style_id": "1ad4f49f-275a-4268-8ed1-677dc3c6e475", "extracted_at": "2026-04-30T01:34:21.839Z", "path": "skills/increase/DESIGN.md" }, { "id": "index", "name": "Index", "description": "Index employs a stark, high-contrast visual identity, reminiscent of avant-garde print media. The design prioritizes typography, using a mix of serif, sans-serif, and condensed styles to convey distinct content hierarchy against a largely achromatic canvas. Interactivity is highlighted through simple border treatments and monochromatic fills, with navigation elements often appearing as outlined or inverted states rather than distinct chromatic accents. Layouts are content-centered, favoring clear segmentation and generous vertical spacing to emphasize textual information.", "theme": "light", "industry": "agency", "source_url": "https://index-space.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519942048-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519942048-thumb.jpg", "refero_style_id": "b1ec2120-ceb0-42d1-9f96-2c9db2bf009b", "extracted_at": "2026-04-30T03:32:44.015Z", "path": "skills/index/DESIGN.md" }, { "id": "informed-copilot", "name": "informed Copilot", "description": "informed Copilot employs a bright, minimal aesthetic anchored by a vibrant green accent. The visual system prioritizes clarity and a lightweight feel with ample white space, rounded elements, and a subtle but confident typographic presence. Interface elements are compact, utilizing ghost buttons and fine borders over heavy fills, while the brand's signature green highlights interaction and key information. Components should appear modern and approachable, avoiding strong shadows or complex layering.", "theme": "light", "industry": "ai", "source_url": "https://www.informed.so", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514936306-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514936306-thumb.jpg", "refero_style_id": "1ee070cd-3be5-4efb-aa4f-06bce9eb5fe4", "extracted_at": "2026-04-30T02:09:35.843Z", "path": "skills/informed-copilot/DESIGN.md" }, { "id": "infringe", "name": "INFRINGE", "description": "INFRINGE presents a stark, high-contrast editorial aesthetic, driven by large-format imagery and bold, condensed typography. The design operates on a black and white canvas, punctuated dramatically by a single vivid yellow accent that captures attention without softening the overall hard-edged feel. Layouts are dynamic, often utilizing split screens and full-bleed visuals, with text acting as an integrated, graphic element rather than a separate content block. Visual density is high, with a deliberate lack of soft spacing or subtle visual cues, creating a distinct, impactful browsing experience.", "theme": "light", "industry": "media", "source_url": "https://www.infringe.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520269682-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520269682-thumb.jpg", "refero_style_id": "36e7c3f9-b7cb-48a2-9695-db726e3dccdb", "extracted_at": "2026-04-30T03:38:06.214Z", "path": "skills/infringe/DESIGN.md" }, { "id": "ingmar-coenen", "name": "Ingmar Coenen", "description": "Ingmar Coenen's portfolio employs a stark, high-contrast aesthetic, built on a foundation of black and white with minimal chromatic interference. Typography plays a central role, featuring a custom, oversized display font that acts as a primary graphic element. Components are lightweight and interaction-focused, defined by crisp borders and extensive border-radius. The system favors a dense information hierarchy over spaciousness, utilizing tight spacing and a predominantly neutral palette to emphasize content and precise interaction points.", "theme": "light", "industry": "design", "source_url": "https://ingmarcoenen.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515531565-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515531565-thumb.jpg", "refero_style_id": "f8c92b6b-a3a7-4141-ae61-3d865a106761", "extracted_at": "2026-04-30T02:19:20.074Z", "path": "skills/ingmar-coenen/DESIGN.md" }, { "id": "ink", "name": "INK", "description": "This system projects an image of understated luxury, prioritizing spaciousness and meticulous typography over vibrant visuals. The canvas of near-white (#E6DCD4) or pure white allows the refined, custom sans-serif to take center stage, creating a highly legible and authoritative tone. A distinct absence of shadows and geometric borders focuses attention on content through scale and precise placement, rather than overt styling.", "theme": "light", "industry": "agency", "source_url": "https://weareink.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925268823-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925268823-thumb.jpg", "refero_style_id": "6262b0bb-ea6f-481b-b706-65df29507b6c", "extracted_at": "2026-04-11T16:34:46.365Z", "path": "skills/ink/DESIGN.md" }, { "id": "inngest", "name": "Inngest", "description": "This design system evokes a sense of ordered complexity within a high-contrast dark environment, much like an advanced control panel. The muted black and deep charcoal surfaces provide a sophisticated backdrop, against which subtle geometric patterns and a restrained, precise typography establish a serious, tech-forward identity. Strategic use of a single amber accent color guides the eye to interactive elements, while the generous application of rounded corners on buttons softens the otherwise sharp, grid-like aesthetic, making the technical feel approachable.", "theme": "dark", "industry": "devtools", "source_url": "https://inngest.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923459006-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923459006-thumb.jpg", "refero_style_id": "62e8e59e-17a5-4eba-a6c6-1c7f67ded518", "extracted_at": "2026-04-11T16:04:47.650Z", "path": "skills/inngest/DESIGN.md" }, { "id": "ino", "name": "INO", "description": "INO embraces a minimalist, gallery-like aesthetic, presenting fine jewelry as art objects on a clean, muted canvas. The design emphasizes precise typography, subtle interactions, and a focus on product photography, creating an atmosphere of understated luxury. Typography is used sparingly but with impact, while subtle grays and whites provide a refined backdrop for the metallic luster of the jewelry. Components are lightweight, often outlined or ghosted, conveying a sophisticated restraint.", "theme": "light", "industry": "ecommerce", "source_url": "https://ino.jewelry", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514287026-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514287026-thumb.jpg", "refero_style_id": "57388b47-f789-441f-8b8d-13f1838a9ac6", "extracted_at": "2026-04-30T01:58:27.156Z", "path": "skills/ino/DESIGN.md" }, { "id": "instagram-sans-typeface", "name": "Instagram Sans Typeface", "description": "Instagram's brand style is a high-contrast, playful expression embracing its custom typeface, Instagram Sans. The visual system revolves around vivid fuchsia and violet hues, juxtaposed with crisp black and white. Layouts are spacious, featuring strong typographic statements and graphic elements with subtle rounded corners, creating an energetic and modern feel without relying on complex shadows or textures. Color primarily functions as a bold brand identifier and a backdrop for clean, legible text.", "theme": "light", "industry": "design", "source_url": "https://about.instagram.com/brand/type", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513385886-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513385886-thumb.jpg", "refero_style_id": "7d6a8722-a6f4-40de-a761-16ea479630a9", "extracted_at": "2026-04-30T01:43:26.389Z", "path": "skills/instagram-sans-typeface/DESIGN.md" }, { "id": "instrument", "name": "Instrument", "description": "Instrument's visual system evokes a stark, high-contrast, minimalist agency aesthetic. Dominated by a monochrome palette of deep nearly-black gray and pure white, it leverages strong typography as its primary visual identity. Typography is both commanding and refined, with distinctive custom typefaces varying dramatically in size and tracking. Components are lightweight and functional, often using ghosting or subtle background tints against large, open white canvases, emphasizing content and a clean, editorial layout.", "theme": "light", "industry": "agency", "source_url": "https://www.instrument.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509528107-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509528107-thumb.jpg", "refero_style_id": "dcd215e5-3511-4e40-87ff-95c095f44ad6", "extracted_at": "2026-04-30T00:39:35.477Z", "path": "skills/instrument/DESIGN.md" }, { "id": "integrated-biosciences", "name": "Integrated Biosciences", "description": "Integrated Bio's design system presents a serious, academic aesthetic with a striking dark canvas and intentionally muted chromatic accents. Typography is the primary visual communicator, featuring a custom sans-serif with generous scaling and tight tracking that commands attention without overpowering. Surfaces are predominantly dark or off-white, acting as clean backdrops for content, with borders serving to define interactive elements or subtle divisions. The overall impression is one of modern scientific rigor, where visual flourish is minimal, and focus remains on data and information.", "theme": "mixed", "industry": "ai", "source_url": "https://integratedbiosciences.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508494642-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508494642-thumb.jpg", "refero_style_id": "80099f79-72b7-4367-b2e9-6a3d4a3e9e6a", "extracted_at": "2026-04-30T00:22:03.315Z", "path": "skills/integrated-biosciences/DESIGN.md" }, { "id": "interaction", "name": "Interaction", "description": "The Isaac Powell system conveys a stark, almost monastic minimalism, using an extreme black-on-white polarity. Typography is consistently small and tracked tightly. The design is devoid of significant color or elevation, directing focus entirely onto content framed by sharp, unornamented boundaries. Interaction elements are subtle ghost outlines or simple text links, maintaining a subdued aesthetic.", "theme": "light", "industry": "design", "source_url": "https://www.ijpowell.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513356480-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513356480-thumb.jpg", "refero_style_id": "5fae307a-90ef-4181-9525-3ac308896ffc", "extracted_at": "2026-04-30T01:42:48.363Z", "path": "skills/interaction/DESIGN.md" }, { "id": "intercom", "name": "Intercom", "description": "Intercom's design system evokes a sense of understated innovation, like an architectural blueprint on white marble. Lightness and clarity are established through an expansive white canvas contrasted by fine-lined black typography and minimal, precise UI elements. The tension between the nearly achromatic palette and a single vibrant violet accent for primary calls to action creates a focused, forward-thinking feel without visual clutter. Custom typography with subtle letter-spacing variations adds a layer of quiet sophistication, preventing the sparse aesthetic from feeling sterile.", "theme": "light", "industry": "ai", "source_url": "https://intercom.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776119163185-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776119163185-thumb.jpg", "refero_style_id": "12255b63-e506-4bc1-a4cd-d05487de32f3", "extracted_at": "2026-04-13T22:26:32.443Z", "path": "skills/intercom/DESIGN.md" }, { "id": "international-magic", "name": "International Magic", "description": "International Magic employs a dark, high-contrast aesthetic that feels like a digital portal. Text is predominantly white or light gray against a near-black canvas, with accents of off-white used minimally for interactive elements. Surfaces are stark and planar, relying on large, abstract shadows for subtle depth rather than complex gradients or border treatments. Typography is compact and precise, maintaining a high information density within fixed-width page layouts, while interactive components feature extremely rounded, almost pill-like shapes.", "theme": "dark", "industry": "other", "source_url": "https://intmagic.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512275549-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512275549-thumb.jpg", "refero_style_id": "c406697b-677f-40c7-a3a2-10ea545278f1", "extracted_at": "2026-04-30T01:24:53.306Z", "path": "skills/international-magic/DESIGN.md" }, { "id": "intra", "name": "Intra", "description": "Intra's design system evokes a stark, utilitarian aesthetic, heavily reliant on bold monochromatic contrasts and raw typographic statements. The visual language is defined by a primary background of industrial gray, offset by sharp white and black elements. Cards and key visuals use a reversed dark theme that feels integrated rather than an overlay, maintaining a consistent high-contrast, blocky presence. Typography is the primary decorative element, with large, unembellished sans-serifs commanding attention.", "theme": "light", "industry": "other", "source_url": "https://intracbr.com.au", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516966661-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516966661-thumb.jpg", "refero_style_id": "16a8de02-a4c6-4077-9d3a-ef6b5c10db12", "extracted_at": "2026-04-30T02:43:09.785Z", "path": "skills/intra/DESIGN.md" }, { "id": "inversa", "name": "INVERSA", "description": "This design system evokes a sense of stark, deliberate naturalism, like an aerial view of a verdant, wild landscape at dusk. The dominant color scheme consists of a muted dark background (#13140e) contrasted with a creamy almost-white (#f4f3e8), punctuated by infrequent, vivid lime-yellow accents (#ebfc72). The use of custom fonts, NB International Pro for headlines and JetBrains Mono for body text, creates a distinctive typographic voice that is both authoritative and technical. Limited rounded corners (3.6px) appear only on interactive elements like buttons, contributing to an overall grounded aesthetic.", "theme": "dark", "industry": "other", "source_url": "https://inversa.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776009249361-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776009249361-thumb.jpg", "refero_style_id": "8a6dc9c8-7892-4eab-baaa-3c342d5671f2", "extracted_at": "2026-04-12T15:54:31.410Z", "path": "skills/inversa/DESIGN.md" }, { "id": "isla-beauty", "name": "Isla Beauty", "description": "Isla Beauty presents a clinical-minimal aesthetic: clean white and cream surfaces, precise typography pairing classic serifs with modern sans-serifs, and a bold, singular red accent. Content is structured with a comfortable density, relying on generous spacing and subtle surface variations rather than heavy dividers. The overall impression is one of trusted efficacy and understated luxury.", "theme": "light", "industry": "ecommerce", "source_url": "https://isla-beauty.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521547914-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521547914-thumb.jpg", "refero_style_id": "0b9da6ef-bec5-4073-90af-66c67e72f2a4", "extracted_at": "2026-04-30T03:59:35.363Z", "path": "skills/isla-beauty/DESIGN.md" }, { "id": "iso-meet", "name": "ISO Meet", "description": "ISO Meet establishes a focused, minimalist aesthetic with a canvas of crisp whites and soft grays, punctuated by precise black typography. The layout emphasizes breathing room and clear functional separation, using soft card shadows for subtle hierarchy. Components lean towards understated, adaptive forms with generous padding, making the interface feel spacious and inviting. The visual system supports a 'work-focused yet approachable' atmosphere, with hints of gentle gradient accents as stylistic touches rather than dominant features.", "theme": "light", "industry": "design", "source_url": "https://www.isomeet.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507936863-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507936863-thumb.jpg", "refero_style_id": "c11797c6-ceb2-4b57-a0ea-0c349d13b38c", "extracted_at": "2026-04-30T00:12:42.271Z", "path": "skills/iso-meet/DESIGN.md" }, { "id": "itsnicethat", "name": "Itsnicethat", "description": "This design system feels like a carefully curated art zine, balancing disciplined, editorial typography with unexpected splashes of vivid, almost childlike color. The overall impression is one of approachable creativity and intellectual curiosity. Sharp corners dominate the UI, making the few instances of extreme roundedness (75px) feel like deliberate, playful exceptions. This tension between strict layout and spontaneous color creates a dynamic, engaging experience.", "theme": "light", "industry": "media", "source_url": "https://itsnicethat.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924802520-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924802520-thumb.jpg", "refero_style_id": "3e70af05-a07f-4c11-98ca-6ecb4765e967", "extracted_at": "2026-04-11T16:27:03.874Z", "path": "skills/itsnicethat/DESIGN.md" }, { "id": "ivee", "name": "ivee", "description": "Ivee conveys a calm and trustworthy atmosphere through a primarily cool blue and white palette, accented by a warm, inviting orange. Typography is a measured blend of traditional serifs for headlines and crisp sans-serifs for functional text, establishing both gravitas and clarity. Components feature generous rounded corners and light elevation, suggesting a friendly yet refined digital experience. The design prioritizes readability and ease of interaction within a clean, spacious layout.", "theme": "light", "industry": "other", "source_url": "https://www.iveeapp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515265304-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515265304-thumb.jpg", "refero_style_id": "b9bc05e4-7778-4f3b-9aa5-55a671d389e3", "extracted_at": "2026-04-30T02:14:47.767Z", "path": "skills/ivee/DESIGN.md" }, { "id": "jacquemus", "name": "Jacquemus", "description": "This design system projects an image of stark, understated luxury, a signature of high fashion. The absolute black text against a pure white canvas creates a high-contrast aesthetic that is both minimalist and bold. Utter simplicity is punctuated by precise Futura PTT typography with generous letter-spacing, suggesting deliberate, unhurried communication typical of an exclusive brand. The deliberate sparsity of elements emphasizes quality over quantity, treating visual design as a carefully curated statement.", "theme": "light", "industry": "ecommerce", "source_url": "https://jacquemus.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926234946-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926234946-thumb.jpg", "refero_style_id": "0d03310d-bff2-45af-b599-cffd5c41f884", "extracted_at": "2026-04-11T16:50:48.151Z", "path": "skills/jacquemus/DESIGN.md" }, { "id": "jakub-reis", "name": "Jakub Reis", "description": "Jakub Reis employs a minimalist, high-contrast aesthetic, building a portfolio experience around crisp black text on a bright canvas. The typography is precise, with varied weights and letter-spacing creating a sophisticated rhythm. The layout prioritizes ample negative space, directing focus to individual project showcases and their accompanying metadata, creating a gallery-like atmosphere.", "theme": "light", "industry": "design", "source_url": "https://jakubreis.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520513056-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520513056-thumb.jpg", "refero_style_id": "3af36935-8383-49e7-857e-9fb5caa06966", "extracted_at": "2026-04-30T03:42:10.013Z", "path": "skills/jakub-reis/DESIGN.md" }, { "id": "jant", "name": "Jant", "description": "Jant employs a dark, highly contrasted visual system reminiscent of a digital console. Deep, saturated violets form the primary backgrounds, creating an immersive, almost holographic feel. Type is direct and functional, predominantly white or light gray against the dark canvas, with vivid blue used carefully for interactive elements. Components are lightweight and largely borderless, emphasizing content over Chrome, contributing to a dense, information-rich display.", "theme": "dark", "industry": "other", "source_url": "https://jant.fr", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514580412-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514580412-thumb.jpg", "refero_style_id": "4182357d-b0e6-46b2-a462-3e630e831085", "extracted_at": "2026-04-30T02:03:19.678Z", "path": "skills/jant/DESIGN.md" }, { "id": "jasper", "name": "Jasper", "description": "This design system projects a direct and dynamic brand presence, blending professional typographic rigor with an energetic, multi-hued accent palette. The contrast of an authoritative, custom serif paired with a clean sans-serif creates a distinct voice. A core `Jasper Indigo` (#00063d) dominates text, while `Jasper Flame` (#fa4028) acts as a high-energy call-to-action color, injecting urgency and vibrancy. The minimal use of rounded corners and strong visual separation of elements underscore a no-nonsense, results-oriented aesthetic.", "theme": "light", "industry": "ai", "source_url": "https://jasper.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932588729-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932588729-thumb.jpg", "refero_style_id": "02a9c799-eb91-425b-8d68-3776b5e84229", "extracted_at": "2026-04-11T18:36:49.490Z", "path": "skills/jasper/DESIGN.md" }, { "id": "jean-paul-gaultier", "name": "Jean Paul Gaultier", "description": "Jean Paul Gaultier's digital presence embodies a stark, high-contrast aesthetic that is both minimalist and confident. The visual system is built on a foundation of pure black and white, accented sparingly with a bold, vivid blue for select graphic elements. Typography is the primary decorative element, leveraging varied weights and tight tracking for a powerful, almost architectural text-driven experience. Layouts are spacious yet direct, prioritizing clear delineation of content over complex visual metaphors, creating a gallery-like presentation for products.", "theme": "light", "industry": "ecommerce", "source_url": "https://lilnasx.jeanpaulgaultier.com/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518316583-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518316583-thumb.jpg", "refero_style_id": "0c35beb7-96fe-4394-b3ae-877629412f34", "extracted_at": "2026-04-30T03:05:40.570Z", "path": "skills/jean-paul-gaultier/DESIGN.md" }, { "id": "jetbrains", "name": "JetBrains", "description": "JetBrains' site feels like the interior of a deep-space control room — pure black (#000000) ground plane with electric violet-to-blue gradients erupting from the darkness like bioluminescent nebulae. The defining moves are the chromatic product icon ecosystem (each IDE gets a vivid multicolor badge) floating against near-black surfaces, and the blue radial glow (rgba(0,71,253,0.8) at 75% opacity) diffused behind hero content like a spotlight on a dark stage. Headlines at 72-79px use JetBrains Sans weight 600 with tight letter-spacing, while the hot-pink accent (#f31199, CSS var --main-page-pink) fires only on category labels and brand moments — a neon sign in a dark corridor. Cards use 24px radius with translucent violet or pink fills (rgba(90,31,208,0.3), rgba(243,17,180,0.2)) that glow rather than separate.", "theme": "dark", "industry": "devtools", "source_url": "https://jetbrains.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934495602-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934495602-thumb.jpg", "refero_style_id": "bc4fb98b-37ec-480a-b7a9-acd197cbebb9", "extracted_at": "2026-04-11T19:10:37.048Z", "path": "skills/jetbrains/DESIGN.md" }, { "id": "jeton", "name": "Jeton", "description": "Jeton's design system radiates a vibrant, energetic feel with a strong focus on a single, dominant red accent color. Typography is precise and impactful, preferring tightly tracked, strong headlines. Surfaces are primarily clean white, contrasted by gradients that inject warmth and dynamism. Components feature generous border-radii, often creating pill shapes, and subtle shadows or gradient overlays are used sparingly for depth and interaction feedback.", "theme": "light", "industry": "fintech", "source_url": "https://www.jeton.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508860779-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508860779-thumb.jpg", "refero_style_id": "1f32d914-6fdd-4692-b4fc-fcee2c414766", "extracted_at": "2026-04-30T00:28:05.401Z", "path": "skills/jeton/DESIGN.md" }, { "id": "jitter", "name": "Jitter", "description": "Jitter's design system feels like a playful yet precise workspace, balancing modern utility with a hint of creative energy. The stark contrast between near-black text and a luminous white background creates immediate clarity, while the prominent use of rounded forms, especially large 40-50px radii, softens the otherwise sharp presentation. Energetic violet and blue accents punctuate key interactions, guiding the user through a clean, spacious interface.", "theme": "light", "industry": "design", "source_url": "https://jitter.video", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932790931-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932790931-thumb.jpg", "refero_style_id": "ab1e41e9-7d21-4762-b498-51b8c63ae7ce", "extracted_at": "2026-04-11T18:40:16.919Z", "path": "skills/jitter/DESIGN.md" }, { "id": "joby-aviation", "name": "Joby Aviation", "description": "Joby Aviation's visual system evokes a sense of aspirational flight and advanced technology. The primary design language pairs deep, saturated blues with stark white typography, creating a high-contrast, almost nocturnal-but-optimistic feel. Large, asymmetric rounded forms in backgrounds and card elements suggest fluidity and motion, while the overall spaciousness and minimal use of decorative elements keep the focus on the product's promise.", "theme": "light", "industry": "other", "source_url": "https://www.jobyaviation.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508128931-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508128931-thumb.jpg", "refero_style_id": "c1052d8d-3663-46a4-a882-e50d9b8a1166", "extracted_at": "2026-04-30T00:15:55.124Z", "path": "skills/joby-aviation/DESIGN.md" }, { "id": "join-parker", "name": "Join Parker", "description": "Parker's visual system evokes a smart, modern financial platform with a distinct material quality. Cool grays and crisp whites form a quiet canvas that allows a vibrant blue and a warm orange to highlight key interactive elements and brand accents. Typography is compact and precise, maintaining readability while maximizing information density. Softly rounded cards and buttons provide a friendly tactile feel, contrasting with the directness of the color palette.", "theme": "light", "industry": "fintech", "source_url": "https://www.getparker.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507917872-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507917872-thumb.jpg", "refero_style_id": "f08f9870-2018-4c0b-80d4-0b2e525ff49c", "extracted_at": "2026-04-30T00:12:22.784Z", "path": "skills/join-parker/DESIGN.md" }, { "id": "jonas-mosesson", "name": "Jonas Mosesson", "description": "Jonas Mosesson’s online presence expresses a playful yet understated artistic sensibility. It leverages a soft monochrome canvas highlighted by a single vibrant blue, creating a clear visual focal point. Typography is compact and confident, primarily utilizing thin weights to convey a light and approachable tone. The overall design feels open and clean, with ample white space and minimal decorative elements, allowing the artwork and key information to stand out clearly.", "theme": "light", "industry": "design", "source_url": "https://jonasmosesson.se", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520653276-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520653276-thumb.jpg", "refero_style_id": "f70e6b90-323d-4aa7-9c04-b333140960d7", "extracted_at": "2026-04-30T03:44:31.544Z", "path": "skills/jonas-mosesson/DESIGN.md" }, { "id": "jonas-pelzer", "name": "Jonas Pelzer", "description": "Jonas Pelzer's design system evokes an industrial, dot-matrix digital aesthetic on a clean white canvas. Typography blends a monospaced display font with a classic serif for body text, creating a tech-forward yet grounded feel. Interactions are highlighted with a distinct violet, often in subtle outlines or transparent fills, suggesting responsive interfaces and active states without overwhelming the stark, high-contrast monochrome base. Surface treatments favor soft, rounded cards and ghost buttons, maintaining lightness across the layout.", "theme": "light", "industry": "design", "source_url": "https://jonaspelzer.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519093301-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519093301-thumb.jpg", "refero_style_id": "dd96b76a-b691-49e7-ba8f-1cdc8f7172e6", "extracted_at": "2026-04-30T03:18:30.512Z", "path": "skills/jonas-pelzer/DESIGN.md" }, { "id": "jos-meza", "name": "José Meza", "description": "José Meza presents a stark, high-contrast visual system where typography is the primary aesthetic element. The design uses an almost pure black canvas, allowing crisp white and muted gray text to define hierarchy and interaction. Spacing is generous, creating an atmosphere of spaciousness and deliberate calm. The overall impression is one of directness and essential information rather than rich ornamentation or complex layouts.", "theme": "dark", "industry": "design", "source_url": "https://josemeza.info", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517631551-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517631551-thumb.jpg", "refero_style_id": "8321c2d1-686f-4752-9156-ea613a879b9e", "extracted_at": "2026-04-30T02:54:08.113Z", "path": "skills/jos-meza/DESIGN.md" }, { "id": "jos-phine-l-chen", "name": "Joséphine Löchen", "description": "Joséphine Löchen employs a stark, monochromatic aesthetic, creating a visual language that emphasizes raw content over elaborate UI. The design is a minimalist canvas where imagery and text hold equal weight, defined by precise typography, tight spacing, and an absence of color. The overall impression is one of high-fidelity, unadorned presentation, allowing the creative work to take center stage.", "theme": "light", "industry": "agency", "source_url": "https://josephinelochen.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516533553-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516533553-thumb.jpg", "refero_style_id": "3d8be336-7e0e-45f7-baf3-0fb64750decd", "extracted_at": "2026-04-30T02:36:08.657Z", "path": "skills/jos-phine-l-chen/DESIGN.md" }, { "id": "josephmark", "name": "Josephmark", "description": "Josephmark evokes a commanding, minimalist aesthetic where stark contrasts and purposeful typography convey authority. The design system is built on an achromatic palette, predominantly black and white, creating an expansive canvas that recedes to highlight content. Type is a core visual element, with custom grotesk forms carrying a substantial portion of the brand identity through precise letter-spacing and varying weights. Interaction is subtle, relying on ghost elements and border changes rather than bold color accents.", "theme": "light", "industry": "design", "source_url": "https://josephmark.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514601447-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514601447-thumb.jpg", "refero_style_id": "58c0af12-8706-428f-8282-482d57d7b90e", "extracted_at": "2026-04-30T02:03:46.834Z", "path": "skills/josephmark/DESIGN.md" }, { "id": "josh-warner", "name": "Josh Warner", "description": "Josh Warner's portfolio combines stark dark surfaces with a clean, highly legible typography scale. The design system emphasizes clarity and directness through minimal use of color, relying instead on high contrast, subtle achromatic gradients, and precise spacing. Interactive elements are softly rounded, creating a tactile impression against the otherwise structured aesthetic. Most visual weight is carried by conceptual 3D renders rather than UI adornment.", "theme": "dark", "industry": "design", "source_url": "https://www.joshwarner.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514482364-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514482364-thumb.jpg", "refero_style_id": "e2e9b80c-b548-4f86-a4d7-7a6b07d1c2e1", "extracted_at": "2026-04-30T02:01:39.741Z", "path": "skills/josh-warner/DESIGN.md" }, { "id": "joshuakaplan", "name": "Joshuakaplan", "description": "The Joshuakaplan site presents information with the stark clarity of a spreadsheet, prioritizing scannable data visualization over decorative elements. A monochromatic palette defines the structure, with thin borders carving out fields and text-heavy data dominant. The only chromatic accent, a bright green, acts as a functional marker, drawing immediate attention to 'acquired' or 'active' statuses, injecting a singular note of vibrant confirmation into an otherwise rigorous grid.", "theme": "light", "industry": "design", "source_url": "https://www.joshuakaplan.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519166854-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519166854-thumb.jpg", "refero_style_id": "67d00e1e-8b8e-4fe7-8e3f-2b462125a22a", "extracted_at": "2026-04-30T03:19:41.729Z", "path": "skills/joshuakaplan/DESIGN.md" }, { "id": "jp", "name": "Jp", "description": "This system conveys a precise and product-focused atmosphere, grounded in a stark achromatic palette. The interplay of near-white backgrounds with dark grayscale text and interactive elements creates a clean, high-contrast visual hierarchy. Rounded corners on interactive elements (100px) soften the otherwise sharp 12px corners of content areas, suggesting approachability within a structured framework. Vivid blue accents are reserved for badges, acting as rare, focused indicators.", "theme": "light", "industry": "agency", "source_url": "https://jp.works", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925744177-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925744177-thumb.jpg", "refero_style_id": "60b529c2-c0f7-49be-9a77-8d3762838f05", "extracted_at": "2026-04-11T16:42:43.039Z", "path": "skills/jp/DESIGN.md" }, { "id": "jsnrynlds", "name": "Jsnrynlds", "description": "Jsnrynlds employs a sophisticated dark-mode aesthetic with a minimalist footprint. Content is presented on dark charcoal backgrounds with accents of off-white text and subtle cool-toned greens. Components are lightweight, favoring ghost styles and thin borders over heavy fills, creating a sense of understated elegance. The overall impression is one of clarity and focused information delivery.", "theme": "dark", "industry": "design", "source_url": "https://jsnrynlds.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519779021-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519779021-thumb.jpg", "refero_style_id": "ef7c4bc2-f75d-4198-8be3-52af5be494ac", "extracted_at": "2026-04-30T03:29:56.439Z", "path": "skills/jsnrynlds/DESIGN.md" }, { "id": "julia-krantz", "name": "Julia Krantz", "description": "Julia Krantz's portfolio operates like a darkroom contact sheet — dense grid of image tiles on near-black, with stark white typography hovering over photography. The canvas is #000000, surfaces are pure darkness, and the only warmth comes from the photographic content inside each tile. Typographic restraint is extreme: ClashDisplay at weight 300 for large display initials (the abbreviated project codes 'Se', 'Fd', 'Ga') creates a barely-there identity mark, while DM Sans at weight 300 handles all body and navigation at 10-14px with wide tracking. The grid is the interface — a mosaic of image tiles with 1px solid rgba(248,248,248,0.12) borders separating them, no rounded corners anywhere, no shadows, no gradients. Color is entirely absent from the UI layer; all chromatic interest is delegated to the photography.", "theme": "dark", "industry": "agency", "source_url": "https://juliakrantz.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777411901935-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777411901935-thumb.jpg", "refero_style_id": "92857b05-1c01-4c7a-b196-beb4e4871998", "extracted_at": "2026-04-28T21:33:21.869Z", "path": "skills/julia-krantz/DESIGN.md" }, { "id": "julien-renau", "name": "Julien Renau", "description": "Julien Renau's site establishes a stark, monochrome aesthetic with a strong emphasis on precise spacing and subtle typography. Content is presented in an architectural grid, using strong horizontal and vertical lines as visual dividers. The design relies on achromatic colors for all elements, creating a highly structured and understated presentation. Typography is compact and confidently spaced, maintaining clarity amidst the dense layout.", "theme": "light", "industry": "design", "source_url": "https://julienrenau.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521121061-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521121061-thumb.jpg", "refero_style_id": "38f3a11c-ac61-40f3-934e-088d8dbb9467", "extracted_at": "2026-04-30T03:52:16.317Z", "path": "skills/julien-renau/DESIGN.md" }, { "id": "july-fund", "name": "July Fund", "description": "July Fund presents a grounded digital experience, blending rich, dark backgrounds with soft, off-white content surfaces. Typography marries traditional serif headlines with modern sans-serif body text, creating a subtle tension between heritage and forward-thinking. Accent colors are primarily deep, muted tones and vivid greens, used sparingly to highlight key information or status, giving the interface a considered, almost academic feel.", "theme": "dark", "industry": "fintech", "source_url": "https://july.fund", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513188781-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513188781-thumb.jpg", "refero_style_id": "adc127f5-c6ec-4892-984d-5445c2b6104e", "extracted_at": "2026-04-30T01:40:13.311Z", "path": "skills/july-fund/DESIGN.md" }, { "id": "jun-works", "name": "jun.works", "description": "jun.works presents a typographic-centric aesthetic, leveraging bold, custom-designed lettering for primary information and system fonts for supporting details. The design is monochromatic, relying entirely on black on white with precise outlines and very generous radii to define interactive elements. Visual weight is managed through typography and border treatments on otherwise minimal components, creating a stark, high-contrast, text-heavy experience. Interaction elements are defined by rounded pill shapes rather than fills.", "theme": "light", "industry": "design", "source_url": "https://jun.works", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518795719-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518795719-thumb.jpg", "refero_style_id": "02ba867b-49e3-4ab4-ad23-c30baf345078", "extracted_at": "2026-04-30T03:13:34.704Z", "path": "skills/jun-works/DESIGN.md" }, { "id": "k-way-france", "name": "K-Way France", "description": "K-Way France uses a utilitarian-modern approach with a high-contrast monochromatic base accented by vibrant, purposeful blues. The design prioritizes clear information hierarchy and legibility, suitable for e-commerce. Components are lightweight and functional, with minimal decorative flourishes, emphasizing clean lines and direct interaction. The overall feel is restrained yet energetic, reflecting the brand's sporty heritage.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.k-way.fr", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519366367-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519366367-thumb.jpg", "refero_style_id": "f5c50b55-f32a-4fbc-b613-25335d1acc2f", "extracted_at": "2026-04-30T03:23:07.332Z", "path": "skills/k-way-france/DESIGN.md" }, { "id": "ka-ra", "name": "Ka-ra", "description": "Ka Ra Studio embodies an austere gallery aesthetic, blending raw product display with minimalist typography and a singular, muted accent color. The visual system is defined by a vast expanse of white space, creating a quiet backdrop that lets the craftsmanship of the products stand out. Typography is understated yet precise, using a custom serif for titles and a system sans-serif for body text, maintaining legibility without competing with the visuals. The design prioritizes space and a restrained palette, with interactive elements subtly framed rather than highlighted, creating a sense of calm and considered presentation.", "theme": "light", "industry": "design", "source_url": "https://www.ka-ra.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512623865-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512623865-thumb.jpg", "refero_style_id": "315660d3-36f4-4458-8148-1317fc909e8b", "extracted_at": "2026-04-30T01:31:03.699Z", "path": "skills/ka-ra/DESIGN.md" }, { "id": "kaisermann", "name": "kaisermann", "description": "Kaisermann's design system evokes a retro-futuristic terminal experience: a dark, unadorned canvas with blocky, pixelated typography as the primary visual element. There's an intentional absence of traditional UI components like rounded buttons or cards, replaced by text-based links and headers that carry border accents. Color is limited to a monochrome palette, punctuated by subtle glitch effects, creating a sense of raw, digital interaction rather than polished graphical user interfaces.", "theme": "dark", "industry": "other", "source_url": "https://kaisermann.me", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520921180-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520921180-thumb.jpg", "refero_style_id": "872ce8b7-993d-4dea-a361-9ccb59d136c0", "extracted_at": "2026-04-30T03:48:58.002Z", "path": "skills/kaisermann/DESIGN.md" }, { "id": "kajabi", "name": "Kajabi", "description": "Kajabi's design system is a high-contrast, modern aesthetic pairing deep, commanding neutrals with crisp white surfaces. Typography is the primary visual driver, featuring compact, confident sans-serif headlines and functional body text. Components are minimalist and structured, emphasizing clear information hierarchy over decorative flourishes, with sharp edges and subtle radius rounding maintaining a serious, professional tone.", "theme": "light", "industry": "productivity", "source_url": "https://kajabi.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510148051-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510148051-thumb.jpg", "refero_style_id": "a6bf8730-6515-4a47-9d5f-927e1e0c67d5", "extracted_at": "2026-04-30T00:49:34.728Z", "path": "skills/kajabi/DESIGN.md" }, { "id": "kalstore", "name": "Kalstore®", "description": "Kalstore® exudes a calm and focused aesthetic, built on a clean canvas of soft, near-white neutrals. Color is used sparingly but effectively, primarily through a vivid golden yellow for key actions and branding, and a palette of muted, earthy tones for a sophisticated accent. Typography is a key element, utilizing a custom geometric sans-serif with precise letter-spacing to convey a refined, authoritative, yet approachable tone. Components are lightweight with minimal borders and subtle radii, allowing content to take center stage.", "theme": "light", "industry": "ecommerce", "source_url": "https://kal-store.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508184959-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508184959-thumb.jpg", "refero_style_id": "e854a4f7-4243-44a7-92e2-e22db22bef1b", "extracted_at": "2026-04-30T00:16:55.021Z", "path": "skills/kalstore/DESIGN.md" }, { "id": "karl", "name": "Karl", "description": "Karl embraces a vibrant, playful aesthetic with a primary color palette of bright yellow and vivid blue, creating a distinct, high-contrast visual identity. Typography is bold and informal, heavily leveraging a custom display font with tight line heights for a 'pop art' feel. The layout is characterized by sweeping, curvilinear forms, especially in the hero section, where cityscapes curve around a large central blue element, suggesting dynamic motion and whimsy.", "theme": "light", "industry": "design", "source_url": "https://karlgonsalves.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516502524-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516502524-thumb.jpg", "refero_style_id": "dd8b7191-a992-4dab-88f8-f67e8819b461", "extracted_at": "2026-04-30T02:35:21.445Z", "path": "skills/karl/DESIGN.md" }, { "id": "katherine-pihl", "name": "Katherine Pihl", "description": "Katherine Pihl uses a refined, architectural blueprint aesthetic with stark monochrome surfaces and precise typographic hierarchy. The design emphasizes content through minimalist presentation, relying on compact text, subtle hover states, and clear segmentation. Projects are presented as visual modules on a uniform dark background, using imagery as the primary accent. The overall impression is one of meticulous craft and sophisticated restraint.", "theme": "dark", "industry": "design", "source_url": "https://katherinepihl.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517465900-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517465900-thumb.jpg", "refero_style_id": "a6b2d6dc-7d71-4d2d-af3e-b34a8b665744", "extracted_at": "2026-04-30T02:51:26.681Z", "path": "skills/katherine-pihl/DESIGN.md" }, { "id": "keepgrading", "name": "KeepGrading", "description": "KeepGrading employs a deep, dark canvas as its primary backdrop, featuring a striking black and white contrast. Typography is the main vehicle for conveying information, appearing in clean geometric sans-serifs. Interactive elements are subtly outlined rather than boldly filled, maintaining the overall sleek, low-key aesthetic, ensuring that images and video content are the focal point.", "theme": "dark", "industry": "media", "source_url": "https://www.keepgrading.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514973022-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514973022-thumb.jpg", "refero_style_id": "2f0a053b-0596-4212-a4f4-8a7b580acb90", "extracted_at": "2026-04-30T02:09:47.543Z", "path": "skills/keepgrading/DESIGN.md" }, { "id": "kenichi-aikawa", "name": "Kenichi Aikawa", "description": "The Kenichi Aikawa design system embodies a minimal, high-contrast aesthetic that privileges content. It balances the starkness of dark text on a pure white canvas with the understated elegance of custom typography. Spacing is generous, creating a spacious, uncluttered environment where photographic works are given ample room to breathe. Interactions are subtle, using faint borders and text changes rather than overt color or heavy components, focusing attention on the visual artistry.", "theme": "light", "industry": "design", "source_url": "https://aikawakenichi.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514082577-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514082577-thumb.jpg", "refero_style_id": "721794e8-16f6-4044-9fb8-548f5279819d", "extracted_at": "2026-04-30T01:55:16.633Z", "path": "skills/kenichi-aikawa/DESIGN.md" }, { "id": "kevin-basset", "name": "Kevin Basset", "description": "The Kevin Basset site adopts a 'notebook scribble' aesthetic, reminiscent of a student's hand-drawn notes on lined paper. The design is characterized by its light, monochrome palette, with all elements rendered as if sketched in black ink. Interactive elements, such as links, appear as light gray boxes, maintaining the paper-like texture. Handwriting-style typography reinforces this informal, personal, and childlike visual identity.", "theme": "light", "industry": "other", "source_url": "https://kevin.tw", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514878652-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514878652-thumb.jpg", "refero_style_id": "e3f59efd-a254-43f1-9dac-36a35a4b290c", "extracted_at": "2026-04-30T02:08:14.997Z", "path": "skills/kevin-basset/DESIGN.md" }, { "id": "kidsuper-world", "name": "KidSuper World", "description": "This design system is a raw, unpolished canvas, evoking a digital sketchbook or an artist's personal journal. The dominant white background with faint, hand-drawn lines gives the impression of a work in progress, while the splash of watercolor-like imagery introduces an organic, illustrative brand core. Typography, primarily a monospaced font, grounds the ethereal visuals with a utilitarian, almost code-like precision, creating a tension between artistic freedom and structured communication.", "theme": "light", "industry": "agency", "source_url": "https://kidsuper.world", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926146585-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926146585-thumb.jpg", "refero_style_id": "5f953a7e-c8e9-4e71-872f-4e7ffb7e7264", "extracted_at": "2026-04-11T16:49:21.974Z", "path": "skills/kidsuper-world/DESIGN.md" }, { "id": "kikk-festival", "name": "Kikk Festival", "description": "Kikk Festival employs a stark, high-contrast, monochrome visual system, built around a utilitarian aesthetic and robust typography. The primary canvas is a pale gray, providing a subtle backdrop for the dominant black elements. Visual hierarchy is achieved through scale and weight in typography, rather than color, creating a direct and assertive communication style. Interactivity is signaled through subtle background changes and prominent borders, reinforcing the system's structured and functional character.", "theme": "light", "industry": "other", "source_url": "https://www.kikk.be/2021", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520769030-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520769030-thumb.jpg", "refero_style_id": "94ea1ae0-1b51-4c77-9662-b40fcaf82ecd", "extracted_at": "2026-04-30T03:46:25.843Z", "path": "skills/kikk-festival/DESIGN.md" }, { "id": "kinfolk", "name": "Kinfolk", "description": "Kinfolk cultivates an atmosphere of understated elegance and classic publishing. Its design relies on a spacious, monochrome canvas with strong typographic hierarchy, favoring custom serif fonts for headlines and body text to evoke a sense of heritage and literary depth. Interaction is minimal, with ghost-like controls and strong black borders that frame content like traditional print media. The aesthetic emphasizes clean lines and ample negative space, allowing imagery and text to breathe and command attention.", "theme": "light", "industry": "media", "source_url": "https://www.kinfolk.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509712783-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509712783-thumb.jpg", "refero_style_id": "ac9b040e-36aa-4881-ada5-72d4744947a4", "extracted_at": "2026-04-30T00:42:17.633Z", "path": "skills/kinfolk/DESIGN.md" }, { "id": "kippo", "name": "Kippo", "description": "Kippo builds a dark-mode, gaming-centric interface with a compelling use of a single vibrant fuchsia accent color against a deep charcoal background. Typography leans modern and compact, utilizing a monospace font that evokes code or terminal screens. Interactive elements are softened with generous corner radii, creating a friendly contrast to the sharp, dark theme. The overall aesthetic is engaging and dynamic, designed to keep users immersed.", "theme": "dark", "industry": "other", "source_url": "https://kippo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513222160-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513222160-thumb.jpg", "refero_style_id": "917048a3-53b3-44e6-ab33-faefc4dcc9df", "extracted_at": "2026-04-30T01:40:54.374Z", "path": "skills/kippo/DESIGN.md" }, { "id": "kit", "name": "Kit", "description": "Kit reads like a warm editorial notebook — cream-tinted parchment (#f2efe9) as the page base, heavy black headlines punching out of it at weight 700, and a single sky-blue accent (#44b1ff) that appears on CTAs and interactive highlights against the near-black (#1e1e1e). The palette is intentionally muted and hand-curated: soft pastel blocks (dusty blue, blush pink, peach, sage green) appear as section backgrounds, never as text or interaction states, making the one vivid blue feel like a highlighter on a notebook page. KitSansFont at 80px/64px in the custom weight 500 dominates hero spaces with tight -0.009em tracking, while Libre Franklin handles everything else across the content hierarchy — a two-font system where custom display and workhorse utility stay in clearly assigned lanes. Radius tokens are tight and intentional: 12px on buttons and cards, 8px on secondary UI, creating a slightly-rounded-but-serious personality that avoids both sharp corporate rigidity and bubbly consumer softness.", "theme": "light", "industry": "ecommerce", "source_url": "https://kit.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934085908-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934085908-thumb.jpg", "refero_style_id": "7f7d24b9-6878-4548-82ca-a26bbf7a6f2c", "extracted_at": "2026-04-11T19:03:33.812Z", "path": "skills/kit/DESIGN.md" }, { "id": "klarna", "name": "Klarna", "description": "This design system feels like a friendly, yet sophisticated, financial advisor — welcoming and trustworthy. It achieves this through a vibrant, playful pink accent ('Bubblegum Pop') against a deep 'Midnight Plum' background in hero sections and a clean, accessible light gray elsewhere. The strategic use of large, rounded corners on buttons ('Pill Button') and cards ('Soft Square Card') softens the interface, making financial tools feel less intimidating. Headline typography is a signature element: 'Klarna Title' at heavy weights creates a bold, almost assertive voice, balanced by the friendly curvature of the other elements.", "theme": "light", "industry": "fintech", "source_url": "https://klarna.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775927560372-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775927560372-thumb.jpg", "refero_style_id": "49dba9e1-0d9d-4997-805a-bfea7525252d", "extracted_at": "2026-04-11T17:13:03.445Z", "path": "skills/klarna/DESIGN.md" }, { "id": "klim", "name": "Klim", "description": "Klim Type Foundry utilizes a 'digital minimalist' approach, establishing authority through stark contrasts and precise typography on an almost entirely dark canvas. A restrained palette of bold, single-hue accents punctuates the monochromatic UI, guiding attention without visual clutter. Components prioritize clarity and function, often appearing as subtle outlines or ghost elements, reinforcing the typography's central role. The overall impression is one of meticulous craft and intentional restraint, where every visual element serves a purpose.", "theme": "dark", "industry": "design", "source_url": "https://klim.co.nz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520054937-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520054937-thumb.jpg", "refero_style_id": "0dad8530-9422-4d9e-8622-1f50ee4bc702", "extracted_at": "2026-04-30T03:34:35.962Z", "path": "skills/klim/DESIGN.md" }, { "id": "koa-health", "name": "Koa Health", "description": "Koa Health presents a calm, structured brand identity, marrying a clinical white canvas with deep, authoritative blues. Its visual system is built on compact, precise typography that prioritizes scannability, offset by a single vivid teal as an accent color for interactive elements and subtle highlights. Component treatment is minimal, emphasizing content clarity through soft surfaces and clear borders rather than heavy-handed elevation or decorative elements. The overall aesthetic is one of understated professionalism and focused user experience.", "theme": "light", "industry": "other", "source_url": "https://foundations.koahealth.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519503156-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519503156-thumb.jpg", "refero_style_id": "a90e846a-d278-47c2-b7fc-9497b5e024da", "extracted_at": "2026-04-30T03:25:20.427Z", "path": "skills/koa-health/DESIGN.md" }, { "id": "kobu", "name": "Kobu", "description": "Kobu employs a sophisticated, exclusive ambiance, built on a minimalist achromatic palette. Deep blacks and off-white neutrals provide a clean canvas for high-quality photography, while precise typography, featuring a striking large serif for branding and refined sans-serifs for content, conveys an understated luxury. The system prioritizes ample whitespace and minimal UI elements, letting content and imagery speak, with borders and subtle text variations indicating interactivity and hierarchy.", "theme": "light", "industry": "other", "source_url": "https://kobu.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508664816-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508664816-thumb.jpg", "refero_style_id": "355d4b38-1a53-4544-911e-0f5073ab836b", "extracted_at": "2026-04-30T00:24:54.117Z", "path": "skills/kobu/DESIGN.md" }, { "id": "koichi-takada-architects", "name": "Koichi Takada Architects", "description": "Koichi Takada Architects employs an architectural blueprint aesthetic: stark black and white canvases for maximum contrast, punctuated by a singular muted green accent. Typography is a central design element, utilized heroically with oversized, unadorned type to create strong visual statements. Grids and precise negative space define the layout, favoring an open, contemplative feel over dense information displays. Components are reduced to their minimalist essence, often appearing as subtle borders or ghost elements.", "theme": "light", "industry": "design", "source_url": "https://koichitakada.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521600636-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521600636-thumb.jpg", "refero_style_id": "9e6d5a24-a9e6-4026-a037-5ec87afe4147", "extracted_at": "2026-04-30T04:00:14.984Z", "path": "skills/koichi-takada-architects/DESIGN.md" }, { "id": "kons", "name": "Kons", "description": "Kons presents a minimalist interface, characterized by a stark white background and primarily achromatic text. The design is a study in restraint, relying on subtle gray tones for body copy and reserving vibrant, highly saturated colors exclusively for interactive button states, creating a focused, high-contrast interaction model. This approach elevates functionality, where color guides the user rather than decorating the interface, resulting in a direct, utilitarian aesthetic.", "theme": "light", "industry": "saas", "source_url": "https://kons.fyi", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925818669-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925818669-thumb.jpg", "refero_style_id": "0f5316b8-7e37-4e11-aae9-5fb6391739ed", "extracted_at": "2026-04-11T16:43:54.370Z", "path": "skills/kons/DESIGN.md" }, { "id": "koox", "name": "Koox", "description": "Koox establishes a raw, organic aesthetic through high-contrast typography, distinct dark neutrals, and stark rectangular forms. The design relies on photography of ingredients and products set against a simple white tiled background, creating a kitchen laboratory feel. Accent colors are earthy and bold, used sparingly to highlight primary actions or calls to attention against the dominant monochrome palette.", "theme": "light", "industry": "ecommerce", "source_url": "https://koox.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518179364-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518179364-thumb.jpg", "refero_style_id": "d1ca41ff-1bcc-4081-b1fd-bdcf380ba749", "extracted_at": "2026-04-30T03:03:20.738Z", "path": "skills/koox/DESIGN.md" }, { "id": "koto", "name": "Koto", "description": "Koto employs a high-contrast dark mode aesthetic, utilizing a deep charcoal canvas as the primary background. Typography is kept minimal and precise, featuring a distinctive condensed display font for headlines and a more functional sans-serif for body text. Interaction elements are rendered subtly with ghost-like borders, relying on text color and subtle background changes for state indication, rather than heavy fills or shadows. The overall impression is one of stark sophistication and understated control.", "theme": "dark", "industry": "agency", "source_url": "https://koto.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508628271-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508628271-thumb.jpg", "refero_style_id": "a88fa835-1d5e-4b8e-b3d5-602597870563", "extracted_at": "2026-04-30T00:24:21.431Z", "path": "skills/koto/DESIGN.md" }, { "id": "kraken", "name": "Kraken", "description": "This design system projects a technically forward and secure image, achieved through a meticulously balanced palette of near-achromatic grays and subtle purple accents. The key visual identity is driven by the custom 'Kraken-Product' and 'Kraken-Brand' fonts, particularly their application with precise, tight letter-spacing for headlines, conveying modern authority. Controlled use of rounded corners (8-12px for cards and buttons, 9999px for small indicators) softens the sharp, data-driven aesthetic without compromising precision, like a high-end electronic device. Strategic use of a vibrant violet (#7132f5) acts as a high-contrast indicator, drawing immediate attention to interactive elements, similar to a status LED on a piece of financial hardware.", "theme": "light", "industry": "crypto", "source_url": "https://kraken.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924218656-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924218656-thumb.jpg", "refero_style_id": "14389660-81ff-4ca0-957f-b0dcc8fbe120", "extracted_at": "2026-04-11T16:17:21.875Z", "path": "skills/kraken/DESIGN.md" }, { "id": "krea", "name": "Krea", "description": "This system evokes a sleek, high-tech command center with deep, subdued tones and crisp, functional typography. The near-black background provides a stark contrast for the luminous white text, emphasizing content. Subtle gradients introduce depth without overwhelming the dark aesthetic, mimicking layered screens in a digital environment. The interplay of sharp 8px radii and some larger 14px and 32px radii, combined with a total absence of strong accent colors, creates a restrained and focused visual experience.", "theme": "dark", "industry": "ai", "source_url": "https://krea.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932585962-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932585962-thumb.jpg", "refero_style_id": "50833119-cb36-4b75-b0cc-be48afea050a", "extracted_at": "2026-04-11T18:36:49.487Z", "path": "skills/krea/DESIGN.md" }, { "id": "krisp", "name": "Krisp", "description": "Krisp's visual identity balances robust clarity with a subtle, dynamic energy. Dominant neutral whites and a deep, muted indigo base (#131032) provide a stable foundation, allowing a single, vivid violet accent (#614efa) to punctuate interactive elements. The type scale relies on the highly functional Plus Jakarta Sans, with an emphasis on generous line heights and subtle letter spacing for hierarchy, ensuring legibility even for dense information. Rounded elements contrast with the underlying structural precision, adding a soft, approachable quality to the technical focus.", "theme": "light", "industry": "productivity", "source_url": "https://krisp.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933416265-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933416265-thumb.jpg", "refero_style_id": "3b3fa99e-cee4-41f3-ac26-777b4b6a8b12", "extracted_at": "2026-04-11T18:50:36.400Z", "path": "skills/krisp/DESIGN.md" }, { "id": "lacey-studio", "name": "LACEY.STUDIO", "description": "LACEY.STUDIO employs a monochromatic dark aesthetic, characterized by stark black backgrounds and bold white typography. The design emphasizes a gallery-like experience, where content takes center stage against an uncluttered, high-contrast canvas. Typography is assertive and compact, serving as both navigational elements and key brand identifiers. The overall impression is one of minimalist elegance, offering a clear, direct presentation of visual work.", "theme": "dark", "industry": "design", "source_url": "https://lacey.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514643236-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514643236-thumb.jpg", "refero_style_id": "f11de55d-6bfa-4403-8333-c2ce58b53249", "extracted_at": "2026-04-30T02:04:15.775Z", "path": "skills/lacey-studio/DESIGN.md" }, { "id": "lama-lama", "name": "Lama Lama", "description": "Lama Lama employs a dark mode aesthetic with a rich, immersive character, balancing deep charcoal backgrounds with luminous, near-white typography for high contrast. The visual system is defined by its understated UI elements, which often surface through subtle borders rather than solid fills, allowing content such as photography and video to dominate. Typography is compact and precise, maintaining clarity within the spacious, uncrowded layouts. Components are minimal, relying on rounded corners and ghost-like interactions to suggest functionality without visual clutter.", "theme": "dark", "industry": "agency", "source_url": "https://lamalama.nl", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515967562-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515967562-thumb.jpg", "refero_style_id": "8e26bf8a-44b8-4fe1-9b4b-188dd5827c0f", "extracted_at": "2026-04-30T02:26:26.789Z", "path": "skills/lama-lama/DESIGN.md" }, { "id": "lamanna", "name": "Lamanna", "description": "Lamanna's design system is a bold, high-contrast experience, marrying a vibrant, energetic color palette with a dynamic, almost rebellious typography approach. The site operates with maximal impact, using large, tightly tracked headlines that often break visual bounds. Surfaces shift abruptly between saturated backgrounds, creating distinct visual blocks rather than a fluid flow. Call-to-actions are subtly outlined, maintaining visual punch through color rather than heavy fills, complementing the overall lightweight, border-centric component aesthetic.", "theme": "light", "industry": "other", "source_url": "https://lamannabakery.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521618954-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521618954-thumb.jpg", "refero_style_id": "057d7c66-76b7-4272-849c-4058543e6799", "extracted_at": "2026-04-30T04:00:48.236Z", "path": "skills/lamanna/DESIGN.md" }, { "id": "lamborghini", "name": "Lamborghini", "description": "", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/lamborghini/DESIGN.md" }, { "id": "lamborghini-com", "name": "Lamborghini.com", "description": "This design system evokes the controlled power of a luxury performance vehicle, balancing industrial precision with subtle opulence. A stark black and white foundation, accented by a deep, authoritative yellow, creates immediate visual impact. The absence of rounded corners and a consistent, generous letter-spacing in the custom typeface reinforces a feeling of engineered clarity and unyielding directness.", "theme": "mixed", "industry": "other", "source_url": "https://lamborghini.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924870289-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924870289-thumb.jpg", "refero_style_id": "c9c5be5a-aaa1-4338-9681-8378d2e24fbd", "extracted_at": "2026-04-11T16:28:06.196Z", "path": "skills/lamborghini-com/DESIGN.md" }, { "id": "land-of-ride", "name": "Land of Ride", "description": "Land of Ride evokes an adventurous, editorial spirit with a high-contrast dark theme punctuated by vivid, energetic accents. Typography is a rich blend of elegant serifs for headlines and navigation, grounded by clear sans-serifs for body text, creating a layered, magazine-like feel. Components are lean and functional, often using ghost styling and thin borders, allowing striking photography to take center stage. The interplay of deep blacks and sharp whites with a spectrum of dynamic colors makes interactive elements feel distinct and alive.", "theme": "dark", "industry": "other", "source_url": "https://www.landofride.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514101794-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514101794-thumb.jpg", "refero_style_id": "6d3c5056-dbb9-413b-9e9d-37183cfb97f8", "extracted_at": "2026-04-30T01:55:31.486Z", "path": "skills/land-of-ride/DESIGN.md" }, { "id": "lattice", "name": "Lattice", "description": "Lattice presents a vibrant, modular productivity system: a predominantly clean white canvas punctuated by distinct gradient-filled containers and brightly colored brand accents. Typography is compact and confident, primarily in a single sans-serif weight, ensuring clarity. Functional elements like buttons and badges embrace rounded forms and an array of muted yet distinct brand hues, creating a visually organized and accessible experience.", "theme": "light", "industry": "saas", "source_url": "https://lattice.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509200621-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509200621-thumb.jpg", "refero_style_id": "cbb335e5-c8df-49be-a0fc-0ec5dfa0d61f", "extracted_at": "2026-04-30T00:33:57.473Z", "path": "skills/lattice/DESIGN.md" }, { "id": "launchdarkly", "name": "LaunchDarkly", "description": "LaunchDarkly employs a dark, almost charcoal canvas paired with crisp white text to evoke a serious, technical atmosphere. Accents of vivid violet and electric blue cut through the darkness, signaling interactive elements and key information. Surfaces are softly rounded and slightly elevated, creating a layered, dimensional feel rather than a flat interface. Typography is direct and precise, favoring confident body text over overly decorative headlines, establishing authority through clarity.", "theme": "dark", "industry": "saas", "source_url": "https://launchdarkly.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518225326-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518225326-thumb.jpg", "refero_style_id": "18a75348-513a-49d8-94f5-e2df8c118b6b", "extracted_at": "2026-04-30T03:04:18.317Z", "path": "skills/launchdarkly/DESIGN.md" }, { "id": "laura-monin", "name": "Laura Monin", "description": "Laura Monin's design system evokes an editorial, gallery-like experience with a distinct focus on imagery and classic typography. The minimal, high-contrast monochrome palette ensures visual content takes center stage, while elegant serifs for headlines and classic sans-serifs for body text provide a timeless, refined touch. It prioritizes breathable negative space and structured, but flexible, arrangements of visual elements, creating an atmosphere of understated luxury and artistic presentation.", "theme": "light", "industry": "design", "source_url": "https://lauramonin.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514139184-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514139184-thumb.jpg", "refero_style_id": "2b9e90ad-51d9-4f29-8f7e-a343dc741eab", "extracted_at": "2026-04-30T01:56:30.905Z", "path": "skills/laura-monin/DESIGN.md" }, { "id": "lazy", "name": "Lazy", "description": "Lazy operates with a 'stealth dark mode' aesthetic, prioritizing content through deep, muted surfaces and delicate typography. A subtle play of light against dark is achieved through soft, localized gradients and sharp, clean borders. The overall impression is one of quiet efficiency and focused productivity, where UI elements recede until interaction, brought to life by crisp text and carefully applied elevation.", "theme": "dark", "industry": "productivity", "source_url": "https://lazy.so", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512197680-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512197680-thumb.jpg", "refero_style_id": "2b939c70-c08e-4bb6-8fac-ade99b0d1cf0", "extracted_at": "2026-04-30T01:23:42.232Z", "path": "skills/lazy/DESIGN.md" }, { "id": "ldd", "name": "ldd", "description": "This design evokes a retro-digital, almost console-like interface, yet feels exceptionally sophisticated through its sparse application of elements and generous white space. The exclusive use of two distinct, highly characteristic typefaces—a modern sans-serif and a pixelated display font—creates a strong tension between contemporary clarity and nostalgic digital artifacts. The stark black-on-creamy-white palette anchors this aesthetic, making the pixelated elements feel intentional and premium.", "theme": "light", "industry": "agency", "source_url": "https://lorenzodaldosso.it", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925690436-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925690436-thumb.jpg", "refero_style_id": "e186e08f-e7ce-4b48-bd65-68bc300d2193", "extracted_at": "2026-04-11T16:41:48.133Z", "path": "skills/ldd/DESIGN.md" }, { "id": "le-puzz", "name": "Le Puzz", "description": "Le Puzz employs a vibrant, playful, and slightly retro aesthetic, using a high-contrast palette dominated by a luminous yellow and stark black and white. The layout is structured yet whimsical, featuring a distinctive mix of classic serif and modern sans-serif typography, often in all-caps, that gives a friendly, almost shouty, character. Surfaces are largely flat and unadorned, relying on the bold color blocks and strong typographic treatments to convey energy and direct attention. Sharp outlines and contained shapes are preferred over soft shadows or gradients.", "theme": "light", "industry": "ecommerce", "source_url": "https://lepuzz.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517420040-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517420040-thumb.jpg", "refero_style_id": "66e7b131-d68c-4751-954c-f5d0d8869647", "extracted_at": "2026-04-30T02:50:48.525Z", "path": "skills/le-puzz/DESIGN.md" }, { "id": "leandro-farina", "name": "Leandro Farina", "description": "Leandro Farina's visual system evokes a stark gallery aesthetic: pure black canvas, high-contrast typography, and unadorned image presentation. There's a deliberate absence of color, borders, or any decorative elements, placing absolute focus on the photographic work. Typography remains understated and functional, providing context without drawing attention, while navigation is minimal and disappears when not needed. The overall impression is one of quiet contemplation, letting the art speak for itself.", "theme": "dark", "industry": "design", "source_url": "https://leandrofarina.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516591682-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516591682-thumb.jpg", "refero_style_id": "ff6d9b91-7abc-4ec8-8b7f-8d1d10bce5dd", "extracted_at": "2026-04-30T02:36:49.902Z", "path": "skills/leandro-farina/DESIGN.md" }, { "id": "learn-ux-design", "name": "Learn UX Design", "description": "Uxcel employs a crisp, professional learning platform aesthetic: a bright white canvas framed by subtle gray surface cards. A vibrant violet accent color is precisely delivered as active states and primary calls-to-action, contrasting sharply with the otherwise monochrome palette. Typography is tightly tracked, creating a dense, information-rich feel, while generous border-radii on all interactive elements soften the overall impression, balancing seriousness with approachability.", "theme": "light", "industry": "productivity", "source_url": "https://uxcel.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510399190-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510399190-thumb.jpg", "refero_style_id": "fae6a5ec-f32e-4151-bc22-350055d673f7", "extracted_at": "2026-04-30T00:53:55.723Z", "path": "skills/learn-ux-design/DESIGN.md" }, { "id": "legend", "name": "Legend", "description": "Legend employs a stark, almost architectural interface, leveraging precise typography and a highly restrained achromatic color palette. A single vivid violet provides a 'switched-on' accent, pulling focus to key data points or interactive elements without overwhelming the clean surfaces. Components are lightweight and subtly defined, often through borders or slight shifts in gray rather than heavy fills, creating an experience that feels understated yet highly functional.", "theme": "light", "industry": "crypto", "source_url": "https://legend.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508320444-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508320444-thumb.jpg", "refero_style_id": "63bd1ed9-b161-45fd-8734-85282bd945ec", "extracted_at": "2026-04-30T00:19:14.502Z", "path": "skills/legend/DESIGN.md" }, { "id": "lego", "name": "Lego", "description": "LEGO's digital storefront feels like a toy aisle rendered in pixels — primary colors deployed with zero restraint, product photography doing all the emotional lifting against white and near-black surfaces. The yellow (#FFD502) is the brand's pulse: it appears on badges, nav highlights, and the logo bar, a single chromatic constant amid a white/off-black neutral scaffold. The orange CTA (#F47D20) on 999px pill buttons is the only call to action color — warm, rounded, immediately readable against product whites. The dark footer (#201D48) anchors the page in LEGO's classic deep navy, grounding a page that otherwise lives in bright daylight. Type is entirely Cera Pro, a custom geometric rounded sans that echoes brick curves — weight 700 for headings at tight tracking, weight 400 for body, nothing else.", "theme": "light", "industry": "ecommerce", "source_url": "https://lego.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934799588-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934799588-thumb.jpg", "refero_style_id": "7e21f6e1-deec-4bc4-a30e-f2c9d3320314", "extracted_at": "2026-04-11T19:15:24.282Z", "path": "skills/lego/DESIGN.md" }, { "id": "legora", "name": "Legora", "description": "Legora employs a classic minimalist aesthetic with high contrast typography and subdued, often desaturated, color accents. The design emphasizes clear information hierarchy through sparse layouts and strong textual elements. Subtle background shifts and minimal interactive elements create an atmosphere of quiet professionalism, allowing content to take center stage.", "theme": "light", "industry": "ai", "source_url": "https://legora.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508844863-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508844863-thumb.jpg", "refero_style_id": "f89bad29-019a-48d7-9724-c40a0d7d8171", "extracted_at": "2026-04-30T00:28:00.411Z", "path": "skills/legora/DESIGN.md" }, { "id": "leif-products", "name": "Leif Products", "description": "Leif Products embodies a refined, minimal aesthetic, utilizing a stark black and white palette punctuated by the natural hues of product photography. Typography is compact and precise, maintaining a high information density within a spacious layout. Components are presented with a lightweight touch, often appearing as outlines or subtle containers, allowing the product imagery to dominate the visual field.", "theme": "light", "industry": "ecommerce", "source_url": "https://leifproducts.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515482808-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515482808-thumb.jpg", "refero_style_id": "3f56ea4d-ed9d-4a36-8fb5-a801519ef80b", "extracted_at": "2026-04-30T02:18:26.893Z", "path": "skills/leif-products/DESIGN.md" }, { "id": "lens", "name": "Lens", "description": "Lens employs a bright, airy canvas with subtle surface treatments and an almost-monochrome palette. A vivid teal and soft, playful gradients provide functional accents without overpowering the clean structure. Typography is precise and airy, creating a sense of clarity and modern efficiency. Components are lightweight with generous padding and soft, rounded edges, emphasizing user-friendliness and approachability within a sophisticated technical context.", "theme": "light", "industry": "crypto", "source_url": "https://lens.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509188484-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509188484-thumb.jpg", "refero_style_id": "63c0e759-3175-4f62-a8e3-b9e285f9e998", "extracted_at": "2026-04-30T00:33:35.179Z", "path": "skills/lens/DESIGN.md" }, { "id": "leo-natsume", "name": "Leo Natsume", "description": "The Leo Natsume design system employs a stark, almost monochromatic foundation, punctuated by a single vibrant red accent. Its visual identity relies on precise typography and the interplay of negative space to convey a high-end, minimalist aesthetic. The overall impression is one of restrained confidence, where visual information is carefully curated and presented without clutter. Components are lightweight, often outlined, and subtle surface variations define areas without heavy shadows.", "theme": "light", "industry": "design", "source_url": "https://www.leonatsume.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516671554-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516671554-thumb.jpg", "refero_style_id": "80085ab0-3123-4bf3-85e0-ea9a1438c2ab", "extracted_at": "2026-04-30T02:38:44.823Z", "path": "skills/leo-natsume/DESIGN.md" }, { "id": "leonardo-ai", "name": "Leonardo.ai", "description": "Leonardo.Ai evokes a luminous digital void, where vibrant hues punch through deep darkness. Typography is bold and oversized, often warping or stacked for dramatic effect, suggesting a world of limitless creation. Interface elements are primarily ghosted or outlined, allowing the rich generative imagery and expressive text to dominate, with solid accents used sparingly for key interactions. The system maintains a high contrast, dark-mode default, relying on the interplay of black canvas, bright white text, and a focused palette of vivid, single-color accents for points of interest.", "theme": "dark", "industry": "ai", "source_url": "https://leonardo.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507959924-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507959924-thumb.jpg", "refero_style_id": "8c3f2805-dfce-4edd-8a9c-946bee4f1cff", "extracted_at": "2026-04-30T00:13:09.512Z", "path": "skills/leonardo-ai/DESIGN.md" }, { "id": "leonid-kostetskyi", "name": "Leonid Kostetskyi", "description": "The Leonid Kostetskyi site presents a minimalist, high-contrast aesthetic with an almost architectural use of typography. Its visual identity relies on sharp typographic forms and an extremely limited color palette, dominated by a warm off-white canvas and a deep, muted reddish-brown for primary text and accents. The design emphasizes content through stark clarity and spacious layouts, avoiding decorative elements or heavy component chrome. Interactivity is subtle, often indicated by fine line treatments or inverse color changes rather than overt button styling.", "theme": "light", "industry": "design", "source_url": "https://leonidkostetskyi.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518482963-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518482963-thumb.jpg", "refero_style_id": "5a7ba5ff-0476-4f3f-99f9-0b920534dde5", "extracted_at": "2026-04-30T03:08:27.523Z", "path": "skills/leonid-kostetskyi/DESIGN.md" }, { "id": "letter", "name": "Letter", "description": "Letter employs a 'dark academia meets finance' aesthetic, characterized by dramatic, almost painterly dark backgrounds with glowing abstract forms that provide depth and visual interest. Over this, a minimalist, high-contrast typography system ensures clarity and seriousness. Components are unfussy, with sharp corners and subtle borders, allowing the rich backgrounds to take center stage, creating an atmosphere of understated luxury and technological sophistication. The overall impression is one of grounded authority with a hint of digital mystique.", "theme": "light", "industry": "fintech", "source_url": "https://letter.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518029337-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518029337-thumb.jpg", "refero_style_id": "bcfc6cb0-1b39-4f3f-a95e-bd7b563b0efc", "extracted_at": "2026-04-30T03:00:56.886Z", "path": "skills/letter/DESIGN.md" }, { "id": "letterboxd", "name": "Letterboxd", "description": "Letterboxd employs a film-noir inspired aesthetic, using a deep, nearly monochromatic dark mode to provide a cinematic backdrop for film content. The visual hierarchy is built on subtle color shifts and varied text weights rather than strong contrast. A single vivid green accent is reserved for interactive elements, creating clear focal points against the muted palette, reminiscent of a discreetly lit movie theater screen where only key information is highlighted.", "theme": "dark", "industry": "media", "source_url": "https://letterboxd.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924740124-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924740124-thumb.jpg", "refero_style_id": "d98dea0b-00a4-4c15-b4a9-d196e2c3e4b4", "extracted_at": "2026-04-11T16:26:03.591Z", "path": "skills/letterboxd/DESIGN.md" }, { "id": "lift-off-challenge", "name": "Lift-off challenge", "description": "This design evokes a retro-futuristic mission control panel, blending a stark, industrial realism with an urgent, high-stakes atmosphere. The dominance of a light grey canvas punctuated by sharp, dark-grey interfaces creates a sense of mechanical precision. Visual urgency is delivered through vibrant, almost alarm-like red accents, sparingly used on critical elements like \\\"Lift-off\\\" buttons and warning indicators, contrasting with the otherwise monochromatic scene.", "theme": "light", "industry": "other", "source_url": "https://liftoffchallenge.hypr-space.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777411219516-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777411219516-thumb.jpg", "refero_style_id": "cf1f4666-bb5b-4fc4-a3e6-660218996cbb", "extracted_at": "2026-04-28T21:20:46.028Z", "path": "skills/lift-off-challenge/DESIGN.md" }, { "id": "lightdash", "name": "Lightdash", "description": "Lightdash employs a precise, tech-forward aesthetic using a monochromatic palette punctuated by a single vibrant accent. Typography is a key identifier, balancing strong, impactful sans-serif headlines with clean, readable body text. Components favor soft curves and subtle elevation, appearing lightweight yet defined, maintaining a sense of digital clarity and focused productivity. The overall design feels robust and intelligent, reflecting its AI/BI platform nature.", "theme": "light", "industry": "ai", "source_url": "https://www.lightdash.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507945905-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507945905-thumb.jpg", "refero_style_id": "d0f65d12-a8e6-4631-99f7-bb7cdcd5b6c5", "extracted_at": "2026-04-30T00:12:54.593Z", "path": "skills/lightdash/DESIGN.md" }, { "id": "lightship", "name": "Lightship", "description": "Lightship embraces a rugged, understated aesthetic, emphasizing content through a play of stark black and white interrupted by natural textures. Typography is compact and precise, maintaining clarity across varied scales. Interactive elements are either subtly integrated or appear as stark, high-contrast outlines against the dominant photographic or canvas backgrounds. The design prioritizes visual storytelling and a confident, unembellished presentation, using a warm off-white canvas and pure black to define primary surfaces and text.", "theme": "light", "industry": "other", "source_url": "https://lightshiprv.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508451292-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508451292-thumb.jpg", "refero_style_id": "fdcd4cbb-4db6-4138-9cfd-964795f1e1d6", "extracted_at": "2026-04-30T00:21:12.986Z", "path": "skills/lightship/DESIGN.md" }, { "id": "lim-n", "name": "Limón", "description": "Limón projects a warm, vibrant aesthetic through contrasting earthy dark neutrals with a singular, vivid yellow accent. Typography, primarily a custom sans-serif, maintains a clean and approachable feel, while the use of subtle borders and minimal shadows keeps components lightweight. The design balances rich photographic visuals with ample whitespace, creating an inviting yet structured experience.", "theme": "dark", "industry": "ecommerce", "source_url": "https://limonoslo.no", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517198486-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517198486-thumb.jpg", "refero_style_id": "f1b6a7d6-1ecb-4f1c-95b0-e03323363999", "extracted_at": "2026-04-30T02:47:02.615Z", "path": "skills/lim-n/DESIGN.md" }, { "id": "limitless", "name": "Limitless", "description": "This design system presents a serious and understated aesthetic, hinting at a modern, high-tech product without resorting to overt flashiness. A constrained palette of near-gray shades dominates, creating a subdued, focused environment. The choice of a custom sans-serif typeface with fine weight variations, especially at display sizes, allows headlines to communicate authority through subtle presence rather than bold declaration. The single, vivid violet accent is sparingly applied, acting as a precise indicator in an otherwise achromatic landscape.", "theme": "light", "industry": "devtools", "source_url": "https://limitless.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923038241-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923038241-thumb.jpg", "refero_style_id": "626ae2de-c402-4805-b859-2c6adca41022", "extracted_at": "2026-04-11T15:57:35.922Z", "path": "skills/limitless/DESIGN.md" }, { "id": "linear", "name": "Linear", "description": "Linear presents a sophisticated and focused dark-mode experience, reminiscent of a command center dashboard. A deep charcoal base creates a serious, immersive canvas, while subtle gradients and layered surfaces build depth without harsh contrasts. Distinctive muted text colors (#8a8f98 for secondary, #62666d for tertiary) maintain readability against the dark backdrop. Critically, interaction is marked by a single vivid lime green (#e4f222), applied selectively to primary calls to action, preventing visual clutter and guiding the user's eye with precision.", "theme": "dark", "industry": "ai", "source_url": "https://linear.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777421130497-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777421130497-thumb.jpg", "refero_style_id": "90ce5883-bb24-4466-93f7-801cd617b0d1", "extracted_at": "2026-04-29T00:05:59.975Z", "path": "skills/linear/DESIGN.md" }, { "id": "linear.app", "name": "Linear", "description": "A near-black product-focused marketing canvas built around #010102 (the deepest dark surface of any tool in this collection), light gray text (#f7f8f8), and the signature Linear lavender-blue (#5e6ad2) used as the single chromatic accent. The system reads as software-craft documentation: dense, technical, and quietly luxurious. Display type is set in the Linear custom sans (SF Pro Display fallback) at 500–700 with measured negative tracking. Cards live as charcoal panels (#0f1011) with hairline borders. The accent lavender appears on the brand mark, focus rings, and a few intentional CTAs — never decoratively. Page rhythm leans on product UI screenshots framed in dark panels rather than atmospheric color.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/linear.app/DESIGN.md" }, { "id": "linktr", "name": "Linktr", "description": "Linktree presents a playful, high-energy digital identity built on vibrant, contrasting color blocks and rounded, organic shapes. The design emphasizes clear calls to action and distinct content zones through a dynamic interplay of saturated hues. Typography is primarily functional, leaning into a friendly, approachable tone with varying weights and subtle tracking adjustments to maintain a conversational cadence. Components are often expressed with maximal border-radii, contributing to an overall soft, engaging user experience.", "theme": "light", "industry": "productivity", "source_url": "https://linktr.ee", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777554957421-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777554957421-thumb.jpg", "refero_style_id": "b04c379c-7c33-4d69-8882-8d85d7768654", "extracted_at": "2026-04-30T13:16:20.706Z", "path": "skills/linktr/DESIGN.md" }, { "id": "linus-rogge", "name": "Linus Rogge", "description": "Linus Rogge's design system evokes the precision of a photographic contact sheet: stark, high-contrast, and focused. The entire site exists within a monochrome palette of deep blacks and crisp whites, establishing a professional and understated tone. The absence of color or gradients, coupled with the generous spacing, creates an airy yet disciplined aesthetic, emphasizing content without visual distraction. Typography, though minimal, plays a crucial role in maintaining this clean, almost academic, presentation.", "theme": "mixed", "industry": "agency", "source_url": "https://linusrogge.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925575455-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925575455-thumb.jpg", "refero_style_id": "81a66e75-23af-4525-8a4e-f4a54c2700e7", "extracted_at": "2026-04-11T16:39:54.356Z", "path": "skills/linus-rogge/DESIGN.md" }, { "id": "liquid-death", "name": "Liquid Death", "description": "This design system feels like a heavy metal concert flyer brought to life as a direct-to-consumer brand. The aesthetic is built on brutalist principles: a stark palette of pure black and white, zero rounded corners, and aggressive, uppercase typography. This creates a hard, confrontational edge, deliberately rejecting the soft, approachable look of typical beverage companies. Splashes of antique gold in logos and links are the only moments of warmth, acting like a glint of metal on a matte black surface. The layout uses full-bleed, high-contrast sections, creating a jarring, powerful rhythm that mirrors the brand's 'Murder Your Thirst' tagline.", "theme": "mixed", "industry": "ecommerce", "source_url": "https://liquiddeath.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929859306-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929859306-thumb.jpg", "refero_style_id": "b6f2b036-e48e-452f-b003-941c491015c0", "extracted_at": "2026-04-11T17:51:51.532Z", "path": "skills/liquid-death/DESIGN.md" }, { "id": "liquid-ideas", "name": "Liquid Ideas", "description": "The Studio Lathe design system evokes a raw, digital blueprint aesthetic. It features stark contrasts and a minimal color palette predominantly using black text on a pale, almost invisible background. Interactive elements are subtly highlighted with a vivid yellow that appears to switch content sections or navigational context rather than acting as a traditional brand accent. Typography is a key identifier, utilizing system fonts with precise letter-spacing to achieve a crisp, understated texture against the dominant white space. Visual density is low, emphasizing content rather than decorative flourishes.", "theme": "light", "industry": "design", "source_url": "https://studiolathe.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521687870-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521687870-thumb.jpg", "refero_style_id": "2ca88a8f-fd06-4e2c-8ff5-7e1bd37e37eb", "extracted_at": "2026-04-30T04:01:49.099Z", "path": "skills/liquid-ideas/DESIGN.md" }, { "id": "liron-moran-interiors", "name": "Liron Moran Interiors", "description": "Liron Moran Interiors employs a bold, architectural visual style, characterized by a dominant dark canvas that creates a sophisticated, gallery-like setting for minimalist UI elements. Overlaid huge serif typography with transparent image cutouts defines an immersive and dramatic presentation. The sparse use of neutral colors and ample whitespace around oversized elements contributes to a feeling of premium, considered design where content is paramount and UI recedes until interaction.", "theme": "dark", "industry": "design", "source_url": "https://www.lironmoran-interiors.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516631449-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516631449-thumb.jpg", "refero_style_id": "43400d73-ca89-4750-8fa6-78cd2c661943", "extracted_at": "2026-04-30T02:37:33.847Z", "path": "skills/liron-moran-interiors/DESIGN.md" }, { "id": "little-amps", "name": "Little Amps", "description": "Little Amps Coffee cultivates a warm, handcrafted aesthetic, blending vintage record store charm with modern specialty coffee branding. The pervasive use of earthy caramel tones and muted blues, alongside a playful custom typography, creates a cozy, inviting atmosphere. Components often feature minimal borders and gentle rounding, feeling approachable rather than slick. Typography choices emphasize personality and subtle tracking, contributing to a unique brand voice that prioritizes character over stark functionality.", "theme": "light", "industry": "ecommerce", "source_url": "https://littleampscoffee.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507977252-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507977252-thumb.jpg", "refero_style_id": "ca522706-03ed-48cb-acb3-1bb2a22f2eda", "extracted_at": "2026-04-30T00:13:29.747Z", "path": "skills/little-amps/DESIGN.md" }, { "id": "little-troop", "name": "Little Troop", "description": "Little Troop sculpts a playful yet authoritative visual identity through stark monochrome contrast and oversized, almost cartoonish, typographic gestures. Surfaces are a crisp white canvas, against which dense, rounded blocks of content float. The system uses a limited color palette to emphasize form and content, with visual interest created through unexpected scale shifts and exaggerated shapes, lending a whimsical but professional feel.", "theme": "light", "industry": "design", "source_url": "https://littletroop.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517465797-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517465797-thumb.jpg", "refero_style_id": "bd62b51f-e1be-4e4f-b3d9-e9b91f817625", "extracted_at": "2026-04-30T02:51:23.883Z", "path": "skills/little-troop/DESIGN.md" }, { "id": "liveblocks", "name": "Liveblocks", "description": "This design evokes a high-tech control room aesthetic, blending deep darkness with minimalist precision. Dominant #000000 backgrounds create an immersive, focused environment. Subtle gradients and white text act as illuminated data readouts, while crisp, achromatic grays define interactive elements and containers, maintaining visual order. The interplay of clean typography and precise component definition projects an image of robust, technical reliability.", "theme": "dark", "industry": "devtools", "source_url": "https://liveblocks.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923154919-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923154919-thumb.jpg", "refero_style_id": "9b9b0ca1-5067-4115-b62f-ee0e43d1f37f", "extracted_at": "2026-04-11T15:59:39.116Z", "path": "skills/liveblocks/DESIGN.md" }, { "id": "locomotive", "name": "Locomotive", "description": "This system projects an aura of intellectual rigor and understated luxury, using stark achromatic contrasts and precise typography. The visual mood is serious and art-directed, prioritizing content and a sense of curated exclusivity over overt flair. The absence of traditional buttons, shadows, or rounded corners emphasizes a flat, print-like aesthetic where content is king and interactive elements are subtly integrated into the typographic flow.", "theme": "light", "industry": "agency", "source_url": "https://locomotive.ca", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925109290-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925109290-thumb.jpg", "refero_style_id": "131d07b0-f71b-4bd2-8046-f61485ed545c", "extracted_at": "2026-04-11T16:32:06.035Z", "path": "skills/locomotive/DESIGN.md" }, { "id": "logan-liffick", "name": "Logan Liffick", "description": "This design system crafts a focused, almost monastic experience, presenting information with absolute clarity and minimal visual distraction. The stark contrast between near-black text and a pale, subtle background establishes a high-readability environment, reminiscent of a printed page. Its singular typeface, 'Inter', used across varying weights and sizes, lends a consistent and understated professionalism, while the precise, controlled spacing dictates a calm, unhurried rhythm to content consumption.", "theme": "light", "industry": "agency", "source_url": "https://loganliffick.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925568138-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925568138-thumb.jpg", "refero_style_id": "2b014368-6db1-417b-b84a-8af9c6450b53", "extracted_at": "2026-04-11T16:39:43.178Z", "path": "skills/logan-liffick/DESIGN.md" }, { "id": "logoarchive", "name": "LogoArchive", "description": "LogoArchive presents a commanding dark-mode experience, reminiscent of a digital archive or library. Its aesthetic is dominated by deep, muted neutrals, creating a profound backdrop for content. Typography favors compact, confident sans-serifs, reserving a single, vivid yellow for functional accents. Components are lightweight with subtle border treatments and generous curves, balancing utility with a soft, approachable feel against the dark canvas.", "theme": "dark", "industry": "design", "source_url": "https://www.logo-archive.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514639552-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514639552-thumb.jpg", "refero_style_id": "b63cc4ca-52c6-4b70-9a5a-cb04bae15edb", "extracted_at": "2026-04-30T02:04:18.998Z", "path": "skills/logoarchive/DESIGN.md" }, { "id": "look-inc", "name": "Look inc", "description": "Look.inc embraces a stark, high-contrast aesthetic, juxtaposing crisp black text against a pure white canvas. This foundation emphasizes editorial quality, reinforced by classic serif typography for headlines and clean sans-serif for body text. Thin borders and generous spacing create a sense of spaciousness, drawing focus to the content and imagery with minimal decorative interference. The design system is largely achromatic, relying on strong typographic hierarchy and clean visual separation.", "theme": "light", "industry": "agency", "source_url": "https://look.inc", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514997853-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514997853-thumb.jpg", "refero_style_id": "ab1b113a-ed21-4512-acc2-d10c8927c410", "extracted_at": "2026-04-30T02:10:33.474Z", "path": "skills/look-inc/DESIGN.md" }, { "id": "loom", "name": "Loom", "description": "Loom's visual design is a study in confident clarity, balancing a vibrant, highly saturated brand blue against clean, bright surfaces. The use of custom typography, Charlie Text and Charlie Display, with specific OpenType features like stylistic sets, imbues the interface with a distinct personality. Generous rounded corners, reaching up to 9999px for buttons and a significant 68.9231px for cards, create an approachable, fluid aesthetic, contrasting with the precise content delivery. Subtle background tints add a layered depth without heavy shadows.", "theme": "light", "industry": "saas", "source_url": "https://loom.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776118870228-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776118870228-thumb.jpg", "refero_style_id": "bc2c6ecc-7a0d-4693-86e5-9fa93b165601", "extracted_at": "2026-04-13T22:21:39.587Z", "path": "skills/loom/DESIGN.md" }, { "id": "loops", "name": "Loops", "description": "Loops presents a precise, document-like interface with stark black typography on crisp white and soft gray backgrounds. A distinctive, serif-led typographic voice for headlines creates an established feel, contrasting with system sans-serifs for body text and interactive elements. Interaction is direct and functional, guided by subtle borders, soft shadows, and a singular, vibrant orange accent for specific highlights and calls to attention, rather than primary actions. The overall impression is one of clarity, focused content, and understated authority.", "theme": "light", "industry": "saas", "source_url": "https://loops.so", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510196610-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510196610-thumb.jpg", "refero_style_id": "4d832c12-dd14-45b0-bba7-2d3bc25d8264", "extracted_at": "2026-04-30T00:50:22.909Z", "path": "skills/loops/DESIGN.md" }, { "id": "lottiefiles", "name": "LottieFiles", "description": "LottieFiles presents a playful yet precise aesthetic, balancing approachable organic illustrations with crisp, systematic UI elements. The design centers on a vibrant teal accent that energizes a largely achromatic palette, hinting at creativity and innovation without overwhelming. Rounded forms and generous spacing contribute to a friendly and user-centric experience, ensuring complex animation tools feel accessible to a broad audience. The strategic use of a robust sans-serif for headlines anchors the lighthearted visuals with a sense of reliable technology.", "theme": "light", "industry": "design", "source_url": "https://lottiefiles.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923945653-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923945653-thumb.jpg", "refero_style_id": "a80507cb-afda-46dd-a2b9-ba91f3a78e78", "extracted_at": "2026-04-11T16:12:48.372Z", "path": "skills/lottiefiles/DESIGN.md" }, { "id": "lovable", "name": "Lovable", "description": "Lovable’s design system conveys a dynamic, creative energy using a predominantly light theme accented by a striking, evolving gradient for hero sections and interactive prompts. Typography is clean and compact, emphasizing content clarity within a contained layout. UI elements are subtly refined with medium border radii and minimal, soft shadows, creating an approachable yet modern aesthetic. Color manifests as functional cues and atmospheric backdrops, rather than heavy branding.", "theme": "light", "industry": "ai", "source_url": "https://lovable.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777594681909-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777594681909-thumb.jpg", "refero_style_id": "9ff62d34-e48d-4fcb-9fd9-c018e2747542", "extracted_at": "2026-05-01T00:18:24.236Z", "path": "skills/lovable/DESIGN.md" }, { "id": "loveseen", "name": "Loveseen", "description": "Loveseen's visual style evokes a minimalist fashion-editorial aesthetic. It presents content on a clean, light canvas, leveraging subtle neutral tones for background variation and borders. Typography is sophisticated and generous with letter spacing, creating an airy feel. Components are understated, featuring hairline borders and an absence of strong shadows, emphasizing content over chrome. The overall impression is one of effortless elegance and product-focused presentation.", "theme": "light", "industry": "ecommerce", "source_url": "https://loveseen.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521385772-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521385772-thumb.jpg", "refero_style_id": "59d76415-95d0-43fe-a698-79147cef9f66", "extracted_at": "2026-04-30T03:56:52.889Z", "path": "skills/loveseen/DESIGN.md" }, { "id": "lovi", "name": "Lovi", "description": "Lovi evokes a sense of modern, approachable science through its minimalist aesthetic and a central playful violet. The design leverages soft, near-white backgrounds with subtle shadow-derived depth, creating an airy and calming user experience. Unexpectedly fluid headline letter-spacing and a mix of sharp and organic radii define its distinct contemporary feel, balancing clinical precision with user-friendly warmth.", "theme": "light", "industry": "other", "source_url": "https://lovi.care", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925090396-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925090396-thumb.jpg", "refero_style_id": "51a9246f-9238-47dd-b254-48983b8713a2", "extracted_at": "2026-04-11T16:31:59.759Z", "path": "skills/lovi/DESIGN.md" }, { "id": "lpalo", "name": "Lpalo", "description": "Lpalo exudes a playful, yet bold aesthetic, centered around a light, blush pink canvas that evokes warmth and imagination. Prominent, heavy typography anchors content, while a cast of vibrant, sometimes unexpected, accent colors punctuates the interface without overwhelming. Elements are rounded and friendly, suggesting an approachable, creative space for children's content. The visual system balances strong typographic presence with whimsical, illustrative details.", "theme": "light", "industry": "media", "source_url": "https://lpalo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515578332-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515578332-thumb.jpg", "refero_style_id": "79b4ebc4-30f6-45b6-b2d2-922e28e05ca9", "extracted_at": "2026-04-30T02:20:04.221Z", "path": "skills/lpalo/DESIGN.md" }, { "id": "luffu", "name": "Luffu", "description": "Luffu feels like late afternoon sun through a kitchen window — warm, unhurried, intimate. The cream-tan background (#f5f5ee) and near-black text (#2f3136) create a paper-and-ink warmth far from the cold blues of health tech. Two custom ABC Arizona typefaces do the heavy lifting: Flare at massive display sizes with -0.05em letter-spacing renders the brand name as a piece of editorial typography, while Sans handles navigation and body with similar optical tightening. The hero is full-bleed lifestyle photography — a real family, natural light, golden retriever — with oversized logotype overlaid at near-opacity, bleeding into the image. Color restriction is extreme: no accent color anywhere, just dark ink, warm cream, and white, with a single dark-teal (#192830) reserved for the primary CTA button.", "theme": "light", "industry": "ai", "source_url": "https://luffu.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775990540363-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775990540363-thumb.jpg", "refero_style_id": "3da7b444-ded8-406b-90b7-96851604b92b", "extracted_at": "2026-04-12T10:44:07.656Z", "path": "skills/luffu/DESIGN.md" }, { "id": "luis-bizarro", "name": "Luis Bizarro", "description": "Luis Bizarro's portfolio establishes itself as a minimalist, high-contrast dark canvas, where sparse white typography takes center stage. A grid-based layout with generous vertical spacing emphasizes content partitions. The visual style is stark and intentional, using only black and white to create a focused, almost archival presentation of work, with interactivity implied through subtle hover states rather than overt color cues.", "theme": "dark", "industry": "design", "source_url": "https://bizar.ro", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517356003-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517356003-thumb.jpg", "refero_style_id": "c23be526-89e8-468f-ba35-9ab647908325", "extracted_at": "2026-04-30T02:49:35.941Z", "path": "skills/luis-bizarro/DESIGN.md" }, { "id": "luma", "name": "Luma", "description": "Luma feels like a summer festival poster designed by a typographer — warm, alive, and unapologetically joyful. The page is nearly achromatic in its UI chrome (near-black #131517 text, mid-gray #656768 secondary, light-gray backgrounds) which makes the explosion of color in the hero 3D render feel earned and deliberate. The signature move is a full-spectrum radial gradient — cyan through violet through pink through orange — used as a single accent arc on the logo mark, transforming a system-font UI into something recognizably branded. Headlines run at 64px weight 400 with -0.016em tracking, relying on size alone rather than weight to command attention — the restraint is the statement. The CTA button is a dark near-black pill (#333537) against white, inverting the typical bright-CTA convention so the colorful hero imagery provides all the visual energy.", "theme": "light", "industry": "ai", "source_url": "https://lu.ma", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935560781-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935560781-thumb.jpg", "refero_style_id": "680b0fff-26d0-45c3-808b-d571ff45eb99", "extracted_at": "2026-04-11T19:27:25.431Z", "path": "skills/luma/DESIGN.md" }, { "id": "lunch", "name": "LUNCH", "description": "LUNCH cultivates an avant-garde boutique aesthetic, with a cool, muted palette anchored by deep black text and an unusual purple background. Typography is compact and precise, using a bespoke sans-serif for most content and a distinct display font for striking headings. The layout emphasizes strong visual content on neutral surfaces, with minimal UI elements that feel almost like sparse museum displays, allowing the product imagery to dominate.", "theme": "light", "industry": "ecommerce", "source_url": "https://lunchconcept.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518346550-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518346550-thumb.jpg", "refero_style_id": "cd3fbf9d-8d35-411b-9e69-89a03018b677", "extracted_at": "2026-04-30T03:06:05.993Z", "path": "skills/lunch/DESIGN.md" }, { "id": "lusion", "name": "Lusion", "description": "This design system conjures a computational laboratory aesthetic, balancing stark functionality with precise, vivid accents. The dominant bright off-white surfaces provide a clean canvas for sharp black typography, creating a high-contrast, information-focused layout. Carefully placed vivid blue and lime green appear in interactive elements, like focused indicators or calls to action, injecting focused energy against the predominantly neutral backdrop. Subtle elevation and generous border radii on active components soften the underlying hard-edged forms, implying a blend of digital precision and user-friendly interaction.", "theme": "light", "industry": "agency", "source_url": "https://lusion.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925120639-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925120639-thumb.jpg", "refero_style_id": "1b44386e-31a8-40b0-a577-27c088b51264", "extracted_at": "2026-04-11T16:32:22.772Z", "path": "skills/lusion/DESIGN.md" }, { "id": "lyssna", "name": "Lyssna", "description": "Lyssna cultivates a calm, focused workspace aesthetic with soft, muted background colors and a distinctive rich teal. Typography is functional and modern, balancing a custom sans-serif for body text with a unique display font for headlines. Components are lightweight with subtle rounding, emphasizing content rather than heavy borders or deep shadows. The overall feel is one of approachable professionalism, with color used sparingly to guide interaction.", "theme": "light", "industry": "saas", "source_url": "https://www.lyssna.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510366260-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510366260-thumb.jpg", "refero_style_id": "65f775f1-6dcc-4c49-80d2-b5a017b76f59", "extracted_at": "2026-04-30T00:53:29.258Z", "path": "skills/lyssna/DESIGN.md" }, { "id": "ma-lan-le-meur", "name": "Maëlan Le Meur", "description": "This design system evokes a sense of refined, vintage elegance, akin to a printed book or an aged manuscript. The dominant dark, almost sepia, background paired with the warm, creamy text creates a soft, legible contrast that feels intimate and sophisticated. Large, unkerned typography becomes a primary visual element, treated as a graphic form rather than just text, emphasizing the 'artisan' nature of the brand. Minimalist lines and a near-absence of modern UI elements contribute to a timeless aesthetic where content is paramount.", "theme": "dark", "industry": "agency", "source_url": "https://maelanlemeur.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925732914-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925732914-thumb.jpg", "refero_style_id": "ea0d7b5a-c887-4b6b-9260-6ca4d1fd7caa", "extracted_at": "2026-04-11T16:42:31.915Z", "path": "skills/ma-lan-le-meur/DESIGN.md" }, { "id": "ma-quilts", "name": "MA Quilts", "description": "MA Quilts employs a vibrant, handcrafted aesthetic with a focus on bold typography and a playful, primary color palette. The design balances generous white space with striking color blocks and outlined interactive elements. Typography is confident and uppercase for headlines, creating a distinct visual voice, while subtle dashed borders and high radius buttons add a touch of playful warmth.", "theme": "light", "industry": "design", "source_url": "https://maquilts.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521315902-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521315902-thumb.jpg", "refero_style_id": "6d4ef8f4-badd-4e3c-a168-0cc89c833b26", "extracted_at": "2026-04-30T03:55:29.272Z", "path": "skills/ma-quilts/DESIGN.md" }, { "id": "maciej-zadykowicz", "name": "Maciej Zadykowicz", "description": "This design system conjures the atmosphere of a nocturnal command center where raw data meets sophisticated presentation. A muted, dark palette forms the foundational experience, making the vibrant, playful accent colors in the hero element feel like unexpected, dynamic data visualizations. Typography is deliberately restrained, using custom fonts to establish an identity of quiet competence, preventing the busy hero graphic from overwhelming the content.", "theme": "dark", "industry": "agency", "source_url": "https://maciej.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925634167-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925634167-thumb.jpg", "refero_style_id": "f1b76a42-050e-4c9e-96e3-a77fbd718c68", "extracted_at": "2026-04-11T16:40:49.304Z", "path": "skills/maciej-zadykowicz/DESIGN.md" }, { "id": "mad", "name": "MAD", "description": "MAD's visual identity is a study in muted intensity, emphasizing a monochromatic, pixel-precise aesthetic. Typography, in custom fonts, defines hierarchy with varied weights and micro-adjusted letter-spacing, providing a crisp, technical yet artistic feel. Interaction elements are ghost-like, relying on subtle borders and color shifts rather than filled states. The overall impression is one of meticulous craft and understated digital elegance.", "theme": "light", "industry": "design", "source_url": "https://mad.ac", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520142352-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520142352-thumb.jpg", "refero_style_id": "4ab90069-caed-4431-ade3-fcc44ef5e568", "extracted_at": "2026-04-30T03:36:02.203Z", "path": "skills/mad/DESIGN.md" }, { "id": "madebyon", "name": "Madebyon", "description": "Madebyon uses a high-contrast dark aesthetic where deep black surfaces meet vivid neon green accents. Typography is compact and precise, maintaining readability against dark backgrounds with a single sans-serif typeface that subtly shifts its tracking for emphasis. Components are defined by sharp corners and generous padding, creating a distinct, confident presence, with interactive elements highlighted by a 'switched-on' luminous green. The overall impression is one of modern, refined competence.", "theme": "dark", "industry": "agency", "source_url": "https://www.madebyon.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516822936-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516822936-thumb.jpg", "refero_style_id": "64ba8e77-d1be-48a2-a47d-bdd46e139b8f", "extracted_at": "2026-04-30T02:40:42.168Z", "path": "skills/madebyon/DESIGN.md" }, { "id": "magda-reyman", "name": "Magda Reyman", "description": "Magda Reyman's design system evokes a minimalist, high-contrast digital notebook. Typography is the primary visual element, eschewing colorful branding for stark black and white text against a soft, light gray canvas. Layout prioritizes clarity and directness, with a strong emphasis on content over decorative elements. Visual weight comes from precise typographic choices and close-cropped product imagery within iPhone mockups, suggesting a focus on functional, UI-centric design.", "theme": "light", "industry": "design", "source_url": "https://magdareyman.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519066872-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519066872-thumb.jpg", "refero_style_id": "d60499c7-9e48-4bdf-8194-c168bb274c9e", "extracted_at": "2026-04-30T03:18:04.062Z", "path": "skills/magda-reyman/DESIGN.md" }, { "id": "mage", "name": "Mage", "description": "Mage.ai presents a clear, functional interface resembling an architectural blueprint on a light canvas. The visual style prioritizes information and direct interaction through subtle surface variations and a single primary blue accent color. Typography is precise and organized, creating clear hierarchy without excessive embellishment. Components are lightweight with defined edges and moderate rounded corners, contributing to an overall structured and modern feel.", "theme": "light", "industry": "ai", "source_url": "https://www.mage.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516793192-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516793192-thumb.jpg", "refero_style_id": "ba07accb-b2cc-4ad9-a25f-c50b0f90f34e", "extracted_at": "2026-04-30T02:40:24.052Z", "path": "skills/mage/DESIGN.md" }, { "id": "magnetism", "name": "Magnetism", "description": "Magnetism presents a stark, high-contrast aesthetic reminiscent of an editorial spread. Its theme is dark with light gray typography and hairline borders, creating a sophisticated tension. The layout is structured yet fluid, with large, impactful imagery anchoring blocks of stark typography. Components are minimal, often ghosted or outlined, allowing content and photography to dominate the visual field.", "theme": "dark", "industry": "agency", "source_url": "https://www.magnetism.fr/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516171633-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516171633-thumb.jpg", "refero_style_id": "a8a1e9e6-d252-49c7-b201-91b3055487df", "extracted_at": "2026-04-30T02:29:48.867Z", "path": "skills/magnetism/DESIGN.md" }, { "id": "mailchimp", "name": "Mailchimp", "description": "Mailchimp's visual language feels like a vintage newspaper printing house that discovered electric color — warm near-black (#231e15) dominates nearly every surface and typographic element, while a single voltage-yellow (#ffe01b) CTA button commands every page. The type system splits between Graphik Web (a geometric sans at tight -0.013em tracking) for all body/UI text and Means Web (a display serif-adjacent face at -0.021em) for headlines — a newspaper/magazine editorial duality that's rare in SaaS. Cards are flatly borderless or carry a soft warm shadow (rgba(35,30,21,0.15)), never the blue-tinted floating shadows common to other platforms. Section backgrounds alternate between #ffffff, #f5f5f5, the warm cream #ebe1cd, and near-black #231e15, creating a banded editorial rhythm. The pill CTA (26px radius, yellow fill, dark stroke, dark text) is the one rounded form in a system that otherwise uses 3px or zero radius everywhere.", "theme": "light", "industry": "saas", "source_url": "https://mailchimp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935149330-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935149330-thumb.jpg", "refero_style_id": "24929007-7e62-4c96-a940-7de65438a578", "extracted_at": "2026-04-11T19:20:50.339Z", "path": "skills/mailchimp/DESIGN.md" }, { "id": "maisonmargiela", "name": "Maisonmargiela", "description": "This design system evokes understated luxury and conceptual fashion, reminiscent of a high-end atelier's minimalist presentation. The dominant use of near-achromatic grays from `#121212` to `#f7f7f2` creates a sophisticated, muted backdrop. Typefaces are the primary vehicle for brand expression: the bespoke Margiela Sans with its numerous weights defines interactive elements and body text, while the subtly elegant Margiela Serif provides an exclusive touch to display large text. A complete absence of sharp accents or strong colors maintains a refined visual restraint, allowing product imagery to capture full attention.", "theme": "light", "industry": "ecommerce", "source_url": "https://maisonmargiela.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926104443-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926104443-thumb.jpg", "refero_style_id": "44a6d2a5-16ef-42cd-a69c-33a7af16638d", "extracted_at": "2026-04-11T16:48:48.044Z", "path": "skills/maisonmargiela/DESIGN.md" }, { "id": "maja-cerar", "name": "Maja Cerar", "description": "Maja Cerar's online portfolio conveys a meticulous, understated elegance through a spacious achromatic canvas, where project visuals are presented as large, clean blocks. Typography is the primary conveyor of information and hierarchy, using a single signature typeface with subtle negative letter-spacing for a refined, almost whispered presence. The design is highly content-centric, relying on generous whitespace and a minimalist approach to define structure and visual flow without relying on heavy borders, shadows, or vivid accent colors.", "theme": "light", "industry": "design", "source_url": "https://www.majacerar.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514774395-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514774395-thumb.jpg", "refero_style_id": "40ebe3dc-c1dc-4fc1-aa85-552f0bcf7edb", "extracted_at": "2026-04-30T02:06:26.442Z", "path": "skills/maja-cerar/DESIGN.md" }, { "id": "makkaihang-design", "name": "makkaihang design", "description": "The makkaihang design system establishes a minimal, almost invisible interface ethos. A stark charcoal canvas serves as the dominant background, providing a neutral backdrop for content. Text is a bright white, ensuring high contrast. Subtle light gray borders are used sparingly for visual segmentation rather than heavy containers. The overall aesthetic suggests an emphasis on content and unadorned presentation.", "theme": "dark", "industry": "design", "source_url": "https://makkaihang.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512481052-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512481052-thumb.jpg", "refero_style_id": "adbdc8b1-be46-4d4c-a973-5022f6fd381e", "extracted_at": "2026-04-30T01:28:14.300Z", "path": "skills/makkaihang-design/DESIGN.md" }, { "id": "makr", "name": "MAKR", "description": "MAKR employs a utilitarian workshop aesthetic, characterized by a monochrome palette, robust typography, and minimal decorative elements. The design prioritizes directness and product focus, using abundant white space and a tightly constrained color scheme of near-black text on white or light gray surfaces. Interactions are subdued, relying on subtle background shifts and text changes rather than overt animations or vibrant accent colors. The overall impression is one of crafted precision and understated quality.", "theme": "light", "industry": "ecommerce", "source_url": "https://makr.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515527119-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515527119-thumb.jpg", "refero_style_id": "f2bf6db7-37b6-4394-be97-6bbb2c45c268", "extracted_at": "2026-04-30T02:19:07.377Z", "path": "skills/makr/DESIGN.md" }, { "id": "manna", "name": "MANNA", "description": "Manna Architects employs a subdued, earthy aesthetic that evokes natural materials and warm, muted tones. Text is primarily black against subtly tinted, soft backgrounds, giving a feeling of quiet elegance. Typography is precise and airy, favoring lighter weights and generous readability. The design system prioritizes large, impactful imagery and minimal, deliberate UI elements, suggesting a focus on visual content over interactive complexity.", "theme": "light", "industry": "design", "source_url": "https://www.mannaarchitects.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517824191-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517824191-thumb.jpg", "refero_style_id": "d83fd0b1-afde-41ff-b970-c622bfed9f59", "extracted_at": "2026-04-30T02:57:21.763Z", "path": "skills/manna/DESIGN.md" }, { "id": "manus", "name": "Manus", "description": "Manus employs a stark, functional interface with a restrained achromatic palette, punctuated by deep charcoal accents. The design prioritizes clear information hierarchy and interaction over elaborate aesthetics, featuring rounded corners for components and subtle shadow for depth. Typography is crisp and minimal, supporting a quick, efficient user experience.", "theme": "light", "industry": "ai", "source_url": "https://manus.im", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509787217-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509787217-thumb.jpg", "refero_style_id": "63cd6fbc-c3f1-4fd4-9115-70300bc07adc", "extracted_at": "2026-04-30T00:43:27.104Z", "path": "skills/manus/DESIGN.md" }, { "id": "map-project-office", "name": "map project office", "description": "Map Project Office conveys a minimalist, stark presence through its high-contrast monochrome design. The visual system emphasizes large, bold typography as the dominant design element, often serving as primary navigation or key content. Surfaces are uniformly white or near-black, with subtle gray cues indicating interactive elements or secondary information. The overall aesthetic is one of restrained impact, prioritizing legibility and functional clarity within a sculptural, type-focused environment.", "theme": "light", "industry": "design", "source_url": "https://mapprojectoffice.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517236185-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517236185-thumb.jpg", "refero_style_id": "77c32a1f-99fd-44d0-a7d2-002f005a245d", "extracted_at": "2026-04-30T02:47:33.791Z", "path": "skills/map-project-office/DESIGN.md" }, { "id": "mapbox", "name": "Mapbox", "description": "Mapbox operates in near-total darkness — a #0e1012 void that makes embedded map tiles glow like illuminated instruments. The entire neutral scale runs from #0e1012 through #333943 to #a0aaba, creating depth through layered darkness rather than shadows. A single vivid blue (#007afc) punctuates the black field exclusively on CTAs and active states, like a GPS pin dropped into night sky. Pill-form buttons (100px radius) coexist with sharp 4px badges, creating deliberate tension between cartographic curves and data-table precision. Cera Pro's geometric weight-700 at 68px and tight -0.02em tracking gives headlines a technical density — coordinates on a map, not marketing copy.", "theme": "dark", "industry": "devtools", "source_url": "https://mapbox.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934542077-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934542077-thumb.jpg", "refero_style_id": "be34bbe8-9a50-4f36-b379-840328f6350c", "extracted_at": "2026-04-11T19:10:46.520Z", "path": "skills/mapbox/DESIGN.md" }, { "id": "marco", "name": "Marco", "description": "Macro.fyi presents a functional white-canvas aesthetic, emphasizing content organization within distinct, softly shadowed containers. The system balances readability with a dense information display, utilizing a largely achromatic palette punctuated by a sole vivid violet for actionable elements and subtle gradient accents for dynamic cards.", "theme": "light", "industry": "design", "source_url": "https://www.marco.fyi", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512438373-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512438373-thumb.jpg", "refero_style_id": "88e9d606-7e8f-479c-9508-1b081e254ed9", "extracted_at": "2026-04-30T01:27:44.966Z", "path": "skills/marco/DESIGN.md" }, { "id": "marcos-rodrigues", "name": "Marcos Rodrigues", "description": "Marcos Rodrigues employs a stark, high-contrast aesthetic, reminiscent of a digital gallery space. The primary interface relies on pure black and white, punctuated by subtle gray typography and hairline borders. Visual hierarchy is established through minimal layout and precise element positioning, with imagery serving as focal points rather than decorative backdrops. Components are unadorned and structural, emphasizing content visibility over elaborate interactive elements. The system feels reserved yet impactful, prioritizing clarity and directness.", "theme": "dark", "industry": "design", "source_url": "https://marcosrp.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519257728-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519257728-thumb.jpg", "refero_style_id": "b76c7503-0217-4822-80b2-18fa19af46ee", "extracted_at": "2026-04-30T03:21:15.294Z", "path": "skills/marcos-rodrigues/DESIGN.md" }, { "id": "mario-carrillo", "name": "Mario Carrillo", "description": "The Mario Carrillo site presents a bold, high-contrast aesthetic, pairing stark white canvases with black typography for a graphic, almost stark feel. The visual dynamism is introduced through a vibrant, full-bleed gradient background that serves as the site's primary visual element, contrasting sharply with the minimalist UI. Typography is concise and direct, maintaining a clean presentation. The design leverages visual simplicity to foreground the impactful background imagery.", "theme": "light", "industry": "design", "source_url": "https://marioecg.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512768230-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512768230-thumb.jpg", "refero_style_id": "c181d124-242e-469b-a91a-4e44aad49a86", "extracted_at": "2026-04-30T01:33:21.378Z", "path": "skills/mario-carrillo/DESIGN.md" }, { "id": "martin-laxenaire", "name": "Martin Laxenaire", "description": "This design system presents a playful yet structured aesthetic with high-contrast monochrome text layered over vibrant, organic color fields. It prioritizes bold typography and dynamic background elements, creating an engaging user experience without heavy-handed decoration. The system balances sharp, interactive elements with a distinct underlying fluidity for visual interest, using an 'experience point' metaphor to drive user engagement. Surfaces are bright and clean, allowing the expressive typography and occasional bursts of color to define the visual identity.", "theme": "light", "industry": "design", "source_url": "https://www.martin-laxenaire.fr", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517988870-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517988870-thumb.jpg", "refero_style_id": "0e8db8d0-4d8f-48ac-a8e7-aaea9601e3ce", "extracted_at": "2026-04-30T03:00:11.793Z", "path": "skills/martin-laxenaire/DESIGN.md" }, { "id": "marx-design", "name": "Marx Design", "description": "Marx Design uses a stark, high-contrast visual language with a focus on bold typography and achromatic tones. The design system emphasizes clarity and directness through prominent text elements on a predominantly black background. Visual interest is derived from strong typographic presence and the occasional use of black-and-white imagery, creating an atmosphere that is both authoritative and understated.", "theme": "dark", "industry": "design", "source_url": "https://marxdesign.co.nz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516704448-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516704448-thumb.jpg", "refero_style_id": "00a2d2d6-3a91-48e5-9941-ece03ebe2b87", "extracted_at": "2026-04-30T02:38:38.910Z", "path": "skills/marx-design/DESIGN.md" }, { "id": "marylou-faure", "name": "Marylou Faure", "description": "Marylou Faure's design system embraces a vibrant, playful energy through a stark white canvas punctuated by bold, flat blocks of color. Typography is functional and direct, primarily in black, grounding the energetic visuals. The system relies on prominent imagery, often full-bleed, to convey its character-rich, graphic-heavy style, with UI elements remaining minimal and secondary to the artwork.", "theme": "light", "industry": "design", "source_url": "https://maryloufaure.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517738677-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517738677-thumb.jpg", "refero_style_id": "6b2e2cb8-b217-4395-a664-8795b6002315", "extracted_at": "2026-04-30T02:56:20.949Z", "path": "skills/marylou-faure/DESIGN.md" }, { "id": "mastercard", "name": "Mastercard", "description": "", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/mastercard/DESIGN.md" }, { "id": "masterclass", "name": "MasterClass", "description": "MasterClass employs a dark, cinematic UI, reminiscent of a premium streaming platform. Dominant blacks and deep charcoals create a sophisticated environment, allowing vibrant accents to punctuate interactive elements and brand moments. Typography is bold and confident, commanding attention within the high-contrast setting. Component surfaces are subtle, often inset, maintaining a flat aesthetic that emphasizes content and celebrity figures over overt ornamentation.", "theme": "dark", "industry": "media", "source_url": "https://www.masterclass.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509704264-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509704264-thumb.jpg", "refero_style_id": "4367b4cd-b002-4719-a418-cbce020f0d33", "extracted_at": "2026-04-30T00:42:20.708Z", "path": "skills/masterclass/DESIGN.md" }, { "id": "matter-of-fact", "name": "Matter of Fact", "description": "Matter of Fact operates on a stark, high-contrast visual system: pure black text on a clean white canvas. Typography, primarily large and commanding, is the dominant visual element, with minimal use of color or complex components. The design maintains an austere, type-driven aesthetic, emphasizing direct communication and clarity through its monochrome palette.", "theme": "light", "industry": "design", "source_url": "https://matteroffact.fr", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516711673-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516711673-thumb.jpg", "refero_style_id": "d7dcd499-8eeb-4dbb-8c52-9d688e637783", "extracted_at": "2026-04-30T02:38:45.674Z", "path": "skills/matter-of-fact/DESIGN.md" }, { "id": "max-yinger", "name": "Max Yinger", "description": "This design system evokes a sense of digital craftsmanship, like a custom-built terminal for a specialized task. The aesthetic leans into a high-contrast dark theme with stark white, monospace-inspired typography, creating an atmosphere of precision and focused utility. Punctuation marks and symbols are used as visual elements, giving the textual content a coded, programmatic feel. Slight rounding on interactive elements prevents harshness, while the overall minimal approach keeps the focus on core information and interactive 3D elements.", "theme": "dark", "industry": "agency", "source_url": "https://yinger.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925610298-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925610298-thumb.jpg", "refero_style_id": "a7891223-a93e-4731-a1aa-4079f1ee928b", "extracted_at": "2026-04-11T16:40:22.966Z", "path": "skills/max-yinger/DESIGN.md" }, { "id": "maxima-therapy", "name": "Maxima Therapy", "description": "This design system feels like a playful, vibrant activity center for the mind. A maximalist use of saturated primary and secondary colors, especially the 'Sunshine Yellow' background, instantly communicates an optimistic and engaging environment. Rounded shapes on cards and buttons, paired with a custom rounded display font, create an approachable, friendly aesthetic. The visual energy is high, reflecting a dynamic and supportive approach to therapy.", "theme": "light", "industry": "other", "source_url": "https://maximatherapy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776007948152-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776007948152-thumb.jpg", "refero_style_id": "a122b132-2259-41ca-a301-4468dd17a386", "extracted_at": "2026-04-12T15:32:52.372Z", "path": "skills/maxima-therapy/DESIGN.md" }, { "id": "maximilian-berndt", "name": "Maximilian Berndt", "description": "Maximilian Berndt's site presents an austere, high-contrast textual experience, reminiscent of a command-line interface or a minimalist resume. The design prioritizes content and readability with a stark black on white palette, punctuated only by subtle gray for secondary information. Components are invisible until interacted with or until a clear function is needed, maintaining a paper-like simplicity.", "theme": "light", "industry": "design", "source_url": "https://maximilianberndt.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515246596-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515246596-thumb.jpg", "refero_style_id": "b7f8fc9d-ce0c-45ce-aad7-f56380bb2d28", "extracted_at": "2026-04-30T02:14:20.942Z", "path": "skills/maximilian-berndt/DESIGN.md" }, { "id": "maze", "name": "Maze", "description": "Maze implements a focused, professional workspace aesthetic with a predominantly achromatic palette, accented sparingly by a vivid lime green and a forest green. Large, confident typography provides strong hierarchy against a light, airy canvas. Components are lightweight with subtle card treatments and soft rounded corners, emphasizing content clarity and swift interaction without heavy ornamentation. The overall layout balances information density with generous breathing room, creating an experience that feels both powerful and approachable.", "theme": "light", "industry": "fintech", "source_url": "https://maze.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508218204-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508218204-thumb.jpg", "refero_style_id": "966a03d5-13e9-48d8-9b01-28e6ae3f3967", "extracted_at": "2026-04-30T00:17:32.699Z", "path": "skills/maze/DESIGN.md" }, { "id": "mediaoptions", "name": "MediaOptions", "description": "MediaOptions embraces a commanding, yet approachable digital presence. Deep blue-violet surfaces create a sophisticated backdrop, punctuated by a vibrant orange for call-to-actions and a sky blue for links, providing clear points of interaction. Typography is direct and legible, maintaining professionalism with a focused range of weights. Components feature generous rounded corners for a soft touch against the structured layout, creating a visual balance between authority and user-friendliness.", "theme": "light", "industry": "other", "source_url": "https://simulate.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520172794-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520172794-thumb.jpg", "refero_style_id": "95cccc8d-c35a-4da0-8563-5fd5f2c7d6eb", "extracted_at": "2026-04-30T03:36:33.969Z", "path": "skills/mediaoptions/DESIGN.md" }, { "id": "mediocre", "name": "MEDIOCRE", "description": "MEDIOCRE embraces a gritty, high-contrast digital street art aesthetic, using a stark lime green canvas as a vibrant backdrop for red graffiti-style typography. The design is intentionally raw and visually assertive, reflecting a 'no-frills' counter-culture attitude. Text elements rely on bold, condensed gothic forms with distinctive character spacing, creating visual tension against the uniform background. The system is deliberately minimal in its componentry, focusing instead on impactful typography and color contrast.", "theme": "light", "industry": "design", "source_url": "https://jacobleech.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520200417-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520200417-thumb.jpg", "refero_style_id": "74db0cb1-87b9-4118-ac4e-dee1910f4cae", "extracted_at": "2026-04-30T03:36:56.399Z", "path": "skills/mediocre/DESIGN.md" }, { "id": "medium", "name": "Medium", "description": "Medium's design evokes the feeling of a refined, minimalist literary journal, emphasizing content over chrome. The dominant use of a warm off-white background (#f7f4ed) creates a soft, inviting canvas for the high-contrast text. Typography is the cornerstone, with a stately serif font for headlines paired with a clean sans-serif for body text, creating a classic yet accessible reading experience. Accent colors are deliberately minimal, primarily using deep black for interactive elements to draw clear focus and a vibrant green for specific illustrative brand moments.", "theme": "light", "industry": "media", "source_url": "https://medium.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776105334073-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776105334073-thumb.jpg", "refero_style_id": "9c92c3d1-a2fe-4a27-a324-826b19501774", "extracted_at": "2026-04-13T18:35:58.237Z", "path": "skills/medium/DESIGN.md" }, { "id": "megan-perkins", "name": "Megan Perkins", "description": "Megan Perkins presents a dark, high-contrast, and text-dominant aesthetic. The design relies on a minimal palette of near-black for backgrounds, a single dark gray for most text and borders, and a large, high-impact gradient hero. Typography is compact and precise, maintaining a serious, editorial tone. Components are stripped back, often border-only or ghost elements, with color reserved for the background gradient and the occasional subtle interaction cue.", "theme": "dark", "industry": "design", "source_url": "https://meganperkins.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516835807-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516835807-thumb.jpg", "refero_style_id": "aa3fecc4-3017-4b7a-8969-c36ba4dcd91d", "extracted_at": "2026-04-30T02:40:49.013Z", "path": "skills/megan-perkins/DESIGN.md" }, { "id": "mekaverse", "name": "MekaVerse", "description": "MekaVerse employs a deep, immersive dark theme, reminiscent of a futuristic console interface against expansive, detailed world maps. The design emphasizes content through large, impactful typography, with subtle interactive elements appearing as focused accents. UI components are lightweight and minimalist, often using transparent or ghost styles to keep the focus on the rich background visuals. A strong sense of digital artistry is conveyed through custom fonts and the deliberate use of high-contrast text against dark, natural environments.", "theme": "dark", "industry": "crypto", "source_url": "https://themekaverse.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514402177-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514402177-thumb.jpg", "refero_style_id": "09e43758-12c5-4a2b-8ae8-ded156ef66bf", "extracted_at": "2026-04-30T02:00:24.751Z", "path": "skills/mekaverse/DESIGN.md" }, { "id": "mercury", "name": "Mercury", "description": "The design feels like a command center at twilight, expansive and focused. A deep, near-black neutral palette (#1e1e2a, #171721) creates an immersive, cinematic canvas where glowing off-white text (#ededf3) provides crisp clarity. All energy is channeled into a single, vibrant violet-blue accent (#5266eb) reserved strictly for primary calls-to-action, like indicator lights on a high-tech console. The typography is a defining feature, with custom fonts used at light weights for headlines, creating an authoritative yet approachable voice. The contrast between spacious, atmospheric hero imagery and the stark, text-driven UI below creates a journey from aspiration to action.", "theme": "dark", "industry": "fintech", "source_url": "https://mercury.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929449693-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929449693-thumb.jpg", "refero_style_id": "3172cd4d-118a-4a16-a259-6b634d32322e", "extracted_at": "2026-04-11T17:45:14.206Z", "path": "skills/mercury/DESIGN.md" }, { "id": "mesh", "name": "Mesh", "description": "Mesh invokes a dark, intimate digital rolodex feel, where muted neutrals create a command center for relationships. The visual system combines compact, precise typography with subtle background textures and a warm, low-saturation amber accent. Components recede into the dark canvas, using fine borders and soft internal glows rather than heavy shadows or distinct background fills. The overall impression is one of restrained sophistication and digital calm.", "theme": "dark", "industry": "productivity", "source_url": "https://clay.earth", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509968405-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509968405-thumb.jpg", "refero_style_id": "1a03b8d7-9204-4c16-ad3c-16306f99fba9", "extracted_at": "2026-04-30T00:46:38.295Z", "path": "skills/mesh/DESIGN.md" }, { "id": "meta", "name": "Meta", "description": "Meta's design system spans hardware commerce (Quest VR, Ray-Ban Meta AI glasses) and brand surfaces with a confident product-merchandising voice. The system pairs a stark white canvas with full-bleed photographic product cards, a confident Optimistic VF wordmark/headline face, dual-CTA hero patterns (black primary + outlined secondary), and a saturated cobalt blue (#0064E0) for in-product purchase actions. Pill-shaped 100px-radius buttons, generous 24-32px card rounding, and tight three-tier text hierarchy carry across homepage, product detail (PDP), buy-now configurator, and accessory subpages.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/meta/DESIGN.md" }, { "id": "metalab", "name": "Metalab", "description": "This design system conjures a mood of restrained sophistication and intellectual calm. Large, dramatic serif typography acts as art against a stark black and white canvas, establishing an immediate sense of gravity and refined taste. The composition prioritizes ample negative space, allowing elements to breathe and create an atmosphere of quiet authority, where every visual decision feels deliberate and impactful.", "theme": "light", "industry": "agency", "source_url": "https://metalab.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925151784-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925151784-thumb.jpg", "refero_style_id": "da087e69-8832-418a-aa1b-42e1acabb39e", "extracted_at": "2026-04-11T16:32:46.694Z", "path": "skills/metalab/DESIGN.md" }, { "id": "metamask", "name": "Metamask", "description": "MetaMask uses a playful, vibrant aesthetic that blends bold, chunky typography with a soft, almost pastel base. The design system is characterized by its liberal use of rounded corners and borders, creating a soft and approachable feel. Despite the occasional highly saturated accents and primary purple, the overall presentation remains light due to a dominant pale pink canvas. Gradients on interactive elements contribute to a friendly, dynamic visual system.", "theme": "light", "industry": "crypto", "source_url": "https://metamask.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509352273-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509352273-thumb.jpg", "refero_style_id": "6248749d-b440-4561-b4d7-2d39c0fd4fd3", "extracted_at": "2026-04-30T00:36:27.724Z", "path": "skills/metamask/DESIGN.md" }, { "id": "metamusic", "name": "MetaMusic", "description": "MetaMusic's design system uses a bright, open canvas with confident, spacious typography and an energetic blue as its primary accent. It balances structured information with distinctive organic curves and illustrative flourishes. Surfaces are mostly crisp white or subtle off-whites, providing a clean backdrop for bold headlines and call-to-action elements. The overall feel is one of clarity and approachable modernity, leveraging a limited color palette to emphasize important interactive elements and brand messaging.", "theme": "light", "industry": "media", "source_url": "https://metamusic.ca", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521304829-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521304829-thumb.jpg", "refero_style_id": "6ffe7b61-a418-4cbd-9e7a-a5129db6c589", "extracted_at": "2026-04-30T03:55:28.578Z", "path": "skills/metamusic/DESIGN.md" }, { "id": "mews", "name": "Mews", "description": "Mews employs a 'digital ledger' aesthetic: a pristine white canvas combined with clear, dark typography creates an impression of precision and order. Components are often outlined or utilize subtle shadow work to define interactive zones rather than heavy fills. A specific vivid pink provides a digital accent for primary actions and highlights, contrasting with the otherwise monochromatic UI background.", "theme": "light", "industry": "other", "source_url": "https://www.mews.com/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508024894-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508024894-thumb.jpg", "refero_style_id": "6b2777fd-7021-4a96-add3-ec4a32374214", "extracted_at": "2026-04-30T00:14:32.499Z", "path": "skills/mews/DESIGN.md" }, { "id": "michael-speichert", "name": "Michael Speichert", "description": "Michael Speichert's design system presents a stark, high-contrast experience, primarily leveraging monochromatic tones with an occasional deep indigo accent. Typography is central, using large, bold typefaces and precise letter-spacing to create focal points. The visual language emphasizes graphic impact over detailed imagery, with minimal adornment or complex components, focusing instead on strong textual communication.", "theme": "dark", "industry": "design", "source_url": "https://www.michaelspeichert.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520849531-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520849531-thumb.jpg", "refero_style_id": "4ba6652c-56f1-4bd5-9e2f-9b64a30d66a8", "extracted_at": "2026-04-30T03:47:44.048Z", "path": "skills/michael-speichert/DESIGN.md" }, { "id": "michael-wandelmaier", "name": "Michael Wandelmaier", "description": "This design system presents a dark canvas with strong typographical elements and sporadic, vibrant accents. Large, custom typefaces create a bold, editorial feel, while custom-shaped, brightly colored interactive elements punctuate the monochrome background. The overall impression is one of confident, art-directed simplicity, eschewing typical interface conventions for a more graphic, playful approach.", "theme": "dark", "industry": "design", "source_url": "https://wandelmaier.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516460921-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516460921-thumb.jpg", "refero_style_id": "5b405eec-67ba-4dd0-8dab-ace000151a78", "extracted_at": "2026-04-30T02:34:42.764Z", "path": "skills/michael-wandelmaier/DESIGN.md" }, { "id": "mickael-larcheveque", "name": "Mickael Larcheveque", "description": "Mickael Larcheveque's portfolio establishes an atmosphere of understated elegance and intellectual curiosity. It pairs a warm, almost parchment-like background with a single intense primary blue for highlights and active states, creating a high-contrast but refined visual tension. The typography mixes a modern sans-serif with a more expressive, almost calligraphic display serif for headlines, emphasizing creativity. The layout feels spacious, with clear hierarchy and minimal embellishment.", "theme": "light", "industry": "design", "source_url": "https://www.dotmick.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519393306-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519393306-thumb.jpg", "refero_style_id": "edea6c5b-000a-441e-bc26-e0076c335177", "extracted_at": "2026-04-30T03:23:29.102Z", "path": "skills/mickael-larcheveque/DESIGN.md" }, { "id": "microsoft", "name": "Microsoft", "description": "The Microsoft design system exudes a balanced composition, pairing clear-cut information presentation with a foundational blue accent. It leverages a strong neutral palette dominated by white and deep grays, providing high contrast and visual clarity. The consistent use of 2px radius on interactive elements like buttons subtly softens the otherwise sharp edges dictated by the 0px default. Bold imagery and product showcases are integrated seamlessly, often against a vibrant brand blue that contrasts with the clean, primarily white UI.", "theme": "light", "industry": "other", "source_url": "https://www.microsoft.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777423470635-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777423470635-thumb.jpg", "refero_style_id": "c70a9990-bc4b-4a64-a69b-aeb7b344fb74", "extracted_at": "2026-04-29T00:44:49.038Z", "path": "skills/microsoft/DESIGN.md" }, { "id": "microsoft-ai", "name": "Microsoft AI", "description": "This design evokes a sense of antique academic rigor meeting soft, optimistic warmth. The primary color palette transitions from deep black to creamy off-white with occasional muted pastel gradients, creating distinct atmospheric shifts. Delicate humanist typography in Bradford LL, characterized by its fine serifs and generous letter-spacing for large headlines, gives an authoritative yet approachable feel. Conversely, more utilitarian Red Hat Mono maintains informational clarity on smaller elements. Strong visual personality arises from the interplay of a classic serif font for display with a modern, technical mono font for UI elements, all grounded by expansive spacing and subtly rounded, organic shapes.", "theme": "mixed", "industry": "ai", "source_url": "https://microsoft.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776009256911-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776009256911-thumb.jpg", "refero_style_id": "46781641-8afd-4b01-9f67-06046b6eda71", "extracted_at": "2026-04-12T15:54:46.491Z", "path": "skills/microsoft-ai/DESIGN.md" }, { "id": "midday", "name": "Midday", "description": "Midday uses a minimalist, content-focused visual language with a strong emphasis on readability and clean information architecture. The design balances crisp sans-serif with a commanding serif for headlines, all within an open, achromatic canvas. Subtle borders and ghost-like components keep the interface feeling lightweight and direct, with a monochromatic palette reinforcing a sense of serious utility and precision.", "theme": "light", "industry": "fintech", "source_url": "https://midday.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507453853-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507453853-thumb.jpg", "refero_style_id": "3f2b79c1-d980-4380-a903-29856975fc37", "extracted_at": "2026-04-30T00:04:36.211Z", "path": "skills/midday/DESIGN.md" }, { "id": "midjourney", "name": "Midjourney", "description": "Midjourney's interface feels like peering through a deep-ocean porthole into a bioluminescent void — vast, pressurized darkness with faint light sources. The #06051d near-black with violet undertone is not simply dark but dimensionally deep, distinguished from pure black by that violet warmth that reads as cosmic rather than void. A sprawling ASCII/generative text animation fills the hero against this background, making the interface itself feel like it's generating intelligence in real time. Section headings and nav use JetBrains Mono exclusively — monospace as aesthetic choice, not technical necessity, giving every label the weight of a terminal command. The three pill buttons (Sign Up, Log In, Explore) float as translucent jewels — each tinted a different hue (green, yellow, red-orange) at 20% opacity against their dark backgrounds, with matching text colors, making them feel less like CTAs and more like categorized data packets.", "theme": "dark", "industry": "ai", "source_url": "https://midjourney.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775930636038-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775930636038-thumb.jpg", "refero_style_id": "225059ac-0450-49d3-b2b7-d0e98b7ae938", "extracted_at": "2026-04-11T18:05:53.023Z", "path": "skills/midjourney/DESIGN.md" }, { "id": "mihan-aromatics", "name": "Mihan Aromatics ™", "description": "Mihan Aromatics ™ operates on a high-contrast minimalist aesthetic, emphasizing stark black and white with subtle gray accents. Typography is compact and precise, maintaining a refined elegance. Surfaces are predominantly flat, and component weights are light, prioritizing content and product imagery. The overall impression is one of considered simplicity and understated luxury, with structure revealed through fine borders and purposeful spacing rather than heavy visual elements.", "theme": "light", "industry": "ecommerce", "source_url": "https://mihanaromatics.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513484846-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513484846-thumb.jpg", "refero_style_id": "95140276-f52b-4655-8fa2-e765126c949d", "extracted_at": "2026-04-30T01:45:27.794Z", "path": "skills/mihan-aromatics/DESIGN.md" }, { "id": "mike-matas", "name": "Mike Matas", "description": "This design system projects an aura of understated intellectual authority, emphasizing content and clarity through a stark monochrome palette. The deliberate absence of color accents on the main page, combined with generous negative space, creates a calm, focused reading environment. Type is the primary visual element, meticulously sized and weighted to establish hierarchy and draw attention without visual noise, making every word feel considered and precise.", "theme": "light", "industry": "agency", "source_url": "https://mikematas.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925531371-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925531371-thumb.jpg", "refero_style_id": "04f6cb02-de90-4d78-9c5f-0eb52f826484", "extracted_at": "2026-04-11T16:39:06.283Z", "path": "skills/mike-matas/DESIGN.md" }, { "id": "mindmarket", "name": "MindMarket", "description": "MindMarket utilizes a playful and inviting aesthetic, combining a calm, earthy neutral palette with vibrant, illustrative accents. The design system emphasizes approachable typography, generous spacing, and organic, rounded shapes to convey a friendly yet authoritative presence. Color is used sparingly for functional highlights and to punctuate sections with energetic, brand-aligned hues. Components feel lightweight, with emphasis on soft, large radii and minimal borders.", "theme": "light", "industry": "agency", "source_url": "https://mindmarket.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508580942-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508580942-thumb.jpg", "refero_style_id": "9130ad37-bf80-458f-b808-ac0ef6a8d1e9", "extracted_at": "2026-04-30T00:23:27.362Z", "path": "skills/mindmarket/DESIGN.md" }, { "id": "minimal-collective", "name": "Minimal Collective", "description": "Minimal Collective employs a muted, structured dark-mode aesthetic, reminiscent of an underground art gallery's concrete walls at dusk. The design prioritizes clear information hierarchy over visual flair, using a restricted achromatic palette with stark black as the dominant background and white for primary text. Typography is a focal point, with a custom geometric sans-serif font exhibiting varied, precise letter-spacing to create distinct visual rhythm. Layout is ordered and grid-constrained, with interactions subtly defined by slight shifts in background depth and crisp borders rather than vibrant color accents.", "theme": "dark", "industry": "media", "source_url": "https://minimalcollective.digital", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517839775-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517839775-thumb.jpg", "refero_style_id": "94c15607-2f19-4dc4-9aec-2b40f28b754f", "extracted_at": "2026-04-30T02:57:41.623Z", "path": "skills/minimal-collective/DESIGN.md" }, { "id": "minimalissimo", "name": "Minimalissimo", "description": "Minimalissimo embodies a restrained, almost stark aesthetic where content is paramount. It utilizes an achromatic palette with crisp contrasts, creating an open and airy feel. Typography is compact and precise, driving hierarchy and focus without visual flourish. Components maintain a ghost-like presence, subtly hinting at interaction rather than demanding attention, ensuring images and text are the primary visual experience.", "theme": "light", "industry": "design", "source_url": "https://minimalissimo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514056042-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514056042-thumb.jpg", "refero_style_id": "35ff063b-1fcc-48a2-83b3-56da01e23880", "extracted_at": "2026-04-30T01:54:34.931Z", "path": "skills/minimalissimo/DESIGN.md" }, { "id": "minimax", "name": "MiniMax", "description": "MiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black-pill CTAs and stark white canvas for marketing, paired with vibrant gradient product cards (orange-red, magenta-pink, purple, blue) that turn each model release into a distinctive visual identity. The system uses DM Sans across all surfaces, employs an oversized 80px hero display, anchors major actions in deep near-black pills, and layers content density via a 3-column documentation grid with sidebar nav, prose body, and TOC. Coverage spans the marketing homepage, model showcase pages, developer documentation, and platform pricing surfaces.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/minimax/DESIGN.md" }, { "id": "mintlify", "name": "Mintlify", "description": "Mintlify captures an atmosphere of serene, intelligent efficiency, like navigating a well-organized digital library. The predominant use of highly desaturated grays and stark black-on-white provides a clean, information-focused base. A single vivid green (#0c8c5e) acts as a digital beacon, highlighting interactive elements and key information without visual clutter. The visual restraint in color and a subtle elevation system communicate authority through clarity, making complex documentation feel approachable.", "theme": "light", "industry": "devtools", "source_url": "https://mintlify.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923101053-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923101053-thumb.jpg", "refero_style_id": "80d7ef36-ed7e-48bb-b558-f772eb40106f", "extracted_at": "2026-04-11T15:58:42.817Z", "path": "skills/mintlify/DESIGN.md" }, { "id": "minymon", "name": "Minymon", "description": "Minymon adopts a playful, inviting aesthetic with soft, rounded forms and a muted pastel color palette that evokes a sense of comfort and approachability. The design emphasizes friendly interaction through subtle elevation and a clear visual hierarchy. Typography is compact and confident, balancing warmth with precise communication. Surfaces are light and airy, creating an open, uncrowded feel.", "theme": "light", "industry": "other", "source_url": "https://www.minymon.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519523332-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519523332-thumb.jpg", "refero_style_id": "c8c8e820-a40e-416f-a4b9-f608bf17507c", "extracted_at": "2026-04-30T03:25:46.459Z", "path": "skills/minymon/DESIGN.md" }, { "id": "miranda", "name": "Miranda", "description": "Miranda's visual system evokes a vintage newspaper aesthetic with a modern, high-contrast twist. It combines deeply saturated, almost black backgrounds with warm, desaturated off-white surfaces, creating a dramatic stage for its expressive typography. The layout is structured yet dynamic, featuring oversized type and editorial-inspired content blocks with subtle elevation. This system prioritizes visual impact and textural richness over minimalist austerity.", "theme": "dark", "industry": "design", "source_url": "https://www.niccolomiranda.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517030899-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517030899-thumb.jpg", "refero_style_id": "3f6e3076-e77f-487e-b212-3b5946a34e87", "extracted_at": "2026-04-30T02:44:13.601Z", "path": "skills/miranda/DESIGN.md" }, { "id": "mire-studio", "name": "mire·studio", "description": "Mire·studio employs a maximalist collage aesthetic, characterized by an energetic juxtaposition of vibrant, saturated color blocks and large, rounded shapes that often overlap. Typography is compact and precise, providing clear information within dense, visually rich compositions. The system thrives on a dark canvas, utilizing a broad spectrum of chromatic colors for surface distinction and graphic impact rather than a functional accent. Components are organic and soft, with generous radii that contrast against the sharp angles of the overall layout, creating a playful yet organized feel.", "theme": "dark", "industry": "design", "source_url": "https://mire.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515845307-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515845307-thumb.jpg", "refero_style_id": "e450c31c-ccda-490e-a749-13f6eacd3527", "extracted_at": "2026-04-30T02:24:26.884Z", "path": "skills/mire-studio/DESIGN.md" }, { "id": "miro", "name": "Miro", "description": "Miro presents itself as the AI-powered visual workspace through a confident, almost playful brand voice — anchored by its signature canary yellow ({colors.brand-yellow}) wordmark over white canvas, broken open by colorful pastel feature tints (rose, teal, coral, orange, mint) that echo the actual sticky-note color palette used on the live whiteboard. Black-pill primary buttons dominate marketing, real Miro-board mockups serve as feature illustrations, and a 4-tier pricing grid leads into a dense comparison table. Roobert PRO carries display headlines; the system supports homepage, pricing, AI Workflows product page, agile vertical, and customer stories surfaces.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/miro/DESIGN.md" }, { "id": "mishmash", "name": "mishmash®", "description": "Mishmash projects a playful, product-centric aesthetic through a stark monochrome UI punctuated by an array of vibrant product photography. The design features a light theme with crisp, neutral surfaces, allowing the colorful stationery products to be the focal point. Typography is compact and precise, conveying information efficiently, while rounded elements add a touch of softness to an otherwise structured layout. This system prioritizes visual clarity and product showcase over decorative complexity.", "theme": "light", "industry": "ecommerce", "source_url": "https://mishmash.pt", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520477300-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520477300-thumb.jpg", "refero_style_id": "ebac84e6-b22c-4d21-845f-9165158af844", "extracted_at": "2026-04-30T03:41:37.433Z", "path": "skills/mishmash/DESIGN.md" }, { "id": "mistral.ai", "name": "Mistral AI", "description": "Mistral AI brands itself with a singular signature — atmospheric sunset gradients (mustard, orange, deep red) layered over photography of mountains, plus a horizontal \"sunset stripe\" bar that closes every page. The system pairs warm cream-yellow surfaces ({colors.cream}) with a saturated orange primary CTA ({colors.primary}) and uses an elegant near-serif voice for hero displays. Coverage spans homepage (Frontier AI hero), Le Studio product page, Coding solutions, news article surfaces, contact form, and services tier page — all anchored by the signature gradient closing band.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/mistral.ai/DESIGN.md" }, { "id": "miti-navi", "name": "Miti Navi", "description": "Miti Navi establishes a refined, classic maritime aesthetic through a muted, near-monochromatic palette dominated by warm beige-gray and deep charcoal. Seriffed headlines juxtapose with monospace utility type, suggesting a balance of heritage and precision. The overall impression is one of understatement and quality, with functional elements subtly framed rather than aggressively highlighted. Surfaces are flat and unadorned, allowing typography and imagery to convey richness.", "theme": "light", "industry": "other", "source_url": "https://miti-navi.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520171998-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520171998-thumb.jpg", "refero_style_id": "887f0c74-c696-4589-82ae-85705ecda919", "extracted_at": "2026-04-30T03:36:30.707Z", "path": "skills/miti-navi/DESIGN.md" }, { "id": "mmm-page", "name": "mmm.page", "description": "mmm.page employs a playful, collage-like aesthetic with a canvas of crisp white and an array of contrasting, vibrant colors for interactive elements. Typography mixes expressive display fonts with legible sans-serifs, contributing to an eccentric yet functional feel. Components are lightweight with subtle shadows, and interactions are punctuated by bold, often contrasting, accent colors. The overall impression is one of creative freedom and approachability, eschewing rigidity for spontaneous charm.", "theme": "light", "industry": "design", "source_url": "https://mmm.page", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520544929-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520544929-thumb.jpg", "refero_style_id": "e6a3facd-791c-4cc6-868d-2c6382d3cb0a", "extracted_at": "2026-04-30T03:42:54.492Z", "path": "skills/mmm-page/DESIGN.md" }, { "id": "mobbin", "name": "Mobbin", "description": "Mobbin runs on pure achromatic restraint — zero chroma across the entire palette, forcing hierarchy through weight, size, and tone alone. The page is white space interrupted by near-black ink (#141414) at display sizes and warm-gray (#707070, #adadad) for secondary text. The custom 'saans' typeface is the single differentiator: fractional weights (440, 456, 652) that don't exist in any system font, creating headline mass that sits between regular and semibold — typography doing the work of color. 9999px pill shapes appear on every interactive element while card content sits on 16-24px rounded rectangles, making buttons feel like badges in a sea of contained thumbnails. The content itself — mobile app screenshots in grayscale cards — IS the visual texture of the page.", "theme": "light", "industry": "design", "source_url": "https://mobbin.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775938447226-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775938447226-thumb.jpg", "refero_style_id": "ef44a995-6745-4dc7-86ab-f7227f108f81", "extracted_at": "2026-04-11T20:15:52.900Z", "path": "skills/mobbin/DESIGN.md" }, { "id": "moffitt-moffitt", "name": "Moffitt.Moffitt. -", "description": "Moffitt.Moffitt. evokes a gallery-like atmosphere, pairing high-contrast monochrome with ample negative space to emphasize content over interface. Its visual language relies on stark black and white, subtly textured neutrals, and a complete absence of vibrant accents. Typography is the primary vehicle for detail, with a focus on distinct display and body faces. Components are minimal and often borderless, blending into the canvas to allow imagery and strong type to command attention.", "theme": "light", "industry": "design", "source_url": "https://moffittmoffitt.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514614554-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514614554-thumb.jpg", "refero_style_id": "4244637b-e27b-4962-b586-cb3ac605e5aa", "extracted_at": "2026-04-30T02:04:05.182Z", "path": "skills/moffitt-moffitt/DESIGN.md" }, { "id": "monarch", "name": "Monarch", "description": "Monarch presents a financial platform with a comfortable, professional aesthetic. It pairs a warm, inviting orange as its primary accent with a clean, light canvas, creating an approachable yet authoritative feel. Typography uses a custom serif for headlines, conveying trust, while a modern sans-serif offers crisp product information. Components are subtly elevated with rounded corners and soft shadows for a tactile, user-friendly experience.", "theme": "light", "industry": "fintech", "source_url": "https://www.monarchmoney.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509841803-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509841803-thumb.jpg", "refero_style_id": "a9dd8050-c03a-4901-b7fa-a9cc0ca54812", "extracted_at": "2026-04-30T00:44:26.872Z", "path": "skills/monarch/DESIGN.md" }, { "id": "monday-com", "name": "monday.com", "description": "This design system feels like a vibrant, organized digital workspace, balancing playful accents with robust functionality. It uses a very accessible light theme with high-contrast text and a central, vivid violet (#6161ff) to draw attention to primary actions. The abundant use of color, especially in product card backgrounds, creates a rich and dynamic interface, while rounded elements (160px pill buttons, 24px cards) soften the structured grid layout. A diverse set of gradients adds energetic flair and a sense of continuous motion.", "theme": "light", "industry": "saas", "source_url": "https://monday.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777421214010-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777421214010-thumb.jpg", "refero_style_id": "77ee57e9-9f8e-4ec1-93f7-cc1c4b84307a", "extracted_at": "2026-04-29T00:07:20.792Z", "path": "skills/monday-com/DESIGN.md" }, { "id": "mongodb", "name": "MongoDB", "description": "MongoDB carries a strong dual-mode visual identity — dark deep-teal hero bands with bright MongoDB green ({colors.brand-green}) CTAs paired with stark white documentation surfaces. The signature green pill button is unmistakable across product, pricing, learning, and AI use-case surfaces. The system uses Euclid Circular A as its display face, anchors a 3-tier pricing comparison (Free / Flex / Dedicated), and presents extensive course catalogs in card grids with colored category tags. Coverage spans homepage, Atlas product page, Community Edition, MongoDB University, AI use cases, and pricing.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/mongodb/DESIGN.md" }, { "id": "mono", "name": "mono", "description": "MONO X7 employs a stark, almost architectural aesthetic, reminiscent of an artist's canvas or technical drawing. The visual system is dominated by high contrast black text and lines on a pristine white background, often utilizing a grid-like structure. Typography is precise and highly customized, with distinct weight and letter-spacing variations that dictate hierarchy through subtle means. Interactions are signaled not with color, but by the presence or absence of thin, sharp borders, giving components a planar rather than volumetric feel.", "theme": "light", "industry": "design", "source_url": "https://mono.frm.fm/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516910260-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516910260-thumb.jpg", "refero_style_id": "859f6be7-9d2d-4da6-a9b7-baa658172696", "extracted_at": "2026-04-30T02:42:12.027Z", "path": "skills/mono/DESIGN.md" }, { "id": "monocle", "name": "Monocle", "description": "Monocle's design evokes a classic, authoritative editorial feel, grounded in high-contrast typography on a clean white canvas. The system prioritizes crisp lines, clear hierarchy, and restraint over flourish, creating an environment where content takes center stage. Signature elements include the tight letter-spacing on headlines, the use of a custom serif font for primary content, and a sparse accent palette that highlights interactivity and key features without visual noise.", "theme": "light", "industry": "media", "source_url": "https://monocle.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924808321-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924808321-thumb.jpg", "refero_style_id": "9165ecb1-f068-4093-8783-1f3c98898b8a", "extracted_at": "2026-04-11T16:27:05.194Z", "path": "skills/monocle/DESIGN.md" }, { "id": "monologue", "name": "Monologue", "description": "Monologue evokes a 'hacker garage at midnight' aesthetic, blending retro tech charm with modern dark mode sophistication. The design utilizes a deep, multi-layered neutral palette of dark grays and blacks as its canvas, punctuated by selective, vivid aqua accents. Typography combines a classic serif for imposing headlines with a monospaced font for functional elements, creating a distinctive contrast. Components are minimal, often transparent or outlined, and sparingly employ subtle inner shadows for depth rather than heavy elevation.", "theme": "dark", "industry": "productivity", "source_url": "https://www.monologue.to", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508312122-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508312122-thumb.jpg", "refero_style_id": "8401cb26-91a3-4b46-941e-1c75790821eb", "extracted_at": "2026-04-30T00:19:04.639Z", "path": "skills/monologue/DESIGN.md" }, { "id": "monopo-london", "name": "monopo london", "description": "Monopo London employs a moody, high-contrast aesthetic, combining a deep black background with crisp white typography and subtle, shifting gradients that create an immersive, dynamic canvas. Typography is compact and confident, often appearing in all caps with generous letter-spacing, contributing to a premium, editorial feel that prioritizes visual impact over text density. Interactive elements are understated, often relying on hover states or minimal outlines against the dark canvas, maintaining a clean yet engaging user experience.", "theme": "dark", "industry": "design", "source_url": "https://monopo.london", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518359518-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518359518-thumb.jpg", "refero_style_id": "56025d9b-3793-4303-b437-440440045d4c", "extracted_at": "2026-04-30T03:06:23.012Z", "path": "skills/monopo-london/DESIGN.md" }, { "id": "monopo-saigon", "name": "monopo saigon", "description": "monopo saigon operates with a sophisticated dark aesthetic, employing a backdrop of organic, shifting gradients that give the impression of fluid, sculpted surfaces. The UI elements are minimal and translucent, appearing as if etched onto or floating within this rich, atmospheric background. Typography is stark white against dark, providing a strong contrast for readability while maintaining an understated elegance. The overall impression is one of artful depth and a restrained, almost ethereal digital presence.", "theme": "dark", "industry": "agency", "source_url": "https://monopo.vn", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515314411-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515314411-thumb.jpg", "refero_style_id": "3e52dd36-6ab1-48c6-bc40-47ef6d33abc2", "extracted_at": "2026-04-30T02:15:35.869Z", "path": "skills/monopo-saigon/DESIGN.md" }, { "id": "monotype", "name": "Monotype.", "description": "Monotype's design language is an exercise in restrained professionalism, echoing the foundational nature of typography itself. It uses a pristine white canvas contrasted with deep, dark grays and a singular vivid blue accent for interactive elements. Typography is precise and utilitarian, with compact line spacing and subtle letter-spacing adjustments, prioritizing clarity and authority. Components are lightweight, featuring soft cards, ghost controls, and minimal elevation, allowing content to take precedence without visual clutter.", "theme": "light", "industry": "design", "source_url": "https://variable-fonts.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521460409-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521460409-thumb.jpg", "refero_style_id": "be5cf0d7-fc29-4b7f-bf86-f87185b122fc", "extracted_at": "2026-04-30T03:58:07.156Z", "path": "skills/monotype/DESIGN.md" }, { "id": "monte", "name": "Monte", "description": "Monte evokes a warm, rustic cafe atmosphere with a distinctive terracotta brand color, soft cream backgrounds, and strong typographic contrast. The design emphasizes clear hierarchy through a limited color palette focused on the primary brand hue and subtle neutrals. Components are lightweight with defined borders and generous rounded corners, suggesting an approachable, handcrafted feel.", "theme": "light", "industry": "other", "source_url": "https://montecafe.com.au", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508396301-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508396301-thumb.jpg", "refero_style_id": "fb6ac216-c11a-47c3-88e8-0423541da69c", "extracted_at": "2026-04-30T00:20:21.060Z", "path": "skills/monte/DESIGN.md" }, { "id": "monzo", "name": "Monzo", "description": "Monzo's visual style evokes 'Digital Craftsmanship,' where vibrant and professional is achieved through a carefully balanced suite of design choices. The core is a confident yet approachable dark charcoal text against a pristine paper-white background, creating high contrast. This is punctuated by a singular, vivid hot coral for primary calls-to-action and brand accents, preventing the design from feeling sterile. Signature choices like generously rounded 'pill' buttons and soft shadows on cards hint at a user-friendly, empathetic digital experience, while strict adherence to a clean, spacious layout grounds the design in reliability.", "theme": "light", "industry": "fintech", "source_url": "https://monzo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776105425770-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776105425770-thumb.jpg", "refero_style_id": "e8a1d114-6924-4f03-acd2-996dd30f15a6", "extracted_at": "2026-04-13T18:37:26.043Z", "path": "skills/monzo/DESIGN.md" }, { "id": "more-studio", "name": "MORE Studio", "description": "MORE Studio employs a stark, editorial aesthetic centered on high-contrast monochrome. Broad expanses of white canvas frame bold, oversized typography and clean-cut content blocks. Functionally, the system uses hairline borders and subtle background tints to segment information without visual clutter, allowing large-scale project visuals to dominate. The overall impression is one of minimalist structure and confident scale, presenting content as curated exhibition pieces rather than typical website elements.", "theme": "light", "industry": "design", "source_url": "https://morebymore.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515657828-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515657828-thumb.jpg", "refero_style_id": "f8872933-87af-4b9b-8a20-20694f0c45a3", "extracted_at": "2026-04-30T02:21:30.336Z", "path": "skills/more-studio/DESIGN.md" }, { "id": "morgan-light", "name": "Morgan Light", "description": "Morgan Light presents a minimal, high-contrast digital portfolio. The system is built on a stark monochrome palette, emphasizing content through a dense grid of product imagery contained within fine, light gray borders. Typography is direct and compact, serving as clear information labels against the pristine white canvas. Components are lightweight, using subtle borders to define interactive areas, ensuring the vivid product visuals remain the focal point.", "theme": "light", "industry": "design", "source_url": "https://morganlight.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519537661-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519537661-thumb.jpg", "refero_style_id": "4b5bfae9-69ef-46ec-ad6d-ff9a8bfe3525", "extracted_at": "2026-04-30T03:25:50.304Z", "path": "skills/morgan-light/DESIGN.md" }, { "id": "mostlikely", "name": "mostlikely", "description": "The mostlikely design system presents a stark, high-contrast aesthetic reminiscent of architectural blueprints. It uses a minimal palette of pure black and white, creating a dense, graphical quality. Typography is custom and compact, lending a utilitarian yet refined feel. Components are defined by sharp lines and simple forms, emphasizing structure and clarity over elaborate ornamentation. The overall impression is one of directness and essentialism, where every visual element serves a clear functional purpose.", "theme": "light", "industry": "design", "source_url": "https://mostlikely.at", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515098954-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515098954-thumb.jpg", "refero_style_id": "4040f97b-42cf-49ef-ab2d-a77c00fe8285", "extracted_at": "2026-04-30T02:11:53.540Z", "path": "skills/mostlikely/DESIGN.md" }, { "id": "mother-design", "name": "Mother Design", "description": "Mother Design operates with a high-contrast, starkly typographic visual system, channeling the precision of an architectural drawing onto a white canvas. Its deliberate use of un-styled text as clickable elements, minimal decorative elements, and strong grid lines defines a no-frills, functional aesthetic. Typography carries the primary visual weight, with large, confident headlines and tightly tracked text emphasizing clarity and directness. The overall feeling is one of structural rigor and intentional simplicity, where content and interaction are prioritized over visual embellishment.", "theme": "light", "industry": "design", "source_url": "https://www.motherdesign.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509444006-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509444006-thumb.jpg", "refero_style_id": "f40e6a6c-1704-407a-b21b-6141fb90adfe", "extracted_at": "2026-04-30T00:37:48.941Z", "path": "skills/mother-design/DESIGN.md" }, { "id": "motto", "name": "Motto®", "description": "The Motto® design system evokes an atmosphere of rigorous clarity and understated authority. Its visual language relies on stark contrasts between crisp black text and an expansive canvas of near-white, creating a sophisticated and professional impression. The dominance of bold, custom san-serif typography, particularly the expansive display font, dictates the site's strong visual rhythm. A distinct lack of ornamentation, shadows, or vibrant color accents streamlines the user experience to focus purely on content and impactful messaging.", "theme": "light", "industry": "agency", "source_url": "https://wearemotto.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925232923-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925232923-thumb.jpg", "refero_style_id": "6eb5fc89-d0db-4293-8bff-13c5aa530a28", "extracted_at": "2026-04-11T16:34:16.107Z", "path": "skills/motto/DESIGN.md" }, { "id": "mouthwash-studio", "name": "MOUTHWASH Studio", "description": "Mouthwash Studio employs a stark, monochromatic aesthetic, creating a high-contrast experience with unapologetic black text and elements against a crisp, near-white background. The design emphasizes content through bold typography and clear spatial separation, with minimal visual embellishments. Components are sharp-edged and lightweight, supporting a direct, unmediated presentation of work and information.", "theme": "light", "industry": "design", "source_url": "https://mouthwash.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509166973-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509166973-thumb.jpg", "refero_style_id": "a5d7bd36-6136-4029-8825-3b21ed69df4e", "extracted_at": "2026-04-30T00:33:08.441Z", "path": "skills/mouthwash-studio/DESIGN.md" }, { "id": "moving-parts", "name": "Moving Parts", "description": "Moving Parts employs a bold, high-contrast aesthetic characterized by large, confident typography and a vibrant blue accent on an otherwise monochrome canvas. Geometric shapes and a grid-like structure provide underlying order, while distinct large radii soften component edges. The design feels sharp and modern, with a strong focus on readability for headlines and crisp functional elements.", "theme": "light", "industry": "devtools", "source_url": "https://movingparts.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521447559-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521447559-thumb.jpg", "refero_style_id": "fb459c9d-c089-4d0b-b5b0-d147b1c4ebd7", "extracted_at": "2026-04-30T03:57:53.555Z", "path": "skills/moving-parts/DESIGN.md" }, { "id": "moxie", "name": "Moxie", "description": "Moxie embraces a dark, atmospheric interface where rich blacks and deep grays provide a dramatic backdrop for subtle typography and a singular, vivid blue accent. Content appears on soft, low-contrast surfaces, outlined by fine borders, creating a quiet depth rather than sharp separation. Typography is a deliberate interplay of classic serifs for impact and clean sans-serifs for detail, all rendered in a warm, near-white hue that feels inviting against the dark theme. The overall aesthetic is one of understated authority, with controlled bursts of color for key interactive elements.", "theme": "dark", "industry": "agency", "source_url": "https://moxiegrouppr.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517526528-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517526528-thumb.jpg", "refero_style_id": "7f70ee10-123b-43cc-bd04-498cfc5b5ac0", "extracted_at": "2026-04-30T02:52:24.370Z", "path": "skills/moxie/DESIGN.md" }, { "id": "mr-marcel-school", "name": "Mr. Marcel School", "description": "Mr. Marcel School employs a vibrant, educational workshop aesthetic, combining a primarily dark canvas with high-contrast, playful chromatic accents. The density is balanced, favoring clear separation between content blocks. Typography is confident yet friendly, set against dark surfaces with selective use of bright colors for emphasis. Components are sharp-edged, often outlined, and avoid heavy shadows, creating a lightweight, graphic feel.", "theme": "dark", "industry": "design", "source_url": "https://mrmarcelschool.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521298955-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521298955-thumb.jpg", "refero_style_id": "d91ae311-ba5c-461a-8895-eb0aed6585b4", "extracted_at": "2026-04-30T03:55:26.333Z", "path": "skills/mr-marcel-school/DESIGN.md" }, { "id": "mr-pops", "name": "Mr. Pops", "description": "Mr. Pops projects a playful, premium, indulgent atmosphere through its high-contrast aesthetic. It pairs bold, whimsical typography with a dominant, vivid red accent, creating a sense of energetic fun. Surfaces are generally clean and light, ensuring the vibrant brand color truly pops. The design prioritizes visual impact and direct engagement rather than complex UI elements or subtle hierarchies.", "theme": "light", "industry": "ecommerce", "source_url": "https://mrpops.ua/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512210174-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512210174-thumb.jpg", "refero_style_id": "ab7996ed-e0ed-40a0-81a5-d37f19ef35b0", "extracted_at": "2026-04-30T01:23:51.869Z", "path": "skills/mr-pops/DESIGN.md" }, { "id": "munro-partners", "name": "Munro Partners", "description": "Munro Partners employs a restrained, earthy aesthetic with a foundation of muted neutrals and precise typography. The design emphasizes content clarity over decorative elements, using subtle borders and a limited palette of vivid accent colors to highlight key information and calls to action. Visual weight is maintained through considered spacing and thin lines, creating a sense of understated authority. The overall tone is grounded and professional, reflecting a financial institution's identity.", "theme": "light", "industry": "fintech", "source_url": "https://www.munropartners.com.au", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517054625-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517054625-thumb.jpg", "refero_style_id": "d2e327b2-1181-4203-82a6-2dc15a72078a", "extracted_at": "2026-04-30T02:44:37.582Z", "path": "skills/munro-partners/DESIGN.md" }, { "id": "mural", "name": "Mural", "description": "Mural hits like a blackboard in a bright studio — the hero opens pitch-black with oversized serif-adjacent display type bleeding edge to edge, then the page snaps into clinical white with the same confidence. The dual-font system is the signature move: STK Bureau (weight 300 only) handles all display and headline work with tight negative tracking (-0.04 to -0.05em), while ABC Social runs everything from captions to body in a humanist groove. Electric jade (#00c27a) is the single chromatic anchor — appearing on CTAs and key links against both black and white backgrounds, creating identical urgency in both contexts. Cards live in a borderless, shadow-free world where containment comes from background-color switches (#eeeeee, #ffffff) rather than depth. The Mural logomark's rainbow-spectrum identity is carefully quarantined from the page palette — the product itself runs monochromatic with jade as its only relief valve.", "theme": "mixed", "industry": "productivity", "source_url": "https://mural.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934209053-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934209053-thumb.jpg", "refero_style_id": "2b6642d9-fa66-4c06-9804-30f56e544a6d", "extracted_at": "2026-04-11T19:05:34.543Z", "path": "skills/mural/DESIGN.md" }, { "id": "my-brentano", "name": "My Brentano", "description": "My Brentano embraces a refined, organic aesthetic creating a calm, content-forward experience. Neutral, earthy tones combined with a strong, custom sans-serif typeface define its signature. The layout emphasizes clear structural organization with subtle borders and minimal use of color, allowing product imagery and text to take precedence. Components are lightweight and understated, integrating seamlessly into the canvas rather than standing out as distinct elements.", "theme": "light", "industry": "ecommerce", "source_url": "https://mybrentano.ch", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515108907-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515108907-thumb.jpg", "refero_style_id": "d211aaa4-e09b-4ef9-a9bf-f6fa8495de73", "extracted_at": "2026-04-30T02:12:18.639Z", "path": "skills/my-brentano/DESIGN.md" }, { "id": "my-site-3", "name": "My Site 3", "description": "The design system for Al Murphy embraces a whimsical, hand-drawn aesthetic, appearing as illustrations on a digital sketchbook. It features a high contrast monochrome palette of black and white, with thin, hand-sketched lines defining all elements. Typography is minimal, relying on system fonts for navigation and a custom, expressive font for decorative elements, maintaining a light and unpolished feel. The layout provides ample negative space allowing the 'sticker-like' illustrations to breathe and maintain their organic, playful rhythm.", "theme": "light", "industry": "media", "source_url": "https://www.al-murphy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516786005-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516786005-thumb.jpg", "refero_style_id": "0ae2e849-7a1f-432a-89c6-b49d4a988300", "extracted_at": "2026-04-30T02:40:01.773Z", "path": "skills/my-site-3/DESIGN.md" }, { "id": "mymind", "name": "mymind", "description": "mymind feels like a private journal left open on a warm windowsill — soft, diffuse light bleeding in from orange-to-white gradients that suffuse the entire canvas in ambient warmth. The hero background is a radial bloom of coral-orange fading to white, not a photograph or illustration, just color as atmosphere. Typography does the heavy lifting: Louize serif at 96–140px with aggressive negative tracking (-0.062em) creates editorial weight that editorial magazines would recognize, while Nunito handles micro-UI labels at tracked-out uppercase (0.063em to 0.125em) — the two extremes of the letter-spacing scale are the system's visual signature. Cards sit on tinted pastel surfaces (#e5eaf2, #f3f0e7, #dde9d3) rather than generic white, each hue suggesting a different mood of content. The single chromatic accent — Ember Orange #ff5924 — appears only as an outlined pill button border and brand moment, never as a filled CTA, making it feel like a mark rather than a command.", "theme": "light", "industry": "productivity", "source_url": "https://mymind.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777459186324-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777459186324-thumb.jpg", "refero_style_id": "5bfe6c1d-1b15-4f8d-b0c9-677a33291c5d", "extracted_at": "2026-04-29T10:42:11.503Z", "path": "skills/mymind/DESIGN.md" }, { "id": "myrch-club", "name": "Myrch Club", "description": "Myrch Club employs a stark, archival aesthetic, where content is displayed on clean white or near-white surfaces, punctuated by crisp black typography. A single vibrant red is used sparingly as a striking, almost disruptive brand accent. The system favors spacious layouts, minimal ornamentation, and clear visual separation of elements, evoking a catalog or museum exhibition feel.", "theme": "light", "industry": "other", "source_url": "https://www.myrch.club", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519206390-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519206390-thumb.jpg", "refero_style_id": "528683fb-6b17-4fc6-b37e-d831ee1b20e2", "extracted_at": "2026-04-30T03:20:21.297Z", "path": "skills/myrch-club/DESIGN.md" }, { "id": "mza", "name": "MZA", "description": "The MZA visual system embodies a stark, archival aesthetic, presenting information directly on a pristine white canvas. Typography is foundational, relying on system fonts with minimal styling to convey historical gravitas. Interactive elements are stripped-back, favoring ghosted borders and plain text over vibrant fills, emphasizing content over decorative flair. The absence of color and elevation directs focus solely to the textual narrative and navigation.", "theme": "light", "industry": "media", "source_url": "https://muzeum.mza.waw.pl", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516207704-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516207704-thumb.jpg", "refero_style_id": "12685872-a92e-49db-960c-4d3d03b1353b", "extracted_at": "2026-04-30T02:30:22.368Z", "path": "skills/mza/DESIGN.md" }, { "id": "n8n", "name": "N8n", "description": "n8n is a dark workflow canvas that feels like staring into a running machine at night — deep purple-black surfaces lit from within by orange fire and electric blue current. The #0e0918 base is nearly black but carries a violet undertone that makes the darkness feel technological rather than neutral. The signature visual move is the orange-to-red gradient CTA against this void: rgb(253,137,37) → rgb(255,12,0) at 30deg creates an ember glow that reads as kinetic energy. Typography runs entirely in geomanist at weights 300 and 400 — the light weight at 54px headline sizes feels deliberately restrained, letting the lightning bolt hero illustration do the shouting. Cards are not floating objects but embedded panels, using inset white-10% borders and faint orange inset bottom-glows (rgba(255,142,93,0.3)) that suggest backlit hardware.", "theme": "dark", "industry": "devtools", "source_url": "https://n8n.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775945052045-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775945052045-thumb.jpg", "refero_style_id": "8601c8ef-e1ea-4186-adb2-6f9a74caf436", "extracted_at": "2026-04-11T22:06:16.927Z", "path": "skills/n8n/DESIGN.md" }, { "id": "nabr", "name": "nabr", "description": "Nabr presents a visually serene and understated system, balancing traditional corporate professionalism with a touch of warmth. Its design relies on a minimalist canvas, punctuated by a single muted accent color that provides guidance without demanding attention. Typography is compact and precise, maintaining clarity within a spacious layout that champions legibility over ornate visual flair. The overall impression is one of quiet competence and thoughtful, unhurried communication.", "theme": "light", "industry": "other", "source_url": "https://nabr.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519193771-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519193771-thumb.jpg", "refero_style_id": "4719adfd-b9a9-4c25-9be2-8a7fb88a2621", "extracted_at": "2026-04-30T03:20:07.006Z", "path": "skills/nabr/DESIGN.md" }, { "id": "nakedcityfilms", "name": "Nakedcityfilms", "description": "Nakedcityfilms is an unpolished, high-contrast visual experience, evoking raw energy and directness. The stark contrast between Electric Blue and Black backgrounds with intermittent stark White serves as the primary visual driver, creating immediate tension and engagement. Minimalist typography, dominated by custom 'Haas Grotesk Medium' in various sizes and a hyper-specific 'TRJNDaVinci Medium Trial Italic' for display text, reinforces the unconventional and bold identity. The design eschews shadows and complex visual effects, relying instead on bold color blocking and typography for impact.", "theme": "mixed", "industry": "media", "source_url": "https://www.nakedcityfilms.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776010484930-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776010484930-thumb.jpg", "refero_style_id": "b7fc2173-c9b1-45ed-bd3a-9999320b3248", "extracted_at": "2026-04-12T16:15:02.198Z", "path": "skills/nakedcityfilms/DESIGN.md" }, { "id": "nan", "name": "NaN", "description": "NaN employs an experimental and vibrant aesthetic, channeling a 'digital paper' feel through a primary mint green canvas. Typography is the central visual element, utilizing custom typefaces with expressive weights and massive display sizes. Interaction is marked by sharp contrasts between dark charcoal and the vivid mint, with subtle holographic gradients adding a touch of digital luminescence.", "theme": "dark", "industry": "design", "source_url": "https://www.nan.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517901295-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517901295-thumb.jpg", "refero_style_id": "71db2a51-118e-42b1-879d-29872d52142f", "extracted_at": "2026-04-30T02:58:47.031Z", "path": "skills/nan/DESIGN.md" }, { "id": "nathan-riley", "name": "Nathan Riley", "description": "Nathan Riley's portfolio presents a serene, immersive gallery experience, characterized by a soft, almost ethereal visual style where imagery takes precedence. The core aesthetic relies on a monochromatic palette of deep charcoal, soft neutrals, and a surprising, gentle pink, allowing the evocative 3D art to be the focal point. Typography is distinctly split between an elegant, serif headline font and a functional sans-serif for body text, creating a contrast between artistic expression and clear information delivery. Control elements are minimal and merge seamlessly with their context.", "theme": "light", "industry": "design", "source_url": "https://www.nrly.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515200454-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515200454-thumb.jpg", "refero_style_id": "1c516bc6-278b-4cf6-bfe8-c5a39118e730", "extracted_at": "2026-04-30T02:13:37.574Z", "path": "skills/nathan-riley/DESIGN.md" }, { "id": "nathan-smith", "name": "Nathan Smith", "description": "This design system feels like a minimalist display terminal, prioritizing stark readability over ornamentation. Pure black backgrounds serve as an absolute void, upon which unashamedly bold, high-contrast typography in 'off-white' is projected. The deliberate absence of rounded corners across primary content elements, except for navigation pills, creates a tension between sharp utility and interactive cues. Sudden, vivid blocks of color act as dynamic project showcases, appearing almost as glitches or command line outputs against the monochrome UI.", "theme": "dark", "industry": "agency", "source_url": "https://nathansmith.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925710526-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925710526-thumb.jpg", "refero_style_id": "969b879e-166b-4c1f-9c33-e44fa643188c", "extracted_at": "2026-04-11T16:42:10.002Z", "path": "skills/nathan-smith/DESIGN.md" }, { "id": "natureofthings", "name": "natureofthings", "description": "natureofthings uses a quiet luxury aesthetic, built on a foundation of clean achromatic grays and whites. Typography is compact and precise, using Founders Grotesk for most content, often with elevated letter-spacing. Interaction is primarily driven by subtle outline changes and text underlines, with a single muted blue providing unobtrusive functional contrast without disrupting the monochrome canvas.", "theme": "light", "industry": "ecommerce", "source_url": "https://natureofthings.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520412006-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520412006-thumb.jpg", "refero_style_id": "55c6d667-40f5-45c6-9ffe-3e9543334186", "extracted_at": "2026-04-30T03:40:32.466Z", "path": "skills/natureofthings/DESIGN.md" }, { "id": "navan", "name": "Navan", "description": "This design system projects an image of sophisticated efficiency, using a deep violet primary, Navan Ink, grounded by a crisp white and muted grays. It achieves a balance between corporate authority and modern approachability through its meticulous typography, showcasing delicate letter-spacing on display fonts and precise line-heights. The overall impression is one of trusted expertise, made accessible by subtle gradients and refined component styling.", "theme": "light", "industry": "saas", "source_url": "https://navan.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943769063-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943769063-thumb.jpg", "refero_style_id": "a5089389-4220-4fc2-82d9-973203d2e2f5", "extracted_at": "2026-04-11T21:43:11.820Z", "path": "skills/navan/DESIGN.md" }, { "id": "navigate", "name": "Navigate", "description": "Navigate employs a 'modern dark' aesthetic characterized by a dominant black canvas that grounds vivid, playful accent colors for interactive elements and decorative graphics. Typography is bold and confident, combining a precise sans-serif for body text with a dense, impactful sans-serif for headlines. Surfaces are either pure black or a light off-white, with a focus on rounded rectangular shapes for content containers, juxtaposed with abstract, often rounded, graphic elements that add an organic touch.", "theme": "dark", "industry": "crypto", "source_url": "https://nvg8.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509644310-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509644310-thumb.jpg", "refero_style_id": "045e9f2b-91d3-44cc-bc99-1ce5f3fd4ed6", "extracted_at": "2026-04-30T00:41:15.079Z", "path": "skills/navigate/DESIGN.md" }, { "id": "ncda", "name": "NCDA", "description": "NCDA projects an architectural blueprint on white marble aesthetic: a minimalist, high-contrast system built on stark black and white surfaces. Typography is the primary visual element, meticulously spaced and sized to create a sense of expansive calm. Subtle visual hierarchy is achieved through variations in text color and the generous use of whitespace, rather than heavy borders or shadows. Components are understated, relying on inherent typographic weight and precise positioning.", "theme": "light", "industry": "design", "source_url": "https://ncda.biz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514304249-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514304249-thumb.jpg", "refero_style_id": "f654d52c-42de-4f3b-a377-9287b1536ad0", "extracted_at": "2026-04-30T01:58:40.946Z", "path": "skills/ncda/DESIGN.md" }, { "id": "neon", "name": "Neon", "description": "The design feels like a high-end server room after dark — a pure black void where information glows. A strict monochrome palette of pure black (#000000) and white (#ffffff) creates maximum contrast, ensuring text and UI are starkly legible. All visual energy comes from a single, electric green (#34d59a) that mimics terminal output and data visualizations, used exclusively for accents and decorative, code-like background graphics. The system achieves depth not with shadows but with subtle, layered near-black surfaces. A unique tension exists between the pill-shaped buttons and the sharp, 4px corners of all other UI containers.", "theme": "dark", "industry": "devtools", "source_url": "https://neon.tech", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929029950-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929029950-thumb.jpg", "refero_style_id": "cc38369a-41e3-4bcd-b619-230ccffe7e8e", "extracted_at": "2026-04-11T17:38:19.074Z", "path": "skills/neon/DESIGN.md" }, { "id": "neon-rated", "name": "NEON Rated", "description": "NEON Rated projects a moody, cinematic visual identity built on stark monochromatic contrasts and controlled bursts of vivid red. Typography is bold and compact, with prominent custom fonts creating a distinct editorial feel reminiscent of film titles. Components are lightweight and often border-defined rather than filled, preserving a sense of spaciousness, while subtle elevation hints at depth without heavy shadows.", "theme": "dark", "industry": "media", "source_url": "https://neonrated.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508485461-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508485461-thumb.jpg", "refero_style_id": "d7d9c36d-fec9-4218-9e17-3d129dfb2dee", "extracted_at": "2026-04-30T00:21:56.640Z", "path": "skills/neon-rated/DESIGN.md" }, { "id": "netflix", "name": "Netflix", "description": "The design system feels like the house lights dimming in a theater, creating an immersive, cinematic space. The foundation is a pure black (#000000) void, against which content carousels appear as an infinite, browsable library. The single, iconic 'Netflix Red' (#e50914) is used with extreme restraint, reserved for the brand mark and primary calls-to-action, serving as the sole point of visual urgency. The custom font, Netflix Sans, is the confident and utilitarian voice, scaling from microcopy to massive 56px headlines without flourish. Feature cards add subtle dimensionality not with shadows, but with a deep, cosmic gradient of blue and purple, making them glow softly in the darkness.", "theme": "dark", "industry": "media", "source_url": "https://netflix.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929770350-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929770350-thumb.jpg", "refero_style_id": "32959012-f50d-4465-bb01-2aa4d506e0a8", "extracted_at": "2026-04-11T17:50:41.173Z", "path": "skills/netflix/DESIGN.md" }, { "id": "netflix-spain", "name": "Netflix Spain", "description": "The visual system wraps content in a cinematic deep dark mode, prioritizing immersive media consumption. A near-black canvas and layered dark grays (#000000 to #2d2d2d) create a backdrop that highlights vivid content. The primary brand red (#E50914) acts as a high-contrast beacon for interaction. Rounded corners (8px for cards, 4px for buttons) soften the UI, while bespoke typography reinforces a distinct brand identity.", "theme": "dark", "industry": "media", "source_url": "https://www.netflix.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777423613630-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777423613630-thumb.jpg", "refero_style_id": "0e4d933c-aa07-4787-9884-40a0e6c338e4", "extracted_at": "2026-04-29T00:47:21.405Z", "path": "skills/netflix-spain/DESIGN.md" }, { "id": "neuralink", "name": "Neuralink", "description": "Neuralink's design system uses a high-contrast dark-to-light progression, transitioning from a deep void to soft, textured surfaces. Typography is minimal and precise, focusing on clear communication over decorative flair. Interactive elements feature soft, large radii, creating an approachable feel within the clinical and technical context. The system relies on a restrained palette, where shifts in background color delicately delineate sections.", "theme": "dark", "industry": "ai", "source_url": "https://neuralink.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521594131-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521594131-thumb.jpg", "refero_style_id": "7510b18e-63c3-4c2a-97c3-39fa7dfa6ae3", "extracted_at": "2026-04-30T04:00:14.400Z", "path": "skills/neuralink/DESIGN.md" }, { "id": "nev-flynn", "name": "Nev Flynn", "description": "Nev Flynn's design aesthetic is that of a playful digital canvas, characterized by soft, rounded cards floating on a clean, near-white background. Typography is primarily functional and understated, reserving boldness for key headings. Color is introduced sparingly, often as subtle accent panels or within images, creating a gentle visual energy rather than overt branding. The overall impression is approachable and organized, like a well-structured personal portfolio.", "theme": "light", "industry": "design", "source_url": "https://nevflynn.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514811787-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514811787-thumb.jpg", "refero_style_id": "712d5132-5784-4e43-bb8c-941daa362641", "extracted_at": "2026-04-30T02:07:12.060Z", "path": "skills/nev-flynn/DESIGN.md" }, { "id": "new-genre", "name": "New Genre", "description": "New Genre evokes a serene, almost academic atmosphere through subtle color gradients and precise typography. The core is a unique gradient background that shifts from deep, muted tones to soft, almost ethereal lightness, underpinning minimalist content blocks. Typography relies on custom fonts with generous letter-spacing, particularly noticeable in headlines, signaling thoughtfulness and understated authority rather than bold declarations. Interactive elements are sparingly defined, primarily through rounded shapes and light borders, maintaining a sense of quiet professionalism.", "theme": "light", "industry": "design", "source_url": "https://newgenre.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776009253135-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776009253135-thumb.jpg", "refero_style_id": "2318d650-b229-4be0-9adc-9f17cecfd253", "extracted_at": "2026-04-12T15:54:43.005Z", "path": "skills/new-genre/DESIGN.md" }, { "id": "next-js-conf-2025", "name": "Next.js Conf 2025", "description": "Next.js Conf 2025 presents a pragmatic, high-contrast digital canvas for technical events. Its design prioritizes clear information hierarchy and functional efficiency, using a predominantly achromatic palette punctuated by a single vibrant blue for key interactions and brand accents. Typography is compact and precise, relying on a modern sans-serif. Visual texture is introduced through subtle grid patterns and pixelated blue blocks, grounding the experience in a developer aesthetic while maintaining a professional, utilitarian feel.", "theme": "light", "industry": "devtools", "source_url": "https://nextjs.org/conf", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512471674-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512471674-thumb.jpg", "refero_style_id": "99e6eff7-871d-4018-bb81-d2ea235f4f91", "extracted_at": "2026-04-30T01:28:14.424Z", "path": "skills/next-js-conf-2025/DESIGN.md" }, { "id": "nike", "name": "Nike", "description": "A photography-first commerce system built on extreme typographic contrast — towering uppercase Futura display lockups burned into editorial campaign imagery, sitting above a dense, neutral, near-monochrome retail chrome of pill-shaped black CTAs, gray search and tag pills, and tight 8px-grid product cards. The brand's voice is athletic, kinetic, and absolute: pure black, pure white, a single soft surface gray, and a deliberately small set of semantic accents (sale red, success green, restrained category tints) — every chromatic moment is reserved for editorial photography or pricing signal, never decorative chrome.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/nike/DESIGN.md" }, { "id": "nike-com", "name": "Nike.com", "description": "Nike.com evokes a sharp, performance-driven aesthetic, grounded in a highly contrasting black-and-white palette. The dominant use of stark black typography against pristine white surfaces creates an immediate sense of clarity and authority, amplified by a compact spacing system that keeps elements close-knit. Key elements like primary buttons and navigation items feature generous 30px radii, introducing a subtle softness that contrasts with the otherwise angular, direct visual language, hinting at the athletic curves of their products.", "theme": "light", "industry": "ecommerce", "source_url": "https://nike.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776082048585-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776082048585-thumb.jpg", "refero_style_id": "d7ace114-0548-41f5-a2ff-2afbf32be94d", "extracted_at": "2026-04-13T12:07:48.678Z", "path": "skills/nike-com/DESIGN.md" }, { "id": "niklas-ros-n", "name": "Niklas Rosén", "description": "The Niklas Rosén portfolio embodies a minimalist, content-first layout with a strong emphasis on typography and structured information. A monochromatic palette of deep charcoal, soft grays, and crisp white defines the interface, creating a serious, uncluttered canvas. Interactivity is subtle, often indicated by fine line treatments rather than bold color fills, allowing the project titles and details to take center stage with a quiet authority.", "theme": "light", "industry": "design", "source_url": "https://niklasrosen.se", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521485829-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521485829-thumb.jpg", "refero_style_id": "b5bc8362-467b-455b-b31c-08a16f224649", "extracted_at": "2026-04-30T03:58:17.031Z", "path": "skills/niklas-ros-n/DESIGN.md" }, { "id": "no-ideas", "name": "No Ideas", "description": "No Ideas employs a stark, editorial aesthetic, reminiscent of a printed publication. The design is monochromatic, relying almost entirely on black and white to establish a clear hierarchy and dramatic contrast, with emphasis on robust typography. Layouts are clean and spacious, emphasizing content over decorative elements, creating a focused and impactful visual experience. The system avoids shadows and complex gradients, prioritizing a flat, graphic quality.", "theme": "dark", "industry": "design", "source_url": "https://noideas.website", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520218536-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520218536-thumb.jpg", "refero_style_id": "908017b4-311c-4b89-afa5-c29c8cb08e8b", "extracted_at": "2026-04-30T03:37:13.960Z", "path": "skills/no-ideas/DESIGN.md" }, { "id": "nofilter-space", "name": "Nofilter.space", "description": "Nofilter.space employs a stark, almost brutalist typographic aesthetic, resembling a digital broadsheet. Its visual system relies heavily on high-contrast black text on white backgrounds, framed by bold, architectural lines. Content is organized with clear visual boundaries rather than soft hierarchies, using strong borders and ample negative space to define sections and cards. The overall impression is one of raw information delivery, devoid of visual embellishment.", "theme": "light", "industry": "media", "source_url": "https://www.nofilter.space", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517238829-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517238829-thumb.jpg", "refero_style_id": "4235ebdc-a070-46ef-abbf-692151449bea", "extracted_at": "2026-04-30T02:47:33.548Z", "path": "skills/nofilter-space/DESIGN.md" }, { "id": "nomen-nescio", "name": "Nomen Nescio", "description": "Nomen Nescio employs a stark, monochromatic aesthetic reminiscent of minimal brutalism, where form and function merge without decorative flourishes. The design emphasizes content through abundant clear space, precise typography, and a deliberate absence of color, aside from deep charcoal text and near-white backgrounds. Components are visually lightweight, often ghosted or outlined, allowing imagery and text to command attention. This system evokes a sense of quiet authority and refined simplicity, typical of high-end fashion or architectural studios.", "theme": "light", "industry": "ecommerce", "source_url": "https://nomennescio.fi", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518201457-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518201457-thumb.jpg", "refero_style_id": "2fd71e12-12fc-4346-8281-52afe12bb951", "extracted_at": "2026-04-30T03:03:48.094Z", "path": "skills/nomen-nescio/DESIGN.md" }, { "id": "norgram", "name": "Norgram", "description": "Norgram operates with a stark, high-contrast aesthetic, juxtaposing deep black and pristine white with minimal interruption. The system leans on precise typography and a grid-based rhythm, creating a sense of quiet authority rather than overt design flourishes. Color is used sparingly, primarily for functional accents, ensuring that content and structure remain the focal point. Components emphasize lightweight clarity: flat surfaces, crisp text, and subtle interactions.", "theme": "mixed", "industry": "design", "source_url": "https://www.norgram.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518022298-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518022298-thumb.jpg", "refero_style_id": "17e5ff99-38c1-4ad6-8910-648f5798b3a5", "extracted_at": "2026-04-30T03:01:23.997Z", "path": "skills/norgram/DESIGN.md" }, { "id": "norm", "name": "Norm", "description": "Norm employs a utilitarian, minimalist visual language, focusing on stark contrasts and direct communication. The design uses a limited achromatic palette, relying heavily on pure black text on clean white surfaces. Typography is a central element, with commanding display-sized text setting a precise, unornamented tone. Components are stripped down, favoring simple outlined forms and large, soft radii to provide subtle tactile warmth against the otherwise stark visual field.", "theme": "light", "industry": "other", "source_url": "https://norm.store", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514746585-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514746585-thumb.jpg", "refero_style_id": "8d66df35-a06c-4ea9-ae8b-ab3e1c01f797", "extracted_at": "2026-04-30T02:05:59.357Z", "path": "skills/norm/DESIGN.md" }, { "id": "nornorm", "name": "Nornorm", "description": "Nornorm presents a stark, almost architectural aesthetic: clean white surfaces and deep, commanding dark typography with a single, highly saturated violet acting as a functional highlight for interactive elements and brand accents. The design emphasizes content clarity and a sense of gravity, achieved through generous negative space and a reserved use of color. Component styles are minimal, often borderless or using subtle outlines, allowing the strong typographic voice and the violet accent to direct focus.", "theme": "light", "industry": "saas", "source_url": "https://nornorm.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519543549-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519543549-thumb.jpg", "refero_style_id": "0769ff4c-f719-4865-98df-de2f44c694a6", "extracted_at": "2026-04-30T03:26:03.665Z", "path": "skills/nornorm/DESIGN.md" }, { "id": "north-kingdom", "name": "North Kingdom", "description": "North Kingdom presents a dark, cinematic brand experience that marries deep, dark backgrounds with sharp, white typography. The design emphasizes content through dramatic scaling of text and minimal UI elements, creating a focused, immersive feel. Surface treatments are largely flat with subtle layering, relying on bold text and large visuals to convey impact rather than intricate component styling. Typography carries significant weight in establishing brand presence, particularly in prominent headlines.", "theme": "dark", "industry": "design", "source_url": "https://www.northkingdom.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517713799-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517713799-thumb.jpg", "refero_style_id": "145e70b3-e0a4-4fbd-8d9e-23bd93dd0021", "extracted_at": "2026-04-30T02:55:30.621Z", "path": "skills/north-kingdom/DESIGN.md" }, { "id": "not-real", "name": "Not Real", "description": "NotReal employs a stark, print-inspired aesthetic characterized by high-contrast typography and a restrained achromatic palette. The design system emphasizes generous white space and precise visual hierarchy through font choices, rather than color or complex layouts. Project showcases act as vibrant focal points within an otherwise minimalist, editorial grid.", "theme": "light", "industry": "design", "source_url": "https://notreal.tv", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515156685-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515156685-thumb.jpg", "refero_style_id": "c0a3f588-74b7-4fad-b557-1fc7cd7bd777", "extracted_at": "2026-04-30T02:13:13.015Z", "path": "skills/not-real/DESIGN.md" }, { "id": "notion", "name": "Notion", "description": "Notion's visual style evokes a deep-space command center, merging functionality with an ethereal atmosphere. Dark, often indigo-tinted, backgrounds provide a canvas against which interface elements glow with a distinct, often cool-toned vibrancy. Thoughtful use of subtle shadows and translucency creates an impression of layered depth and sophisticated tooling, without overt skeuomorphism.", "theme": "dark", "industry": "saas", "source_url": "https://www.notion.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777421776475-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777421776475-thumb.jpg", "refero_style_id": "f58e99d1-940d-4254-8822-5d856bba6505", "extracted_at": "2026-04-29T00:16:39.889Z", "path": "skills/notion/DESIGN.md" }, { "id": "nubank", "name": "Nubank", "description": "Nubank's visual identity feels like a digitally native financial institution — confidently modern and approachable, driven by a vibrant violet. Large, friendly sans-serif type with subtle tracking dominates, creating a conversational tone. The defining feature is a playful tension between the dominant 'Royalty Violet' and stark black/white neutrals, softened by generous 999px pill radii on interactive elements which stand out against the otherwise sharp-edged UI. A single, consistent elevated primary action button in vibrant violet grounds the visual hierarchy amidst fluid, content-driven layouts.", "theme": "light", "industry": "fintech", "source_url": "https://nubank.com.br", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775927524002-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775927524002-thumb.jpg", "refero_style_id": "f1a2100a-7cda-4787-b8af-5c5edcfcdff0", "extracted_at": "2026-04-11T17:12:39.832Z", "path": "skills/nubank/DESIGN.md" }, { "id": "numbered", "name": "Numbered", "description": "Numbered employs a deep, high-contrast visual system, where stark black canvases provide a dramatic backdrop for crisp white typography and subtle, refined interactions. The design uses spacious layouts and minimal ornamentation, allowing large-scale imagery and bold headlines to dominate. Interactive elements are understated, relying on elegant hover states rather than overt visual cues, contributing to a premium, editorial aesthetic.", "theme": "dark", "industry": "agency", "source_url": "https://numbered.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517254050-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517254050-thumb.jpg", "refero_style_id": "50f0b6d5-9e96-42a1-9564-a6e99c289f98", "extracted_at": "2026-04-30T02:47:51.461Z", "path": "skills/numbered/DESIGN.md" }, { "id": "nuri", "name": "Nuri", "description": "Nuri presents a financial clarity aesthetic: clean, spacious layouts with a focus on bold typography and functional accents. The interface marries a muted, almost pastel color story with crisp dark text, creating an approachable yet authoritative tone. Visual hierarchy is established through stark size differences in typography rather than heavy graphic elements, and rounded shapes maintain a friendly, modern feel across interactive components.", "theme": "light", "industry": "fintech", "source_url": "https://nuri.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519333620-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519333620-thumb.jpg", "refero_style_id": "a0cb71ee-c2f2-4c37-a527-9e8ff0a0b312", "extracted_at": "2026-04-30T03:22:40.994Z", "path": "skills/nuri/DESIGN.md" }, { "id": "nvidia", "name": "NVIDIA", "description": "An engineering-grade marketing system organized around two surface modes — a deep black canvas for hero and footer chapters and a flat paper-white canvas for body content — connected by a single, almost violently saturated NVIDIA Green accent that carries every CTA, every active tab, and the small decorative corner squares that mark out cards. The system is unapologetically angular: 2px radius across every surface, tight bold sans-serif typography in NVIDIA's proprietary EMEA cut, and a hairline gray rule that separates dense multi-column technical content. There is no decorative gradient, no atmospheric mesh, no soft drop shadow — just black, white, gray, and green stacked into a structured editorial grid that scales from product cards to massive industry landing pages without bending its rules.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/nvidia/DESIGN.md" }, { "id": "o0", "name": "O0", "description": "O0 establishes a commanding, minimalist aesthetic through stark black and white contrasts and oversized, serif typography for headlines. The interaction is focused on content, with a high degree of content density. The system relies on precise typographic interplay and generous negative space to convey a sense of modern authority, using a light theme with occasional inverse dark sections for dramatic effect. Components are typically ghosted or outlined, allowing content to take center stage.", "theme": "light", "industry": "design", "source_url": "https://www.ozero.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513154130-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513154130-thumb.jpg", "refero_style_id": "36752f78-1c43-471b-b125-e82152ad23dd", "extracted_at": "2026-04-30T01:39:34.897Z", "path": "skills/o0/DESIGN.md" }, { "id": "oatly", "name": "Oatly", "description": "This design evokes a feeling of quirky, approachable earnestness, like a carefully crafted zine or an indie newsletter. The dominant #fffef6 'Notebook Paper' background with a subtle grid pattern sets a deliberately lo-fi, tactile mood. Typography leans into a blocky, full-caps aesthetic that feels both nostalgic and direct. Occasional hand-drawn stamps and a limited, earthy accent palette reinforce a friendly, unpolished brand identity, making the corporate feel personal.", "theme": "light", "industry": "other", "source_url": "https://oatly.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924505204-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924505204-thumb.jpg", "refero_style_id": "bb09f629-517a-4f74-93f2-26a55ffa9e13", "extracted_at": "2026-04-11T16:22:02.939Z", "path": "skills/oatly/DESIGN.md" }, { "id": "obsidian", "name": "Obsidian", "description": "The design feels like being inside a piece of precision software—a dark, focused digital workspace where thoughts crystallize. The foundation is a near-black, void-like background (#171717), creating a high-contrast canvas. A single, electric violet accent (#7c3aed, #a78bfa) is used strictly for interactive elements like CTAs and links, acting as functional beacons in the dark. Typography is exclusively the system's native UI font, reinforcing its identity as a functional tool rather than a stylized marketing site. Instead of drop shadows, surfaces use a subtle, 1px white inset highlight, giving them an internal luminescence as if lit from within.", "theme": "dark", "industry": "productivity", "source_url": "https://obsidian.md", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929835064-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929835064-thumb.jpg", "refero_style_id": "e793a53c-537e-46b0-881d-b15b63b9ff26", "extracted_at": "2026-04-11T17:51:43.812Z", "path": "skills/obsidian/DESIGN.md" }, { "id": "octaevo", "name": "Octaevo", "description": "Octaevo embodies a serene, heirloom-quality aesthetic: a light cream canvas punctuated by rich, classic serifs and structured sans-serifs. Surfaces are matte and uncluttered, relying on subtle shifts in background tone for differentiation rather than heavy borders or shadows. Interactive elements are understated, often presented as ghost buttons with fine hairline borders, maintaining a sense of refined quietude. The overall impression is one of timeless craftsmanship and elegant restraint.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.octaevo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514966575-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514966575-thumb.jpg", "refero_style_id": "c773d644-4d72-4532-a6cd-50d80f595a61", "extracted_at": "2026-04-30T02:10:21.928Z", "path": "skills/octaevo/DESIGN.md" }, { "id": "odin-s-crow", "name": "Odin's Crow", "description": "Odin's Crow embodies a stark, architectural minimalism, using an off-white canvas and deep charcoal typography to establish a sophisticated, almost ledger-like aesthetic. The design relies heavily on strong typographic expressions and precise, thin linear elements to define structure and create rhythm rather than relying on heavy panels or shadows. Visual interest is achieved through scale and exact letter-spacing, with a complete absence of vibrant color in the primary interface to maintain a focused, no-nonsense atmosphere.", "theme": "light", "industry": "fintech", "source_url": "https://odins-crow.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512263645-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512263645-thumb.jpg", "refero_style_id": "65c01b0f-7ae5-42ff-ad5b-162bbdce8e01", "extracted_at": "2026-04-30T01:24:41.336Z", "path": "skills/odin-s-crow/DESIGN.md" }, { "id": "oevra", "name": "Oevra", "description": "Oevra employs a muted, nature-inspired aesthetic, using a soft, desaturated green as its primary chromatic anchor against predominantly monochromatic backgrounds. The system is characterized by spacious layouts, delicate typography, and a subtle application of surface transparency and soft edge rounding, creating an ethereal yet grounded feel. Typefaces are intentionally varied, pairing a contemporary sans-serif for headings with a more classic system font for utilitarian elements, often with generous letter-spacing for visual airiness. Components are lightweight and favor borders or ghost styles over solid fills, contributing to the overall sense of understated presence.", "theme": "light", "industry": "productivity", "source_url": "https://oevra.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507960269-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507960269-thumb.jpg", "refero_style_id": "01d6013d-a176-4a22-b7dd-fbd113592956", "extracted_at": "2026-04-30T00:13:02.231Z", "path": "skills/oevra/DESIGN.md" }, { "id": "off-brand", "name": "OFF+BRAND.", "description": "OFF+BRAND. embodies a refined, digital-first aesthetic with a limited monochromatic palette and expressive typography. The visual system features delicate dotted line work, liberal use of negative space, and large, dynamic headlines set against a near-white canvas. Color is introduced sparingly through vibrant gradients in hero elements and subtle brand accents, making these instances feel impactful. Components are generally lightweight, often transparent or outlined, to maintain an airy and unburdened feel.", "theme": "light", "industry": "agency", "source_url": "https://www.itsoffbrand.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509507380-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509507380-thumb.jpg", "refero_style_id": "6b667ffc-5158-4000-9252-3a107d5161ee", "extracted_at": "2026-04-30T00:38:53.282Z", "path": "skills/off-brand/DESIGN.md" }, { "id": "off-white", "name": "OFF WHITE", "description": "This design system conjures a digital arcade aesthetic, vibrant and deliberately chaotic. It layers a stark black canvas with an aggressive, highly saturated palette of neon 'glitch' green, 'warning' red, and 'digital' yellow, creating a high-contrast, attention-demanding visual rhythm. Text is predominantly rendered in stark black or white, with occasional use of a muted gray. The visual language is defined by the interplay of dense imagery and hard-edged blocks of vivid color, presenting a challenging, yet engaging, interface that resists traditional notions of 'clean' or 'minimal'.", "theme": "dark", "industry": "design", "source_url": "https://off-white.valeriafrancis.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514084327-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514084327-thumb.jpg", "refero_style_id": "cf49b88a-fb38-4520-8fbb-ab3efa983517", "extracted_at": "2026-04-30T01:55:17.186Z", "path": "skills/off-white/DESIGN.md" }, { "id": "offfice", "name": "OFFFICE :", "description": "This design system evokes a moody, high-end gallery experience where objects are presented with sculptural focus. The stark black background and minimal typographic hierarchy create a sophisticated, almost reverent atmosphere, allowing the furniture pieces to command attention through their form and subtle shading. Predominantly large, custom typography dominates the layout, serving as both content and graphic element, making the interface feel less like a website and more like a curated exhibition space. The limited interactivity is precisely indicated by subtle text changes, maintaining an air of exclusivity and quiet contemplation.", "theme": "dark", "industry": "agency", "source_url": "https://offficestud.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925296031-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925296031-thumb.jpg", "refero_style_id": "190d4a0b-0353-4fc8-be09-affa6e977146", "extracted_at": "2026-04-11T16:35:14.543Z", "path": "skills/offfice/DESIGN.md" }, { "id": "office-chair-finder", "name": "Office Chair Finder", "description": "Vitra's Office Chair Finder adopts a functional, no-frills aesthetic, prioritizing clear user interaction over decorative flourishes. The design relies on a monochrome palette of deep charcoals and bright whites, complemented by a single muted red for interactive elements. Typography is direct and legible, with button components featuring defined borders and a subtle shadow for clear affordance rather than visual spectacle. The overall impression is one of practical utility, guiding the user through a structured process.", "theme": "light", "industry": "other", "source_url": "https://findmy.vitra.com/en-en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513140399-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513140399-thumb.jpg", "refero_style_id": "756dd3c1-6ccf-4824-bad3-96027cd0faf0", "extracted_at": "2026-04-30T01:39:17.246Z", "path": "skills/office-chair-finder/DESIGN.md" }, { "id": "officevibe", "name": "Officevibe", "description": "This design system feels like a modern corporate solution, balancing trust with approachability. A deep, almost inky violet (`Boardroom Navy`) provides a stable foundation, contrasted by a vibrant, electric blue (`Brand Electric`) that visually energizes interactive elements. The interplay between the sans-serif clarity of Inter and the distinctive, slightly calligraphic AbcFavoritvariable for headings, alongside the unexpected Martinaplantijn script for accent headlines, creates a sophisticated yet human touch. The prevalent use of generous rounded corners (100px for buttons) against sharp content blocks softens the enterprise feel, making complex data feel more accessible.", "theme": "light", "industry": "saas", "source_url": "https://officevibe.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932183863-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932183863-thumb.jpg", "refero_style_id": "ced1c98f-d489-48f7-a01f-1fa59a07b706", "extracted_at": "2026-04-11T18:30:04.815Z", "path": "skills/officevibe/DESIGN.md" }, { "id": "offten", "name": "Offten", "description": "Offten's design system evokes a glitch-art, digital-native aesthetic, intentionally breaking common UI conventions. It features a stark monochromatic palette of black and white, punctuated by vivid green for interactive elements and deep orange for decorative accents. Typography is heavily tracked and often letter-spaced, creating a distinct, fragmented visual rhythm. Surfaces are minimal, relying on subtle backgrounds and borders rather than strong elevation to define elements. The overall feel is raw and experimental, prioritizing visual impact over traditional interface smoothness.", "theme": "light", "industry": "design", "source_url": "https://offten.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520720452-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520720452-thumb.jpg", "refero_style_id": "32036fa8-39f0-4ebb-b05e-f5b11038d87a", "extracted_at": "2026-04-30T03:45:40.724Z", "path": "skills/offten/DESIGN.md" }, { "id": "ohdada", "name": "OhDada", "description": "OhDada's visual system evokes a serene, gallery-like atmosphere, reminiscent of antique paper and muted tones. Typography is a central expressive element, contrasting modern sans-serif body text with large, delicate serif headlines that command attention. The color palette is minimal, built around a warm, earthy brown and soft, desaturated neutrals, allowing the content to breathe and stand out. Components are subtly delineated, relying on light borders and ample negative space rather than heavy fills or shadows.", "theme": "light", "industry": "design", "source_url": "https://ohdada.de", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519704821-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519704821-thumb.jpg", "refero_style_id": "d69af89b-cb31-426d-b9aa-c21d127b8947", "extracted_at": "2026-04-30T03:28:43.856Z", "path": "skills/ohdada/DESIGN.md" }, { "id": "ohzi-interactive-studio-dive-into-digital-magic", "name": "OHZI Interactive Studio / Dive into digital magic.", "description": "OHZI Interactive Studio employs a deep-space digital canvas aesthetic, characterized by a predominantly dark background punctuated by sharp, high-contrast white typography and subtle gray accents. The interface relies on spacious layouts and minimal ornamentation, allowing the bold typographic statements to command attention. Components are lightweight and ghost-like, integrating seamlessly into the dark ambient environment with delicate borders and text-based interactions.", "theme": "dark", "industry": "design", "source_url": "https://ohzi.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515825623-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515825623-thumb.jpg", "refero_style_id": "03e03554-d7aa-40da-9764-79320ecfa1d0", "extracted_at": "2026-04-30T02:24:00.855Z", "path": "skills/ohzi-interactive-studio-dive-into-digital-magic/DESIGN.md" }, { "id": "olipop", "name": "OLIPOP", "description": "This design system evokes a sense of playful nostalgia fused with modern health consciousness. Dominant dark teal (#14433d) and creamy off-white (#fdf7e7) establish a comforting, natural palette, punctuated by a diverse array of pastel and vivid fruit-inspired accent colors for product showcase. The custom 'WindsorEF' typeface with weighty, generous letterforms and tight line-height gives headings an almost hand-drawn, vintage soda shop feel, while the 'Ano' sans-serif provides crisp, legible body text. Rounded corners and liberal padding contribute to an approachable, soft aesthetic, countering the sharp contrast of the headline fonts.", "theme": "light", "industry": "ecommerce", "source_url": "https://drinkolipop.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926306299-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926306299-thumb.jpg", "refero_style_id": "c6ec55c7-0bd9-47c5-a4d2-669b7790c9cc", "extracted_at": "2026-04-11T16:52:11.234Z", "path": "skills/olipop/DESIGN.md" }, { "id": "ollama", "name": "Ollama", "description": "An almost defiantly minimal documentation-first system that treats the home page like a Markdown README — paper-white canvas, 36px center-aligned heading, a single black pill CTA, an inline terminal install snippet, and a hand-drawn llama mascot as the only ornamental element. No gradient, no hero photography, no marketing pyrotechnics. The chrome is a tiny utility palette of pure black, pure white, and three neutral grays; every interactive element is fully rounded into a pill (`{rounded.full}`); typography is SF Pro Rounded for headings paired with system sans for body and ui-monospace for code. Pricing tiers, FAQs, and \"your data stays yours\" guarantees all sit on the same flat canvas inside thin-border cards — the system is the documentation, and the documentation is the system.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/ollama/DESIGN.md" }, { "id": "on-energy", "name": "ON.energy", "description": "This system evokes a technical, industrial luxury with its stark achromatic palette punctuated by a single vibrant yellow. The dark background (#202020 or #000000) serves as a canvas for precise typography, predominantly the custom Univers Next Pro, often rendered in negative letter-spacing for a sophisticated, whispered delivery. Rounded corners are selectively applied, with the default being 6px, but larger curves for specific button styles introduce a subtle tension, softening otherwise rigid industrial forms.", "theme": "dark", "industry": "ai", "source_url": "https://www.on.energy", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776008647523-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776008647523-thumb.jpg", "refero_style_id": "31e00a99-6946-4f07-829a-b0904a39a20d", "extracted_at": "2026-04-12T15:44:23.194Z", "path": "skills/on-energy/DESIGN.md" }, { "id": "on-shop", "name": "On Shop", "description": "On Shop embodies a stark, high-performance aesthetic: a monochrome canvas where bold black typography and clean product photography take center stage. Interaction is delivered with confident, compact components, relying on border treatments and solid fills rather than shadows for visual hierarchy. The design communicates authority through precise spacing and a focused absence of unnecessary visual noise.", "theme": "light", "industry": "ecommerce", "source_url": "https://theroger.com/en/products", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514190510-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514190510-thumb.jpg", "refero_style_id": "3a4ac160-5e13-4e3f-b2c9-245da422e108", "extracted_at": "2026-04-30T01:57:00.311Z", "path": "skills/on-shop/DESIGN.md" }, { "id": "one", "name": "ONE", "description": "ONE embraces a stark, high-contrast aesthetic where rich black surfaces meet crisp monochrome typography. The visual experience is anchored by dynamic large-format video content, framed within softly rounded containers. Interaction elements are minimalist, appearing as ghost buttons with fine outlines in a near-white hue, creating a sense of understated command. The overall impression is one of sophisticated, content-driven minimalism.", "theme": "dark", "industry": "media", "source_url": "https://one-is.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516330818-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516330818-thumb.jpg", "refero_style_id": "71745af1-2e53-4925-992e-82773e55ccd6", "extracted_at": "2026-04-30T02:32:27.905Z", "path": "skills/one/DESIGN.md" }, { "id": "opalcamera", "name": "Opalcamera", "description": "This design system evokes the precision of high-end camera optics fused with an understated premium aesthetic. It leverages crisp black-on-white typography and subtle gray variations to establish a clean, product-focused stage. A single, vibrant yellow accent color acts as a deliberate spotlight, drawing immediate attention to key interactive elements and product pricing, reinforcing a sense of focused value.", "theme": "light", "industry": "other", "source_url": "https://opalcamera.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924927957-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924927957-thumb.jpg", "refero_style_id": "46f01790-e488-4aba-9236-02466b0fb3cd", "extracted_at": "2026-04-11T16:29:06.534Z", "path": "skills/opalcamera/DESIGN.md" }, { "id": "openai", "name": "OpenAI", "description": "OpenAI.com reads like a blank page waiting to be written on — pure white, near-zero chromatic saturation (1%), and typography that does everything. The custom OpenAI Sans carries the entire visual weight: tightly tracked at -0.03em for large display text, it condenses space so headlines feel carved rather than set. Black (#000000) and border-gray (#e5e7eb) are the only tools; no accent colors, no gradients on the core UI, no decorative illustration. Color arrives exclusively through editorial imagery — soft-focus flower macros, pastel gradient thumbnail cards — making those images feel explosive against the white canvas. The signature tension is 9999px pills for interactive chips and inputs sitting inside a layout where cards use a very specific 6.08px radius, creating a system that pairs one extreme roundness with one precise near-flat radius.", "theme": "light", "industry": "ai", "source_url": "https://openai.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775930610847-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775930610847-thumb.jpg", "refero_style_id": "dc541737-8bf2-4b31-b729-0352f696e82f", "extracted_at": "2026-04-11T18:05:13.549Z", "path": "skills/openai/DESIGN.md" }, { "id": "openai-developers", "name": "OpenAI Developers", "description": "The OpenAI Developers site presents a professional and approachable aesthetic, grounded in a refined grayscale palette. Soft, diffused shadows on card elements subtly layer content, avoiding harsh contrasts. Typography employs a custom Sans typeface with precise letter-spacing, particularly noticeable on headlines, cultivating a sense of technical clarity. The design relies on careful text density and spacious layouts to maintain an open, readable environment, with interactive elements subtly highlighted through state changes rather than high-chroma accents.", "theme": "light", "industry": "ai", "source_url": "https://developers.openai.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777404777849-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777404777849-thumb.jpg", "refero_style_id": "5c94c49f-0612-4261-842c-e1d501f3e13d", "extracted_at": "2026-04-28T19:33:25.252Z", "path": "skills/openai-developers/DESIGN.md" }, { "id": "opencode.ai", "name": "OpenCode", "description": "A terminal-native marketing system rendered entirely in Berkeley Mono — every word on the page, from the hero headline down to the footer fine print, is monospaced. The page itself reads like a manpage or a static-site README: warm cream canvas (`#fdfcfc`), nearly-black ink (`#201d1d`), 4px-radius rectangles for the few interactive elements, and bracketed `[+]`/`[-]` ASCII markers used as bullets. The brand's only \"visual moment\" is a single dark hero card that mocks up the OpenCode TUI itself — black background, monospaced terminal output, ASCII pipe characters, and a wordmark rendered as block-pixel ASCII. Every section sits as a hairline-bordered text block on the cream canvas with no shadows, no gradients, no decorative imagery, and no non-monospaced character anywhere in the system.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/opencode.ai/DESIGN.md" }, { "id": "opennote", "name": "Opennote", "description": "Opennote employs a minimalist, paper-like aesthetic featuring a high-contrast typographical hierarchy set against a soft, near-white canvas. Subtle border treatments and distinct, functional button styles define interactive elements. Color is used sparingly, primarily for accent and to distinguish action states, creating moments of focus within an otherwise calm and content-centric design.", "theme": "light", "industry": "productivity", "source_url": "https://www.opennote.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508232593-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508232593-thumb.jpg", "refero_style_id": "24d3b281-04a6-4cc7-8a74-634b08472291", "extracted_at": "2026-04-30T00:17:36.785Z", "path": "skills/opennote/DESIGN.md" }, { "id": "opensea", "name": "OpenSea", "description": "OpenSea leverages a vibrant dark mode experience contrasting deep, cool grays with a brilliant, singular blue accent. The interface is characterized by highly structured layouts, subtle internal card borders, and ghost buttons, prioritizing content over heavy UI chrome. Typography is compact and precise, maintaining readability on dark surfaces, with a focus on displaying data and digital assets clearly. The overall aesthetic is one of a digital marketplace, emphasizing data density and functional clarity.", "theme": "dark", "industry": "crypto", "source_url": "https://opensea.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510817078-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510817078-thumb.jpg", "refero_style_id": "61f1902f-6da3-4af7-b046-3b08bc1377f6", "extracted_at": "2026-04-30T01:00:58.161Z", "path": "skills/opensea/DESIGN.md" }, { "id": "openweb", "name": "OpenWeb", "description": "OpenWeb employs a refined, editorial aesthetic, utilizing a restrained palette dominated by off-white and stark black. Typography is central, featuring a serif display font for headlines and a system sans-serif for functional text, establishing a balance between classic gravitas and modern clarity. The design prioritizes generous spacing and clean lines over heavy ornamentation, allowing content to breathe and accentuating the sophisticated type choices. Interactions are subtle, highlighted by a single vibrant blue that acts as a precise functional accent.", "theme": "light", "industry": "media", "source_url": "https://www.openweb.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520750722-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520750722-thumb.jpg", "refero_style_id": "c38d077b-3cdb-48c6-899c-e8a543508c31", "extracted_at": "2026-04-30T03:46:15.992Z", "path": "skills/openweb/DESIGN.md" }, { "id": "opx-studio", "name": "OPX Studio", "description": "OPX Studio employs a high-contrast, minimalist dark aesthetic, making content feel bold and impactful. The design prioritizes stark text-heavy layouts on a deep black canvas, with subtle gray borders and accents to define interactive elements. Photography and visuals are given prominence within these dark sections, often full-bleed. Typography is confident and direct, relying on strong weights and generous letter-spacing to command attention.", "theme": "dark", "industry": "agency", "source_url": "https://opx.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518801100-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518801100-thumb.jpg", "refero_style_id": "bd395e2e-58a8-4626-acfa-9be8d6cdf604", "extracted_at": "2026-04-30T03:13:32.211Z", "path": "skills/opx-studio/DESIGN.md" }, { "id": "orderandmovement", "name": "Orderandmovement", "description": "Orderandmovement adopts a stark, high-contrast, minimalist aesthetic, evoking a gallery or exhibition space. The design relies heavily on monochromatic tones, primarily black text and lines on a white canvas, creating a clear and direct presentation. Typography is a focal point, using a unique serif font for subtle sophistication and a custom sans-serif for functional elements. Spacing is generous, creating breathing room around elements, emphasizing content through isolation.", "theme": "light", "industry": "design", "source_url": "https://orderandmovement.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516935715-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516935715-thumb.jpg", "refero_style_id": "d2c077d3-d9ce-40c5-9714-e3c5f69f67d6", "extracted_at": "2026-04-30T02:42:32.542Z", "path": "skills/orderandmovement/DESIGN.md" }, { "id": "ordinal", "name": "Ordinal", "description": "Ordinal uses a deep-space productivity aesthetic: dark canvas, minimalist UI elements, and a single vibrant green highlight that punctuates critical information and calls to action. The design maintains order through a comfortable density, clear typographic hierarchy, and subtle surface variations rather than heavy shadows or complex gradients. The overall atmosphere feels calm and focused, with interaction points clearly highlighted by the brand's signature accent green. Components are light, using ghost states and crisp borders against the dark background.", "theme": "dark", "industry": "saas", "source_url": "https://www.meetassembly.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509780773-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509780773-thumb.jpg", "refero_style_id": "4657db98-0c6c-4848-91e9-c339f3bb7815", "extracted_at": "2026-04-30T00:43:27.761Z", "path": "skills/ordinal/DESIGN.md" }, { "id": "origin-financial", "name": "Origin Financial", "description": "Origin Financial employs a 'Dark Canvas, Subtle Glow' visual system. It uses a deep, rich dark grey as its primary background, accented by layers of lighter, desaturated greys for elevated surfaces and text. Typography is elegant, with a focus on restrained display fonts and highly legible body text. While largely monochromatic, the system introduces a spectrum of soft, vivid colors within functional cards, creating a sense of dynamic data visualization and subtle branding rather than overt color blocking.", "theme": "dark", "industry": "fintech", "source_url": "https://www.useorigin.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509071924-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509071924-thumb.jpg", "refero_style_id": "c60f05ff-2420-4a24-92db-80c4b6a74683", "extracted_at": "2026-04-30T00:31:42.454Z", "path": "skills/origin-financial/DESIGN.md" }, { "id": "orson", "name": "Orson", "description": "Orson uses an academic-editorial design language, combining classic serif typography with subtle, sophisticated color gradients. The system emphasizes generous white space and a calming, almost analog, background tone. Interactions are minimal and text-focused, with outlines and understated hovers. The visual identity exudes trusted authority through a restrained palette and mature typographic choices, avoiding bold or high-contrast elements for actions.", "theme": "light", "industry": "agency", "source_url": "https://orson.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520106744-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520106744-thumb.jpg", "refero_style_id": "37215d07-9e4e-4cef-ad58-65d111caba19", "extracted_at": "2026-04-30T03:35:22.268Z", "path": "skills/orson/DESIGN.md" }, { "id": "oryzo-ai", "name": "ORYZO AI", "description": "ORYZO AI embraces a deep, textural aesthetic, contrasting rich, dark surfaces with a warm, desaturated highlight palette. Textures and a muted orange accent color punctuate the composition, creating a refined yet tactile experience. The typography, primarily a custom variable font, leans into density and slight tracking, reinforcing a sense of engineered precision. This system feels grounded and thoughtfully constructed with a focus on core product detail.", "theme": "dark", "industry": "other", "source_url": "https://oryzo.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507873891-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507873891-thumb.jpg", "refero_style_id": "1f204e95-454a-437e-845b-c1b169d35607", "extracted_at": "2026-04-30T00:11:37.157Z", "path": "skills/oryzo-ai/DESIGN.md" }, { "id": "oura-ring", "name": "Oura Ring", "description": "This design system evokes a sense of understated luxury and sophisticated technology, blending warm, earthy neutrals with crisp, architectural typography. The use of a muted, almost desaturated background palette creates a premium canvas, upon which product imagery takes center stage, imbued with a soft, inviting glow. The precise, sans-serif AkkuratLL counters the fluid, almost calligraphic Editorial New, establishing a deliberate tension between precision and human touch. Subtle gradients and large product photography integrate seamlessly into the soft color scheme, rather than competing, suggesting an experience that is both advanced and deeply personal.", "theme": "light", "industry": "other", "source_url": "https://ouraring.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925024873-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925024873-thumb.jpg", "refero_style_id": "9decde51-2a8b-4212-bba5-be9457efc62e", "extracted_at": "2026-04-11T16:30:47.250Z", "path": "skills/oura-ring/DESIGN.md" }, { "id": "outsource-consultants", "name": "Outsource Consultants", "description": "Outsource Consultants adopts an 'architectural blueprint' aesthetic, defined by stark contrasts, precise typography, and a deliberate absence of soft edges. The interplay of a cool, almost industrial grey background with bold violet accents creates a sense of rigorous order and technical authority. Large, statement typography in a custom sans-serif font dominates, giving the impression of blueprints or large-scale technical drawings, while monospaced text provides detailed annotations.", "theme": "light", "industry": "other", "source_url": "https://oci.madebybuzzworthy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776008649730-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776008649730-thumb.jpg", "refero_style_id": "16be276a-d8ce-484e-8f7a-cbbb09f717f7", "extracted_at": "2026-04-12T15:44:27.984Z", "path": "skills/outsource-consultants/DESIGN.md" }, { "id": "overflow", "name": "Overflow", "description": "Overflow's design evokes a sense of vibrant, dynamic clarity, like a digital canvas brought to life with soft pastels. The dominant white background keeps the focus on content, while subtle card shadows provide necessary dimensional separation. The playful use of gradient backgrounds infuses energy without overwhelming the UI, suggesting creativity within a structured environment. Varied border radii, from sharp 8px to soft 24px and even circular forms, add visual interest and a touch of approachability.", "theme": "light", "industry": "design", "source_url": "https://overflow.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932810928-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932810928-thumb.jpg", "refero_style_id": "6845a075-8573-4bdc-9346-58cb09b83547", "extracted_at": "2026-04-11T18:40:34.592Z", "path": "skills/overflow/DESIGN.md" }, { "id": "pa-lais", "name": "Pa'lais", "description": "Pa'lais blends nourishing organics with a playful, hand-drawn aesthetic. The system features a bright white canvas interspersed with organic, flowing colored sections. Typography is confident and layered, mixing classic serif with modern sans-serif and whimsical display fonts. Components are subtly rounded and light, emphasizing a fresh, approachable brand identity, with an occasional bold accent color to draw attention.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.palais.bio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520733117-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520733117-thumb.jpg", "refero_style_id": "5ef5e1ff-3cb3-4383-9f66-26474409d9ae", "extracted_at": "2026-04-30T03:45:59.354Z", "path": "skills/pa-lais/DESIGN.md" }, { "id": "palantir-ir", "name": "Palantir IR", "description": "Palantir Investor Relations embodies a 'data-driven dark academia' aesthetic, presenting information within a clean, monochromatic environment. The design prioritizes content with high contrast typography against dark surfaces, using subtle geometric patterns and delicate borders instead of bold colors or heavy embellishments. Interaction is minimal, with an emphasis on direct navigation and clear data presentation, maintaining a serious and authoritative tone.", "theme": "dark", "industry": "other", "source_url": "https://investors.palantir.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519667846-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519667846-thumb.jpg", "refero_style_id": "6bc3526f-0a25-4198-8a57-07872946988e", "extracted_at": "2026-04-30T03:28:06.507Z", "path": "skills/palantir-ir/DESIGN.md" }, { "id": "palazzo-monti", "name": "PALAZZO MONTI", "description": "Palazzo Monti employs a stark, high-contrast aesthetic with a minimalist footprint. Black text on white canvas dominates, with generous negative space emphasizing content. The design features a single, custom sans-serif typeface used across all elements, creating a cohesive typographic voice. Components are lightweight and often outlined, playing into a 'ghost' or 'inverted' button style, and circular elements appear as an unexpected geometric motif.", "theme": "light", "industry": "design", "source_url": "https://palazzomonti.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519490980-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519490980-thumb.jpg", "refero_style_id": "e926c3a3-c479-428d-8582-dcbbf1dbdafc", "extracted_at": "2026-04-30T03:25:10.177Z", "path": "skills/palazzo-monti/DESIGN.md" }, { "id": "palette-supply", "name": "Palette Supply", "description": "Palette Supply presents a soft, matte aesthetic with a dominant off-white canvas, accented by a diverse and playful array of muted and vivid brand colors. Typography is crisp and precise, with a custom monospaced font adding a distinctive product feel. Surfaces are light and clean, with minimal shadows, allowing the varied color palette to define visual interest and hierarchy. Components are rounded, prioritizing a friendly, approachable user experience.", "theme": "light", "industry": "design", "source_url": "https://palette.supply", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513058598-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513058598-thumb.jpg", "refero_style_id": "542453bb-1895-45fe-95c9-66dbacbf1b08", "extracted_at": "2026-04-30T01:37:55.937Z", "path": "skills/palette-supply/DESIGN.md" }, { "id": "pally", "name": "Pally", "description": "Pally presents a dark-mode interface, creating a contained, focused experience. UI surfaces are predominantly deep charcoal, accented by a subtle, almost ethereal gradient for hero elements and interactive components. Typography is crisp and minimal, embracing negative tracking to maintain sophistication even at larger display sizes. Components are lightweight with large border radii, suggesting a friendly yet refined digital identity.", "theme": "dark", "industry": "productivity", "source_url": "https://www.pally.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507867826-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507867826-thumb.jpg", "refero_style_id": "029d3ce0-0fe5-4a8c-99c4-4f9d704f1c60", "extracted_at": "2026-04-30T00:11:26.858Z", "path": "skills/pally/DESIGN.md" }, { "id": "palmer", "name": "Palmer", "description": "Palmer embraces a tactile, gallery-like aesthetic, presenting dinnerware as curated art objects on an expansive, warm off-white canvas. The visual system is anchored by deep, earthy neutrals that provide a grounded contrast to the product photography. Typography is delicate yet authoritative, using generous letter-spacing to emphasize its custom font. Interaction elements are subtle and demure, blending into the background through ghosted styles and soft, rounded edges, allowing the product to remain the sole focal point.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.palmer-dinnerware.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509218041-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509218041-thumb.jpg", "refero_style_id": "7cae43cd-dd0e-4658-86e6-d66935cfb213", "extracted_at": "2026-04-30T00:34:29.360Z", "path": "skills/palmer/DESIGN.md" }, { "id": "pampam-city", "name": "pampam.city", "description": "PamPam uses a bright, inviting canvas with clean, minimalist typography and subtle accents. The interface prioritizes clarity and a light, spacious feel, with elements appearing on a slightly off-white background. The design is subtly playful yet functional, using rounded corners and muted chromatic touches for interactive elements and brand differentiation. Overall, the visual style supports a product that is approachable and easy to use.", "theme": "light", "industry": "design", "source_url": "https://www.pampam.city", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509804014-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509804014-thumb.jpg", "refero_style_id": "001480cb-05f4-4802-be39-84b942169481", "extracted_at": "2026-04-30T00:43:53.320Z", "path": "skills/pampam-city/DESIGN.md" }, { "id": "pangram-pangram-foundry", "name": "Pangram Pangram Foundry", "description": "Pangram Pangram champions a stark, high-contrast aesthetic with functional color accents. The UI features a bright, almost white canvas, broken by dark header sections and image-heavy content blocks. Typography is the primary visual element, bold and expansive, with interactions generally expressed through subtle changes in neutral buttons or vivid, distinct status badges. Surfaces are largely flat with soft, large corner radii, avoiding heavy shadows.", "theme": "light", "industry": "design", "source_url": "https://pangrampangram.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512761408-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512761408-thumb.jpg", "refero_style_id": "6d64a4da-ef40-453e-86f7-4bfabc0c9051", "extracted_at": "2026-04-30T01:33:11.047Z", "path": "skills/pangram-pangram-foundry/DESIGN.md" }, { "id": "panic", "name": "Panic", "description": "Panic Studio's design system combines bold, expressive typography with a vibrant, contrasting color palette. The visual identity alternates between a warm, soft peach background with dark text and a moody, dark background punctuated by energetic yellow headlines. Components are minimal, relying on generous spacing and high contrast to define their presence. The overall impression is playful yet authoritative, reflecting a creative agency that values strong visual storytelling.", "theme": "mixed", "industry": "media", "source_url": "https://panicstudio.tv", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513938379-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513938379-thumb.jpg", "refero_style_id": "7dfbb863-e3bb-4894-9ea9-c782efa85a2d", "extracted_at": "2026-04-30T01:52:34.681Z", "path": "skills/panic/DESIGN.md" }, { "id": "panxo", "name": "Panxo", "description": "Panxo reads like a financial data terminal wearing a startup's wardrobe — numbers and metrics front and center, but the palette stays warm cream and near-black rather than cold blue. The base surface is #fafafa pushing toward #f7f3eb (a barely-warm off-white), while the primary text mass is the rich near-black #1c1a17 — warmer than pure black, almost coffee. The hero visualization uses a candy-colored gradient (teal → violet → amber) as its only splash of chromatic energy against otherwise achromatic structure. Mona Sans at weight 700 and aggressive negative tracking (-0.04em at 56px) makes headlines feel compressed and purposeful — data labels rather than declarations. Interactive elements use a single deep orange (#ff6020) for CTAs, distinct from the violet data-highlight colors (#777eff, #731fff) used for semantic classification signals inside UI demos.", "theme": "light", "industry": "other", "source_url": "https://panxo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775990537818-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775990537818-thumb.jpg", "refero_style_id": "8b5cfe6d-a2bd-4edb-854e-9185cec46c09", "extracted_at": "2026-04-12T10:44:29.583Z", "path": "skills/panxo/DESIGN.md" }, { "id": "paragraph", "name": "Paragraph", "description": "Paragraph employs a gentle, almost monastic aesthetic, built on a warm, off-white canvas and a subtle palette of muted grays. Typography is key; classic serifs for headlines against modern sans-serifs for body text create an intellectual yet inviting tone. Components are crafted with generous corner radii and speak with soft, layered shadows rather than bold color or heavy borders.", "theme": "light", "industry": "media", "source_url": "https://mirror.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515275444-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515275444-thumb.jpg", "refero_style_id": "37dd9612-4df0-4cdd-b942-bd97dd0efbd2", "extracted_at": "2026-04-30T02:14:58.024Z", "path": "skills/paragraph/DESIGN.md" }, { "id": "parallel-web-systems", "name": "Parallel Web Systems", "description": "This design system presents as a highly structured, data-driven interface, echoing the precision required in AI systems. Its palette is almost entirely achromatic, with a deliberate and minimal use of vivid orange and moderate blue to highlight interactive elements and key information. The signature move is the pairing of a classic humanist sans-serif with a mono-spaced font, creating an aesthetic that feels both approachable and technically rigorous. Underlying the visual clarity are subtle shadows and crisp borders, conveying a sense of engineered robustness.", "theme": "light", "industry": "devtools", "source_url": "https://parallel.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932620076-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932620076-thumb.jpg", "refero_style_id": "32845f27-6b24-48be-af25-8e664f826b30", "extracted_at": "2026-04-11T18:37:20.945Z", "path": "skills/parallel-web-systems/DESIGN.md" }, { "id": "parker-studio", "name": "parker-studio", "description": "Parker Studio utilizes a 'scrapbook chic' aesthetic, layering textural and tonal imagery on a white canvas accented by a soft, muted green. Typography is a sophisticated blend of classic serif for display and a custom sans-serif for body text, maintaining a refined visual identity. The overall impression is one of curated elegance, where UI elements are minimal and recede, allowing photographic content to dominate and define the brand narrative.", "theme": "light", "industry": "design", "source_url": "https://parker.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513123094-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513123094-thumb.jpg", "refero_style_id": "75270aed-5ae1-4f41-80df-1b137dc0916a", "extracted_at": "2026-04-30T01:39:22.920Z", "path": "skills/parker-studio/DESIGN.md" }, { "id": "partiful", "name": "Partiful", "description": "Partiful runs on celebration energy: a white canvas that gives way to full-bleed photographic heroes washed in purple-to-pink gradients, then returns to white for feature sections with soft periwinkle-to-white gradient backgrounds. The type system pairs a custom display face (Partiful Display Medium) for statement headlines — used at sizes up to 112px with tight -0.03em tracking — with TWK Lausanne Pan across all weights for UI text, giving the whole interface a confident, slightly editorial quality. Black is the primary action color: filled black buttons, black borders, black headings — no blue accent, just pure contrast. Decorative depth comes from invitation card imagery, scattered at tilted angles against gradient washes, making the UI feel like a physical party surface rather than a software dashboard.", "theme": "light", "industry": "saas", "source_url": "https://partiful.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777504505610-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777504505610-thumb.jpg", "refero_style_id": "6db1057d-3457-4173-9184-df160415f060", "extracted_at": "2026-04-29T23:17:09.758Z", "path": "skills/partiful/DESIGN.md" }, { "id": "partners-for", "name": "Partners for", "description": "Sofinnova Partners operates on a stark, high-contrast monochrome aesthetic where bold black elements punctuate an expansive white canvas. Typography is the primary visual driver, with large, confident headings and precise letter-spacing establishing a sense of authority and clarity. Minimal use of color ensures that interactive elements stand out instantly. Layouts are clean and highly structured, relying on generous spacing to create visual hierarchy rather than shadows or complex component treatments.", "theme": "light", "industry": "fintech", "source_url": "https://sofinnovapartners.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515349657-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515349657-thumb.jpg", "refero_style_id": "ac2e7d86-580e-48b9-bb68-d76297fb5957", "extracted_at": "2026-04-30T02:16:18.886Z", "path": "skills/partners-for/DESIGN.md" }, { "id": "passionfroot", "name": "Passionfroot", "description": "Passionfroot embodies a light and energetic aesthetic, juxtaposing highly structured grids and data visualizations against whimsical, vibrant accent colors and playful 3D illustrations. The system balances professional clarity with an approachable, almost fantastical user experience. Surfaces are primarily crisp white, providing a clean canvas for sharp, purposeful typography and a spectrum of vivid hues that punctuate the interface with a soft, inviting pop.", "theme": "light", "industry": "ai", "source_url": "https://www.passionfroot.me", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508739420-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508739420-thumb.jpg", "refero_style_id": "aaaa705d-3042-4355-ad30-13360f04e403", "extracted_at": "2026-04-30T00:26:22.909Z", "path": "skills/passionfroot/DESIGN.md" }, { "id": "paste", "name": "Paste", "description": "Feels like sunlight through a minimalist gallery — vast white space with black typography and a single warm-amber focal point that draws the eye like a lantern in snow. The page is dominated by pure white (#ffffff) and near-white (#f5f5f7) surfaces with near-black (#101010) text, creating extreme contrast. system-ui at display sizes (54-80px) with tight letter-spacing (-0.013em) and weight 400-700 gives headlines a native-OS feel that reinforces the Mac-utility identity. The amber-orange gradient logo (rgb(240,100,19) → rgb(254,171,48)) is the only warm element on an otherwise monochrome canvas, making it impossibly magnetic. Blue CTA buttons (#0088ff) with 100px pill radius are the sole call to action — warm brand, cool CTA, white field.", "theme": "light", "industry": "productivity", "source_url": "https://pasteapp.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775948722759-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775948722759-thumb.jpg", "refero_style_id": "742b500d-3e10-4daa-bb89-d0d26272e5f6", "extracted_at": "2026-04-11T23:07:11.731Z", "path": "skills/paste/DESIGN.md" }, { "id": "pastel", "name": "Pastel", "description": "Pastel's design evokes a sense of clarity and understated reliability, like a well-organized workspace. It achieves this through a predominantly achromatic palette anchored by soft grays and a single, vibrant blue accent. Typography is clean and highly legible, using distinct font sizes and weights for clear hierarchy without visual clutter. The generous spacing and subtle use of rounded corners contribute to an open, approachable feel, giving content room to breathe.", "theme": "light", "industry": "design", "source_url": "https://usepastel.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932826232-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932826232-thumb.jpg", "refero_style_id": "409d92b9-00a8-4e21-a430-ab95ea48204f", "extracted_at": "2026-04-11T18:40:44.569Z", "path": "skills/pastel/DESIGN.md" }, { "id": "patreon", "name": "Patreon", "description": "Patreon leverages a canvas of real-world photography and a muted palette to ground its brand in authentic creator stories, overlaid with a clean, functional UI. Strong, confident typography paired with rounded components creates a friendly yet authoritative tone. The design prioritizes clear content presentation, with color used sparingly to highlight interactive elements and brand identity, rather than for decorative excess. It balances a feeling of welcoming accessibility with structural clarity.", "theme": "light", "industry": "saas", "source_url": "https://www.patreon.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509921659-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509921659-thumb.jpg", "refero_style_id": "bb94375b-cf09-47d4-a2e3-7b332b2c9216", "extracted_at": "2026-04-30T00:45:47.439Z", "path": "skills/patreon/DESIGN.md" }, { "id": "patrick-miller", "name": "Patrick Miller", "description": "Patrick Miller is a visually striking, editorial-style interface designed around large, impactful typography and high-contrast color blocks. Its visual system prioritizes stark simplicity, using a limited palette of bold, often desaturated background colors paired with pure black or white text. Photography is presented as large, immersive sections, punctuated by subtle navigation and minimal, almost invisible controls. The overall impression is direct, art-focused, and spatially generous.", "theme": "mixed", "industry": "design", "source_url": "https://patrickmiller.se", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519778887-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519778887-thumb.jpg", "refero_style_id": "bb63a015-b018-4bd9-be66-0973ac6be753", "extracted_at": "2026-04-30T03:30:00.249Z", "path": "skills/patrick-miller/DESIGN.md" }, { "id": "pauliandsisters", "name": "Pauliandsisters", "description": "The Pauli & Sisters visual system evokes a natural and understated aesthetic, built upon a palette of organic greens and soft neutrals. Typography balances elegant, structured serifs with clean, approachable sans-serifs, creating a grounded yet refined feel. Spacing is generous, allowing elements to breathe and emphasizing content clarity over density. Components prioritize utility and a sense of craft, often appearing as subtle outlines or ghost elements rather than bold, filled forms.", "theme": "light", "industry": "ecommerce", "source_url": "https://pauliandsisters.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517945135-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517945135-thumb.jpg", "refero_style_id": "0a5bd460-07fd-487f-8bde-de20f80ce20f", "extracted_at": "2026-04-30T02:59:24.400Z", "path": "skills/pauliandsisters/DESIGN.md" }, { "id": "payments", "name": "Payments", "description": "This system feels like a playful, high-energy tech brand that dares to be vibrant without sacrificing clarity. The deep, rich 'Grape Soda' purple is the signature and dominant hue, creating a striking backdrop for crisp white text and clean, information-dense UIs. Bright 'Lemon Zest' yellow appears strategically as an accent, especially in the announcement bar, introducing a pop of warmth. Type is clean and authoritative with a touch of character, using generous letter spacing within headlines to balance the bold color choices.", "theme": "light", "industry": "fintech", "source_url": "https://lemonsqueezy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924533910-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924533910-thumb.jpg", "refero_style_id": "123a15b8-4e17-4812-83ec-899cce45db5b", "extracted_at": "2026-04-11T16:22:35.126Z", "path": "skills/payments/DESIGN.md" }, { "id": "peak-design", "name": "Peak Design", "description": "This system embodies a utilitarian elegance, pairing stark black and white sections with subdued neutrals to frame product photography. Typography is the primary expressive element, with a high-contrast serif font for arresting headlines that feel established yet contemporary. Subtle button treatments and precise spacing prioritize content clarity and direct interaction, creating a refined, almost stoic, e-commerce experience.", "theme": "light", "industry": "ecommerce", "source_url": "https://peakdesign.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924992046-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924992046-thumb.jpg", "refero_style_id": "6f3fb64d-d4c9-4ec1-86a1-7983e5180985", "extracted_at": "2026-04-11T16:30:17.268Z", "path": "skills/peak-design/DESIGN.md" }, { "id": "pedro-duarte", "name": "Pedro Duarte", "description": "This design evokes a feeling of restrained, almost academic cool, like a scholar's personal archive. It employs a predominantly monochrome palette, allowing a deep, dark background to create a focused, low-distraction environment. The use of a custom monospaced-esque typeface with tight letter spacing reinforces a technical, precise aesthetic, while subtle red accents signify active navigation without overt visual noise. The core visual identity is minimalist, relying on strong typography and the deliberate absence of ornamentation.", "theme": "dark", "industry": "agency", "source_url": "https://ped.ro", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925548120-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925548120-thumb.jpg", "refero_style_id": "bee5e949-b8ba-43cb-aaeb-d8c3b5efb3fd", "extracted_at": "2026-04-11T16:39:26.205Z", "path": "skills/pedro-duarte/DESIGN.md" }, { "id": "peggy", "name": "Peggy", "description": "Peggy is a design system built on a monochrome palette with sharp contrasts and minimal embellishment. It employs a modern, sans-serif primary typeface for body text and a distinctive serif for headlines, creating a duality of contemporary clarity and artistic gravitas. Components are lightweight with strong outlines and often stark backgrounds, emphasizing content through a lack of decorative elements. The overall aesthetic is one of understated authority, reflecting a serious approach to the art market.", "theme": "light", "industry": "design", "source_url": "https://peggy.com/royalties", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521437658-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521437658-thumb.jpg", "refero_style_id": "0ed4e85f-f3e9-438c-bc34-2a726863c602", "extracted_at": "2026-04-30T03:57:40.210Z", "path": "skills/peggy/DESIGN.md" }, { "id": "peloton", "name": "Peloton", "description": "Peloton's design system exudes a premium, focused energy through a dark, high-contrast palette and precise typography. The deep charcoal surfaces with stark white text create an immersive, yet highly legible experience. A vibrant, singular red accent provides crucial points of interaction and brand identity, while large, rounded buttons soften the overall intensity, making the powerful machinery feel approachable.", "theme": "dark", "industry": "ecommerce", "source_url": "https://onepeloton.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924991526-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924991526-thumb.jpg", "refero_style_id": "355e8465-df7d-486a-9d76-2ace37d076a2", "extracted_at": "2026-04-11T16:30:13.643Z", "path": "skills/peloton/DESIGN.md" }, { "id": "pentagram", "name": "Pentagram", "description": "Pentagram employs a rigorous, authoritative visual aesthetic characterized by high contrast neutrals and a precise typographic hierarchy. The design emphasizes clarity through stark monochromatic palettes, sharp edges, and minimal ornamentation. Components are typically unstyled or outlined, maintaining a lightweight feel, with subtle interactive states. This approach projects a serious, intellectual, and focused brand presence.", "theme": "light", "industry": "design", "source_url": "https://pentagram.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509127559-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509127559-thumb.jpg", "refero_style_id": "86b56f02-57da-48a1-a647-fda9bbdf2c97", "extracted_at": "2026-04-30T00:32:38.640Z", "path": "skills/pentagram/DESIGN.md" }, { "id": "peppasauce", "name": "Peppasauce", "description": "Peppasauce employs a bold, playful 'zine-punk poster' aesthetic with a heavy emphasis on custom typography and high contrast. The visual system is built around a deep indigo canvas and a creamy off-white accent, creating a punchy, almost monochromatic feel broken only by the product imagery. Layouts are dense and text-heavy, framed by decorative borders and repeating textual motifs. The design avoids subtle gradients or shadows, opting for stark outlines and flat color surfaces.", "theme": "dark", "industry": "ecommerce", "source_url": "https://www.peppasauce.love", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518189645-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518189645-thumb.jpg", "refero_style_id": "7dd00c2f-85bf-40ce-8166-b0d09d4e329d", "extracted_at": "2026-04-30T03:03:29.414Z", "path": "skills/peppasauce/DESIGN.md" }, { "id": "perky-bros", "name": "Perky Bros", "description": "Perky Bros employs a sophisticated, craft-oriented visual language with a limited, high-contrast palette. The design feels grounded and textural, with a prominent off-white background and deep charcoal accents. Typography is refined and deliberate, balancing a modern, compact sans-serif with a warm humanist serif. The layout emphasizes thoughtful content presentation with ample comfortable spacing, reflecting a considered approach to design.", "theme": "light", "industry": "design", "source_url": "https://perkybros.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514813071-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514813071-thumb.jpg", "refero_style_id": "058c96d8-c787-4203-a3c2-fe328d941941", "extracted_at": "2026-04-30T02:07:13.055Z", "path": "skills/perky-bros/DESIGN.md" }, { "id": "perplexity-ai", "name": "Perplexity AI", "description": "The Perplexity AI interface presents as a refined, subtly textured workspace, like a digital parchment infused with computational intelligence. A pervasive creamy off-white (#faf8f5) provides a soft visual foundation, allowing charcoal text (#27251e) to softly emerge, rather than starkly contrast. The single teal accent (#016a71) is used judiciously for active states and critical calls to action, providing a quiet spark of functionality without dominating the serene palette. Rounded corners, ranging from a subtle 6px to a more prominent 16px on cards, soften hard edges, while a distinctive 9999px pill shape is reserved for interactive tags and compact action elements, creating a visual rhythm between form and function.", "theme": "light", "industry": "ai", "source_url": "https://www.perplexity.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777422031614-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777422031614-thumb.jpg", "refero_style_id": "e9fff87a-63ce-4c19-840f-98233db62f58", "extracted_at": "2026-04-29T00:21:10.444Z", "path": "skills/perplexity-ai/DESIGN.md" }, { "id": "petertarka", "name": "Petertarka", "description": "Petertarka's visual system evokes a gallery of abstract works: a muted, almost achromatic canvas where individual 'art pieces' (product showcases) are presented in their own vibrantly colored, often 3D-rendered, contexts. The UI itself is minimalist, relying on precise typography and stark line borders rather than heavy shadows or complex gradients. The spacious layout creates a sense of gravitas and focuses attention on the central visual content, punctuated by crisp, interactive elements.", "theme": "light", "industry": "design", "source_url": "https://petertarka.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515218544-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515218544-thumb.jpg", "refero_style_id": "40a590a3-1f0d-41ab-9c39-30adf86dd400", "extracted_at": "2026-04-30T02:13:55.123Z", "path": "skills/petertarka/DESIGN.md" }, { "id": "phantom", "name": "Phantom", "description": "Phantom presents a light, playful, yet sophisticated aesthetic, establishing trust through a unique palette of muted violets and near-achromatic grays. A signature rounded-rectangle form dominates, appearing in primary buttons, hero containers, and navigation elements. The custom 'Phantom' typeface, with its 350-weight headlines, feels intimate and approachable, avoiding the starkness of many crypto platforms while maintaining clarity.", "theme": "light", "industry": "crypto", "source_url": "https://phantom.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924178345-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924178345-thumb.jpg", "refero_style_id": "80028bf5-0c05-43a4-8c9e-b98750d610bd", "extracted_at": "2026-04-11T16:16:36.477Z", "path": "skills/phantom/DESIGN.md" }, { "id": "phantom-studios", "name": "Phantom Studios", "description": "Phantom Studios presents a stark, high-contrast dark theme optimized for technical and creative content. The visual system relies on pure black canvases and crisp white typography, punctuated sparingly by a single vibrant green for active states and highlights. This creates a focused, almost clinical atmosphere where content takes absolute precedence, with subtle geometric shapes and a mono-spaced accent font hinting at precision and digital craft. Surfaces are flat and unlayered, with UI elements defined by minimal borders rather than shadows.", "theme": "dark", "industry": "agency", "source_url": "https://www.phantom.land", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509420055-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509420055-thumb.jpg", "refero_style_id": "1f0cc2ef-9de0-4cbb-909f-ca120ef6d0ae", "extracted_at": "2026-04-30T00:37:17.587Z", "path": "skills/phantom-studios/DESIGN.md" }, { "id": "philip-hugle", "name": "Philip Hugle", "description": "Philip Hugle's visual system evokes the precision of a printed book combined with a stark, no-frills digital portfolio. It uses a strictly monochrome palette, with an emphasis on crisp black text against a white background, punctuated by thin black borders. Typography leans towards the classic and readable, while the layout maintains a high contrast, almost architectural feel with generous whitespace and a clear, linear flow.", "theme": "light", "industry": "design", "source_url": "https://philiphugle.de", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519235170-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519235170-thumb.jpg", "refero_style_id": "48d0714a-7f0e-4b62-b297-1220a825454b", "extracted_at": "2026-04-30T03:20:59.741Z", "path": "skills/philip-hugle/DESIGN.md" }, { "id": "philipp-antoni", "name": "Philipp Antoni", "description": "This design system conjures a digital void, where stark black dominates and content appears through a subtle play of white and electric blue. The aesthetic feels like a glitch art exhibit or a command line interface, prioritizing raw data and fragmented visuals over traditional polish. Monospaced typography and an absence of soft edges or shadows create an atmosphere of technical precision and almost raw, unfiltered expression.", "theme": "dark", "industry": "agency", "source_url": "https://phlntn.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925705368-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925705368-thumb.jpg", "refero_style_id": "0f51bb51-f4fa-479d-a748-9f996fb11a40", "extracted_at": "2026-04-11T16:42:02.344Z", "path": "skills/philipp-antoni/DESIGN.md" }, { "id": "philosophical-foxes", "name": "Philosophical Foxes", "description": "Philosophical Foxes adopts a pixel-art aesthetic integrated into a sophisticated, minimalist interface, evoking a gallery or museum catalog. The visual system pairs a stark black-on-parchment color scheme with a monospace typeface, reminiscent of terminal output or code. Component outlines and boxy forms reinforce a digital, almost wireframe-like structure for the interactive elements, while the content itself leverages a detailed pixel art style.", "theme": "light", "industry": "crypto", "source_url": "https://www.philosophicalfoxes.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514158433-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514158433-thumb.jpg", "refero_style_id": "b89cbf8d-1198-4b0b-b8bc-8ee8025d8a6d", "extracted_at": "2026-04-30T01:56:15.521Z", "path": "skills/philosophical-foxes/DESIGN.md" }, { "id": "photographer", "name": "Photographer", "description": "Julia Johnson's design system screams 'Bold Portfolio, Ever-Shifting Canvas'. The visual identity is defined by highly contrasted imagery against a minimalist, almost stark background that frequently changes hue, making each section a distinct visual statement. Typography is aggressive and direct, using a single dominant font at high weights for immediate impact. The layout prioritizes large-scale images and maximal, fluid areas of color, creating a dynamic and immersive gallery experience where the content itself dictates the mood and palette.", "theme": "light", "industry": "design", "source_url": "https://juliajohnson.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520880548-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520880548-thumb.jpg", "refero_style_id": "837ba115-568f-4ada-8182-3dc100c8b3e4", "extracted_at": "2026-04-30T03:48:15.874Z", "path": "skills/photographer/DESIGN.md" }, { "id": "pierre-rousseau", "name": "Pierre Rousseau", "description": "Pierre Rousseau manifests a stark, conceptual interface, operating like a digital gallery for sonic art. Its sparse monochrome canvas is punctuated by precise geometric typography and a singular, vivid blue accent for interactive elements, which acts as a focused highlight against the otherwise understated aesthetic. The overall impression is one of minimalist precision, emphasizing content through its deliberate presentation rather than decorative flourishing.", "theme": "light", "industry": "design", "source_url": "https://pierrerousseau.info", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514023511-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514023511-thumb.jpg", "refero_style_id": "0a0d96dd-25bf-4747-836c-33663360da54", "extracted_at": "2026-04-30T01:53:58.161Z", "path": "skills/pierre-rousseau/DESIGN.md" }, { "id": "piet-oudolf", "name": "Piet Oudolf", "description": "The Piet Oudolf visual system is a minimalist canvas with a typographic core, emphasizing content with subtle interactions. Its primary characteristic is the textured, almost camouflaged typography that appears to blend with its surroundings, creating an organic, almost ethereal display of information. Navigation is understated, relying on delicate borders and a sparse layout to guide the user, hinting at a natural, understated aesthetic where content is paramount and visual clutter is absent.", "theme": "light", "industry": "design", "source_url": "https://oudolf.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517097643-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517097643-thumb.jpg", "refero_style_id": "3cc1d30c-3b08-48af-bbf0-df195d77835f", "extracted_at": "2026-04-30T02:45:27.287Z", "path": "skills/piet-oudolf/DESIGN.md" }, { "id": "pietrastudio", "name": "Pietrastudio", "description": "Pietra exudes a dynamic, clean, digital canvas aesthetic. Its visual system is built on a crisp white backdrop, punctuated by a vibrant, warm orange action color and muted, pastel gradients that provide visual interest and a sense of depth without overwhelming the UI. Typography is compact and understated, allowing the strong contrasts of the brand orange and deep charcoal text to command attention. Components tend towards soft, rounded shapes and subtle shadow effects, creating a friendly yet capable interface.", "theme": "light", "industry": "saas", "source_url": "https://www.pietrastudio.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520274959-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520274959-thumb.jpg", "refero_style_id": "577eb7d8-3555-4378-83df-0cebebc4782f", "extracted_at": "2026-04-30T03:38:26.580Z", "path": "skills/pietrastudio/DESIGN.md" }, { "id": "pika", "name": "Pika", "description": "The site presents a striking split personality, juxtaposing a relaxed, warm-toned left panel with a deep, authoritative black right panel. This creates a functional and conceptual division, visually separating descriptive content from interactive login forms. Text on both sides prioritizes legibility with high contrast, while subtle border radii soften interactive elements without sacrificing a clean, modern edge. It feels like a laid-back, creative studio space meeting a behind-the-scenes control panel.", "theme": "mixed", "industry": "ai", "source_url": "https://pika.art", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923672816-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923672816-thumb.jpg", "refero_style_id": "9fe9f106-44d2-45fc-9873-10c6ddcfa59b", "extracted_at": "2026-04-11T16:08:12.140Z", "path": "skills/pika/DESIGN.md" }, { "id": "pinterest", "name": "Pinterest", "description": "Pinterest's design aesthetic is that of a bustling creative workshop — a bright, expansive canvas where visual ideas are quickly surfaced and organized. Large, clean typography draws immediate attention, feeling both direct and friendly, while a vibrant signature red provides energetic points of interaction. Subtle, rounded cornering across all interactive elements, paired with ample whitespace, cultivates an approachable and clear interface that supports rapid content browsing and discovery.", "theme": "light", "industry": "media", "source_url": "https://pinterest.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924361580-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924361580-thumb.jpg", "refero_style_id": "8ff3bfb4-6f5e-4e07-83be-56e62ce80d2f", "extracted_at": "2026-04-11T16:19:43.666Z", "path": "skills/pinterest/DESIGN.md" }, { "id": "pipe", "name": "Pipe", "description": "Pipe presents a confident, high-contrast dark theme. The almost-black background paired with stark white typography gives it a technical, no-nonsense feel, while a single vivid orange accent color slices through to highlight key interactions. Typography, primarily in a custom sans-serif, maintains a clean and readable texture against the dark canvas, with subtle variations in weight and spacing. The overall impression is one of digital infrastructure and precision.", "theme": "dark", "industry": "fintech", "source_url": "https://pipe.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924207972-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924207972-thumb.jpg", "refero_style_id": "ab201ed7-928f-4080-ba95-c3992311e39d", "extracted_at": "2026-04-11T16:17:05.741Z", "path": "skills/pipe/DESIGN.md" }, { "id": "pitch", "name": "Pitch", "description": "Pitch embodies an 'energetic professional' mood, achieved through a vibrant violet spectrum contrasted with clean whites and subtle grays. The hero section bursts with rich gradients, while content sections maintain clarity with ample negative space. A blend of sharp geometric forms and soft, rounded elements creates a dynamic yet approachable feel, balancing technical precision with modern friendliness. Custom typography provides distinct voices for headlines and body text, contributing to an overall sense of refined dynamism.", "theme": "light", "industry": "productivity", "source_url": "https://pitch.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776118920648-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776118920648-thumb.jpg", "refero_style_id": "da332394-784c-4df2-9e66-c3f7b1d28f28", "extracted_at": "2026-04-13T22:22:32.713Z", "path": "skills/pitch/DESIGN.md" }, { "id": "pixso", "name": "Pixso", "description": "Pixso embodies a digital workspace aesthetic, with clean lines and a functional layout that prioritizes content. Its visual mood is bright and accessible, achieved through ample white space and subtle, almost invisible grays. The deliberate use of soft, colorful gradients primarily for decorative elements and featured cards prevents the grayscale foundation from feeling sterile, adding a touch of playful innovation without overshadowing the core content.", "theme": "light", "industry": "design", "source_url": "https://pixso.net", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932887698-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932887698-thumb.jpg", "refero_style_id": "155dbf6e-1187-424e-9ce8-59ffecff7e6b", "extracted_at": "2026-04-11T18:41:54.645Z", "path": "skills/pixso/DESIGN.md" }, { "id": "plain", "name": "Plain", "description": "Plain's design system evokes a digital workbench aesthetic: a clean white canvas overlaid with distinct, slightly textured surfaces. The typography is precise and functional, favoring mono-spaced and geometric sans-serifs. A single vibrant green serves as the primary accent, activating interactive elements and key information against an otherwise subdued, near-monochromatic palette. Components are lightweight with subtle shadow work, emphasizing information over heavy ornamentation.", "theme": "light", "industry": "saas", "source_url": "https://plain.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509887009-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509887009-thumb.jpg", "refero_style_id": "9501cfdc-3eb3-4b64-90f6-9afdded48945", "extracted_at": "2026-04-30T00:45:19.089Z", "path": "skills/plain/DESIGN.md" }, { "id": "planetscale", "name": "PlanetScale", "description": "This design system presents as a 'technical monochrome' with sharp angles and a restrained color palette. High contrast black, white, and a range of achromatic grays define the structure, accented sparingly by electric blue and a warm orange, creating focused visual hierarchy. Monospaced typography is a core identifier, lending a precise, computational feel to all text elements. The overall impression is one of efficiency and understated authority, suitable for a developer-centric product.", "theme": "light", "industry": "devtools", "source_url": "https://planetscale.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923231085-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923231085-thumb.jpg", "refero_style_id": "a6771960-b826-49bc-9ee7-7f7a5e29642b", "extracted_at": "2026-04-11T16:00:45.549Z", "path": "skills/planetscale/DESIGN.md" }, { "id": "plasticbionic", "name": "plasticbionic", "description": "plasticbionic employs a stark, minimalist aesthetic with an extreme contrast between pure black and white surfaces. Typography is the primary visual element, often very large and spaced out, creating a deliberate, unhurried rhythm. The system prioritizes quiet backgrounds and delicate boundary lines, allowing content blocks to define themselves through negative space and subtle shifts in background color. Interactions are marked by thin, almost invisible borders and transitions.", "theme": "light", "industry": "design", "source_url": "https://plasticbionic.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514337262-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514337262-thumb.jpg", "refero_style_id": "8904c855-fae9-489c-8aed-e2f7846fb27f", "extracted_at": "2026-04-30T01:59:17.100Z", "path": "skills/plasticbionic/DESIGN.md" }, { "id": "platform", "name": "PLATFORM", "description": "PLATFORM employs a high-contrast, minimalist gallery style, reminiscent of exhibition space. The visual system relies heavily on stark black and white, creating a strong editorial feel where artwork takes center stage. Typography is reserved and precise, with tight tracking. Components are ghosted or outlined, never interfering with content, maintaining a sense of refinement and directness.", "theme": "light", "industry": "design", "source_url": "https://www.platformart.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518830331-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518830331-thumb.jpg", "refero_style_id": "81507860-e43d-4c50-b371-7267af9a914b", "extracted_at": "2026-04-30T03:14:12.334Z", "path": "skills/platform/DESIGN.md" }, { "id": "play", "name": "Play", "description": "Play offers a content-first experience, prioritizing stark readability through a minimal achromatic palette. Text is the primary visual element, set against a pristine white background with discreet use of mid-gray for secondary headings. The design relies on direct typography and ample negative space to convey information, with a single muted blue acting as the only accent for interactive elements.", "theme": "light", "industry": "other", "source_url": "https://play.space", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521031322-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521031322-thumb.jpg", "refero_style_id": "bf7b33f2-5fbd-49e8-aee7-ec67b6cb5ef4", "extracted_at": "2026-04-30T03:50:48.119Z", "path": "skills/play/DESIGN.md" }, { "id": "playdate", "name": "Playdate", "description": "This design system is a cheerful, high-contrast playground. It marries a distinctive vivid yellow with deep, grounded neutrals and a playful violet, creating an energetic yet sturdy aesthetic. The use of a single, custom typeface (Roobert) across all textual elements unifies the brand's voice, while varied weights and sizes carve out hierarchy. The system intentionally avoids complex shadows and layers, favoring bold color blocks and a crisp, almost physical, presentation.", "theme": "mixed", "industry": "other", "source_url": "https://play.date", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924963599-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924963599-thumb.jpg", "refero_style_id": "2175034b-96d7-417e-886f-ff5a4d8551ae", "extracted_at": "2026-04-11T16:29:45.648Z", "path": "skills/playdate/DESIGN.md" }, { "id": "playful", "name": "Playful", "description": "Playful adopts a vibrant yet refined aesthetic with a spacious layout that emphasizes content clarity. Backgrounds feature subtle gradients, creating soft washes of color. Typography is predominantly dark and compact, giving a serious counterpoint to the playful accent colors. Interactive elements utilize a vivid pink, contrasting against a canvas dominated by off-white, imparting an energetic yet sophisticated feel.", "theme": "light", "industry": "productivity", "source_url": "https://playful.software", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518617395-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518617395-thumb.jpg", "refero_style_id": "f93ac72e-73b2-4b2c-80eb-351ddfa56f4d", "extracted_at": "2026-04-30T03:10:35.262Z", "path": "skills/playful/DESIGN.md" }, { "id": "playstation", "name": "PlayStation", "description": "A three-surface marketing system organized around alternating black, white, and PlayStation Blue chapters that scroll past the viewer like a console launch trailer. Each section has a single editorial purpose — hero photography, console product render, PS Plus tier callout, news strip — and each owns one of three full-bleed canvas modes. The chrome is unusually quiet for a gaming brand: bright PlayStation Blue (`#0070d1`) carries every primary CTA as a fully-rounded pill, the proprietary SST face renders display copy at a signature weight 300 (light) for an airy, premium feel, and a crisp 8px-radius secondary card system carries product info on either canvas mode. The system never decorates — no gradient backgrounds on chrome, no atmospheric mesh, no drop shadows beyond a faint section-divide. Imagery does all the heavy lifting: console glamour shots, game key art, and PS Plus tier illustrations occupy 60-90% of every section, with copy compressed into a small editorial slot.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/playstation/DESIGN.md" }, { "id": "pluto-app", "name": "pluto.app", "description": "GoDaddy's Pluto.app page uses a direct, functional interface language on a bright canvas. Dark surfaces and robust typography provide clarity, anchored by a single vibrant teal accent for key interactive elements. Content is structured within clear, card-like containers, employing subtle elevation to distinguish interactive panels without heavy ornamentation, prioritizing straightforward information presentation.", "theme": "light", "industry": "other", "source_url": "https://www.pluto.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517655090-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517655090-thumb.jpg", "refero_style_id": "a805bf0a-7a2f-4ba2-a4a2-73440e1291c7", "extracted_at": "2026-04-30T02:54:33.917Z", "path": "skills/pluto-app/DESIGN.md" }, { "id": "podcorn", "name": "Podcorn", "description": "Podcorn's design system channels a playful yet professional aesthetic through a light, spacious canvas. Dominated by a soft coral-tinged white and deep indigo accents, the interface feels inviting while maintaining clear hierarchy. Typography is compact and confident, paired with a distinct rounded-corner treatment for button-like elements that softens edges. Decorative illustrations provide visual delight without distracting from content, ensuring a streamlined user experience.", "theme": "light", "industry": "media", "source_url": "https://podcorn.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520202811-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520202811-thumb.jpg", "refero_style_id": "8d4b0738-c302-45c6-98c9-b3cd36e04613", "extracted_at": "2026-04-30T03:37:04.672Z", "path": "skills/podcorn/DESIGN.md" }, { "id": "podia", "name": "Podia", "description": "Podia presents a vibrant digital market stall. Its visual system layers playful, organic shapes over a soft, almost glowing white canvas. Information is presented in distinct, elevated cards with rounded corners that hint at approachability, while typography maintains a friendly confidence. A palette of muted pastels and warm earth tones, punctuated by deep near-black text and accents, creates a welcoming and engaging product-focused environment.", "theme": "light", "industry": "saas", "source_url": "https://www.podia.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510102271-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510102271-thumb.jpg", "refero_style_id": "342f1c3b-a123-49b6-a980-3491bc7793db", "extracted_at": "2026-04-30T00:48:47.288Z", "path": "skills/podia/DESIGN.md" }, { "id": "poly", "name": "Poly", "description": "Poly's visual system evokes a smart, understated productivity environment. It employs a near-monochromatic palette for structural elements, allowing a single vibrant orange-red gradient to serve as a focused accent for branding and calls to action. Typography balances a clean sans-serif for body text with distinctive custom display fonts for impact, featuring subtle letter-spacing for refined text blocks. Components are clean and minimal with soft rounded corners and a focus on clarity through considered use of shadows for depth.", "theme": "light", "industry": "ai", "source_url": "https://poly.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508062780-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508062780-thumb.jpg", "refero_style_id": "d8e01e43-d260-4fa3-8f42-ae39e5c6ac84", "extracted_at": "2026-04-30T00:14:54.948Z", "path": "skills/poly/DESIGN.md" }, { "id": "popcorn", "name": "Popcorn", "description": "Popcorn employs a modern, calm, and spacious aesthetic built on a largely monochrome palette. Light, soft surfaces and ample white space define the visual canvas. Typography is characteristically bold yet airy for headlines, conveying information with subtle authority, while body text remains minimal and legible. Small, rounded components with soft shadows and transparent accents give an impression of lightness and approachability.", "theme": "light", "industry": "other", "source_url": "https://popcorn.space", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508441102-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508441102-thumb.jpg", "refero_style_id": "93fe74fd-bac8-4d13-9d5b-3b5e242f74e6", "extracted_at": "2026-04-30T00:21:06.890Z", "path": "skills/popcorn/DESIGN.md" }, { "id": "porsche", "name": "Porsche", "description": "This system projects an image of controlled power and exclusivity, reflecting the Porsche brand. The primary visual tension arises from the interplay of stark black and white surfaces, punctuated by crisp, minimal typography. Design decisions lean towards functional elegance, conveying luxury through restraint and precise spacing rather than overt embellishment, often employing photography within geometric containers.", "theme": "mixed", "industry": "other", "source_url": "https://porsche.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775927603337-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775927603337-thumb.jpg", "refero_style_id": "98676f9d-5c41-413b-afdc-4a87deb154d6", "extracted_at": "2026-04-11T17:13:40.207Z", "path": "skills/porsche/DESIGN.md" }, { "id": "portfolio-cyd-stumpel", "name": "Portfolio Cyd Stumpel", "description": "Cyd Stumpel's portfolio site evokes a whimsical, hand-crafted feel with its warm, off-white canvas and playful, misaligned elements. It balances robust typography with expressive, varied accent colors, creating an atmosphere that feels both professional and approachable. Borders and shadows are frequently used as decorative accents rather than functional separators, adding to a layered, almost scrapbook-like quality. The system prioritizes personality and visual delight over strict grid adherence or minimalist austerity.", "theme": "light", "industry": "design", "source_url": "https://cydstumpel.nl", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513730428-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513730428-thumb.jpg", "refero_style_id": "016caeb7-7150-47a8-b6b2-c6a3192c616a", "extracted_at": "2026-04-30T01:49:18.186Z", "path": "skills/portfolio-cyd-stumpel/DESIGN.md" }, { "id": "porto-rocha", "name": "PORTO ROCHA", "description": "PORTO ROCHA's visual system evokes a meticulous, editorial aesthetic, balancing dense information display with distinct graphic elements. Typography drives hierarchy, utilizing a subtle letter-spacing for large text and monochromatic backgrounds that let content and occasional vibrant imagery take center stage. Components are understated, opting for soft corners and ghosted forms, providing a sophisticated framework without visual clutter. The overall impression is one of grounded, professional clarity with precise, almost architectural spacing.", "theme": "light", "industry": "agency", "source_url": "https://portorocha.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516119297-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516119297-thumb.jpg", "refero_style_id": "701c8312-5e98-49a8-b2c4-25f1cb66de15", "extracted_at": "2026-04-30T02:28:56.892Z", "path": "skills/porto-rocha/DESIGN.md" }, { "id": "portrait", "name": "Portrait", "description": "Portrait evokes a generative canvas feel with a bright, spacious theme featuring softly textured cards and borders. A vibrant, multi-hued color spectrum appears as a playful accent, punctuating an otherwise clean, achromatic UI. Typography is confident and dense, using precise tracking to maintain presence. Elements avoid hard edges, preferring generous radii and subtle, layered shadows that lend depth without heaviness.", "theme": "light", "industry": "productivity", "source_url": "https://portrait.so", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508936226-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508936226-thumb.jpg", "refero_style_id": "6b51388b-d00f-4b22-8297-68fb9fc00bc7", "extracted_at": "2026-04-30T00:29:23.525Z", "path": "skills/portrait/DESIGN.md" }, { "id": "post-familiar", "name": "Post Familiar", "description": "Post Familiar employs a stark, high-contrast visual language reminiscent of underground zine aesthetics. Dominated by black and white, the design uses bold, oversized typography and a narrow, extended custom typeface to create a sense of unconventional luxury. Color is introduced sparingly and vibrantly through small, functional 'badge' elements and outlined interactive states, acting as energetic accents against the monochrome canvas. The overall impression is one of confident boundary-pushing and exclusivity, with a raw, editorial feel.", "theme": "dark", "industry": "ecommerce", "source_url": "https://postfamiliar.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520568295-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520568295-thumb.jpg", "refero_style_id": "3c7a070a-d0f6-4f78-9fdc-58db0b4cbfe1", "extracted_at": "2026-04-30T03:43:11.270Z", "path": "skills/post-familiar/DESIGN.md" }, { "id": "postevand", "name": "Postevand", "description": "Postevand presents a stark, almost architectural aesthetic using monochrome tones, precise typography, and a grid-based layout. The primary canvas is bright white, often overlaid with fine black lines, creating a blueprint-like impression. Components are flat and boxy, emphasizing content and function over decorative elements, with a notable absence of shadows or rounded corners. The visual system feels grounded and serious, utilizing strong contrast and clear visual hierarchy for a direct and impactful user experience.", "theme": "light", "industry": "other", "source_url": "https://postevand.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512302056-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512302056-thumb.jpg", "refero_style_id": "76bfda6b-125f-4d9b-96c0-356de1e9fc10", "extracted_at": "2026-04-30T01:25:26.350Z", "path": "skills/postevand/DESIGN.md" }, { "id": "posthog", "name": "PostHog", "description": "PostHog evokes a functional yet playful workshop aesthetic, like a well-organized workbench with tools neatly arranged. The primary UI elements are predominantly neutral, providing a calm backdrop for sharp, vivid accents. The interplay between a constrained color palette for core UI and a vibrant, multi-hued gradient for brand identity creates a sense of focused competence with a hint of accessible creativity. Custom typography, particularly the varied weights of IBM Plex Sans Variable, lends a bespoke engineered feel.", "theme": "light", "industry": "devtools", "source_url": "https://posthog.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923122075-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923122075-thumb.jpg", "refero_style_id": "56cd3725-3ff0-459e-894d-5da58d1fc549", "extracted_at": "2026-04-11T15:59:05.384Z", "path": "skills/posthog/DESIGN.md" }, { "id": "posthuman", "name": "Posthuman", "description": "Posthuman presents a stark, high-contrast digital canvas, emphasizing bold typography and rich imagery. The visual system leverages pure black backgrounds and a limited grayscale palette to make product and art photography stand out. Subtle motion and interaction provide a sense of refined professionalism without detracting from the visual content.", "theme": "dark", "industry": "design", "source_url": "https://posthuman.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520700757-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520700757-thumb.jpg", "refero_style_id": "99820c01-a9a7-40a4-9d73-8c75b19e7e91", "extracted_at": "2026-04-30T03:45:15.304Z", "path": "skills/posthuman/DESIGN.md" }, { "id": "postnew", "name": "PostNew", "description": "PostNew employs a dark-themed, highly compact visual system that prioritizes content over decorative UI. Deep charcoal backgrounds serve as a canvas for crisp white typography and minimal, unbordered components. The design maintains an atmospheric, theatrical aesthetic through its use of subtle blurring and a focus on raw imagery, allowing the content to define the mood. Interactive elements are sparse, using opacity shifts and a tight typographic hierarchy to convey function.", "theme": "dark", "industry": "design", "source_url": "https://www.postnew.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519602870-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519602870-thumb.jpg", "refero_style_id": "4f76756b-0f06-47a3-baad-d3846b23e132", "extracted_at": "2026-04-30T03:26:59.754Z", "path": "skills/postnew/DESIGN.md" }, { "id": "preply", "name": "Preply", "description": "This system feels like a vibrant, welcoming learning space, merging playful energy with professional clarity. The dominant 'Tutor Pink' background of the hero immediately signals a dynamic, approachable brand. Typography uses a distinctive contrast: the custom 'Platform' font for headlines with tight letter spacing creates punchy, impactful statements, while 'Figtree' provides warm, readable body copy. Subtle 4px and 8px radii are used sparingly on functional elements, maintaining a crisp aesthetic.", "theme": "light", "industry": "other", "source_url": "https://preply.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933091053-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933091053-thumb.jpg", "refero_style_id": "476fea7c-d578-4625-b9e6-36e95faa6ca4", "extracted_at": "2026-04-11T18:45:13.422Z", "path": "skills/preply/DESIGN.md" }, { "id": "prisma", "name": "Prisma", "description": "The Prisma design system evokes the precision of a high-performance developer tool. Predominantly achromatic surfaces in shades of cool gray and crisp white create an environment of focus and clarity. A vibrant teal (#14B8A6) acts as a singular, sharp accent, drawing attention to critical actions and active states. Typography is distinct, with a custom geometric sans-serif for headlines that conveys technical authority, complemented by a highly legible system font for body text.", "theme": "light", "industry": "devtools", "source_url": "https://prisma.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923300367-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923300367-thumb.jpg", "refero_style_id": "8e9e585f-5ad4-4273-8418-e1f82cdb51cf", "extracted_at": "2026-04-11T16:02:03.678Z", "path": "skills/prisma/DESIGN.md" }, { "id": "prisma-labs", "name": "Prisma Labs", "description": "Prisma Labs uses a high-contrast experience with a bright, functional yellow acting as the primary accent against a stark white canvas and deep charcoal text. This creates an energetic and direct communication style. Typography is dense and assertive, with close letter-spacing giving a compact feel. Call-to-action elements are distinct and bold, leveraging the vivid yellow to draw immediate attention. Components are lightweight with minimal adornment, emphasizing content and interaction over heavy UI chrome.", "theme": "light", "industry": "design", "source_url": "https://prisma-ai.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519047784-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519047784-thumb.jpg", "refero_style_id": "8d37e9dd-1d6b-4b60-a636-55aa3e0fc238", "extracted_at": "2026-04-30T03:17:42.802Z", "path": "skills/prisma-labs/DESIGN.md" }, { "id": "programa", "name": "Programa", "description": "Programa employs a refined white-canvas aesthetic with crisp, confident typography as its primary visual communicator. A single vibrant yellow accent color is reserved exclusively for key calls to action, creating high contrast and immediate focus against the otherwise monochrome interface. Components are lightweight and unobtrusive, featuring thin borders and soft rounded corners, allowing content and functionality to take precedence without visual noise.", "theme": "light", "industry": "design", "source_url": "https://programa.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509776756-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509776756-thumb.jpg", "refero_style_id": "41af8353-6a8f-416d-947b-57932f591497", "extracted_at": "2026-04-30T00:43:24.479Z", "path": "skills/programa/DESIGN.md" }, { "id": "promly", "name": "Promly", "description": "Promly uses a dark, immersive canvas with vibrant violet and blue accents that cut through the deep background like neon. Typography is direct and purposeful, maintaining legibility against the dark, gradient-infused surfaces. Components feature soft, rounded corners and subtle elevation, contributing to an approachable yet impactful aesthetic driven by energetic gradients and photography.", "theme": "dark", "industry": "other", "source_url": "https://promlyapp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519002768-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519002768-thumb.jpg", "refero_style_id": "9117a4f5-6171-44ad-aa85-a387a5d80620", "extracted_at": "2026-04-30T03:17:07.840Z", "path": "skills/promly/DESIGN.md" }, { "id": "promova", "name": "Promova", "description": "Promova's visual identity balances playful, almost illustrative color blocks with grounded, sharp typography. The use of a custom display font with wide characters and prominent Manrope for body text creates a distinctly readable and approachable feel, while the generous rounded corners on cards and buttons soften the overall aesthetic. Occasional bright, muted color panels are layered behind content, adding a sense of depth and energetic contrast against the otherwise neutral black-and-white core.", "theme": "dark", "industry": "other", "source_url": "https://promova.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933101837-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933101837-thumb.jpg", "refero_style_id": "dae5e893-ca18-44c3-8f83-358cb52af237", "extracted_at": "2026-04-11T18:45:18.460Z", "path": "skills/promova/DESIGN.md" }, { "id": "propellerai", "name": "PropellerAi", "description": "PropellerAi's design system is a study in minimalist clarity, featuring expansive white space and carefully considered neutral tones. The aesthetic is light, airy, and functional, with subtle shadows and rounded corners providing a sense of approachability without sacrificing professionalism. Typography is highly readable, serving to organize content with measured precision. The system emphasizes clear hierarchies through achromatic contrast and soft visual layering.", "theme": "light", "industry": "ai", "source_url": "https://propel.me", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512684647-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512684647-thumb.jpg", "refero_style_id": "a2e08637-bd7e-4302-ab44-52a5eaa37917", "extracted_at": "2026-04-30T01:31:40.983Z", "path": "skills/propellerai/DESIGN.md" }, { "id": "prose", "name": "Prose", "description": "This design system evokes a sense of refined, organic luxury through its earthy color palette and bespoke typography. Soft, desaturated greens and beiges (#4d523c, #f1ece0) cradle content, while custom fonts, particularly the whisper-weight display typeface Saol, convey a premium, artisanal feel. Button-level details like the generous 60px radius create a distinctive, approachable tactility against an otherwise structured layout, grounding the brand in natural ease.", "theme": "light", "industry": "ecommerce", "source_url": "https://prose.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933056670-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933056670-thumb.jpg", "refero_style_id": "39f06f54-eb62-4cd5-bbf6-0f1927016ca4", "extracted_at": "2026-04-11T18:44:38.042Z", "path": "skills/prose/DESIGN.md" }, { "id": "proton", "name": "Proton", "description": "Proton's design system evokes a digital sanctuary: a crisp, bright base accented by deep, protective purples. The layout emphasizes clear information hierarchy with ample whitespace, using soft gradients for depth without heavy shadows. Typography is precise and confident, balancing a strong sans-serif for UI with a traditional serif for prominent headlines. Interactive elements are clearly defined by vibrant violet cues rather than subtle hover states.", "theme": "light", "industry": "saas", "source_url": "https://proton.me", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510328686-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510328686-thumb.jpg", "refero_style_id": "7fa8f4c3-4114-4c46-b1fb-b6cdcaaa2169", "extracted_at": "2026-04-30T00:52:34.987Z", "path": "skills/proton/DESIGN.md" }, { "id": "protopie", "name": "ProtoPie", "description": "ProtoPie's design system creates a feeling of approachable high-tech proficiency. Its light theme and ample whitespace are punctuated by vibrant violet accents that guide interaction without overwhelming, like glowing controls on a clean white console. The judicious use of rounded corners—from subtle 4px button radii to emphatic 9999px pills—softens the technical edge, making complex prototyping feel open and inviting. Custom display fonts contribute to a distinctive, playful yet authoritative brand voice.", "theme": "light", "industry": "design", "source_url": "https://protopie.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923888067-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923888067-thumb.jpg", "refero_style_id": "031302e5-3269-4735-ab56-d4c7d02edc01", "extracted_at": "2026-04-11T16:11:50.226Z", "path": "skills/protopie/DESIGN.md" }, { "id": "public", "name": "Public", "description": "Public's design system evokes a confident, editorial demeanor, balancing sharp, sophisticated typography with subtle, functional use of color. The primary palette is a clean, high-contrast monochrome, serving as a neutral canvas for data and product interfaces. Visual accents are delivered through a singular, vivid violet for interactive elements and an electric blue for subtle highlights, creating focal points without visual clutter. Surfaces are predominantly light and spacious, grounded by slim borders and minimal shadow, suggesting precision and clarity in financial tooling.", "theme": "light", "industry": "fintech", "source_url": "https://public.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509016634-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509016634-thumb.jpg", "refero_style_id": "9d16aa65-cef7-4bf7-83c8-91837a248cd9", "extracted_at": "2026-04-30T00:30:47.087Z", "path": "skills/public/DESIGN.md" }, { "id": "public-image", "name": "©Public Image", "description": "The Public Image design system is a monochrome, high-contrast visual identity centered around the interplay of stark black text on a clean white canvas. Its aesthetic is minimal and editorial, relying heavily on refined typography to convey sophistication. Spacing is comfortable, allowing elements to breathe without feeling sparse, and the overall impression is one of understated luxury and directness.", "theme": "light", "industry": "design", "source_url": "https://public-image.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514407680-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514407680-thumb.jpg", "refero_style_id": "0884c01f-9239-4c3f-83ef-b2a2cf8fe061", "extracted_at": "2026-04-30T02:00:19.914Z", "path": "skills/public-image/DESIGN.md" }, { "id": "qatalog", "name": "Qatalog", "description": "ClickUp's design system, as seen on the Qatalog acquisition page, emphasizes a bold yet understated aesthetic. High-contrast typography in deep, near-black neutrals anchors the content on a pristine white canvas. A single vivid violet serves as a functional accent, drawing the eye to interactive elements and brand highlights. The visual language balances sharp, confident headlines with approachable body text, creating a system that feels modern and efficient without visual clutter.", "theme": "light", "industry": "ai", "source_url": "https://qatalog.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510121595-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510121595-thumb.jpg", "refero_style_id": "7eed2626-ab11-472c-b04a-603476ff8957", "extracted_at": "2026-04-30T00:49:08.084Z", "path": "skills/qatalog/DESIGN.md" }, { "id": "quentin-hocd", "name": "Quentin Hocdé", "description": "Quentin Hocdé's visual system evokes a dark, cinematic canvas where bold, expanded typography takes center stage. Achromatic colors create a stark contrast, allowing the white text to cut through the deep black background. The design emphasizes deliberate, compact content blocks within a sparse layout, using oversized sans-serifs for dramatic impact, rather than a broad range of type styles.", "theme": "dark", "industry": "design", "source_url": "https://quentinhocde.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513762928-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513762928-thumb.jpg", "refero_style_id": "7a21ba68-2d01-44a6-8b20-149ddef84fef", "extracted_at": "2026-04-30T01:49:37.834Z", "path": "skills/quentin-hocd/DESIGN.md" }, { "id": "quicken", "name": "Quicken", "description": "Quicken presents a robust, data-centric system with a cool, digital aesthetic. Deep violet and bright electric blue dominate, creating a distinct digital signature in a field often characterized by muted financial tones. Information is organized within clean, often shadowless cards, emphasizing clarity and efficient data presentation. Typography is confident and direct, avoiding decorative flourishes to deliver financial insights with precision. The overall impression is one of grounded digital authority, where color functions as high-contrast highlighting and action cues.", "theme": "light", "industry": "fintech", "source_url": "https://www.quicken.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510468944-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510468944-thumb.jpg", "refero_style_id": "75eb47d6-2526-4936-b15a-7474cf4cdc69", "extracted_at": "2026-04-30T00:55:09.846Z", "path": "skills/quicken/DESIGN.md" }, { "id": "quizlet", "name": "Quizlet", "description": "This design system feels like a friendly, structured learning environment, prioritizing clarity and interactive engagement. The dominant near-gray background (#F6F7FB) provides a clean canvas, while a palette of vivid and moderate hues—primarily a bold violet (#4255FF) and accent colors like light blue (#98E3FF) and vibrant pink (#EEAAFF)—define interactive elements and illustrate content categories. The consistent use of `hurme_no2-webfont` with varying weights creates a cohesive textual experience, balancing readability with a distinctive, approachable character.", "theme": "light", "industry": "other", "source_url": "https://quizlet.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933125039-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933125039-thumb.jpg", "refero_style_id": "528eb1d4-8508-4dc6-87b4-c7b92d648dac", "extracted_at": "2026-04-11T18:45:45.571Z", "path": "skills/quizlet/DESIGN.md" }, { "id": "quo-formerly-openphone", "name": "Quo (formerly OpenPhone)", "description": "Quo adopts a stark, high-contrast digital workspace aesthetic: a spacious white canvas punctuated by bold black typography and strategic use of a single vivid lime accent. The design feels direct and functional, leveraging strong visual hierarchy created by heavy black text and subtle, almost invisible UI elements. Components are lightweight with minimal borders, emphasizing content over chrome, and utilizing soft gray backgrounds for subtle differentiation.", "theme": "light", "industry": "saas", "source_url": "https://www.openphone.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510846773-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510846773-thumb.jpg", "refero_style_id": "792089e6-c045-498c-8ba1-48d72c206c66", "extracted_at": "2026-04-30T01:01:16.418Z", "path": "skills/quo-formerly-openphone/DESIGN.md" }, { "id": "raad-cycling", "name": "Raad Cycling", "description": "Raad Cycling embodies a stark, high-contrast aesthetic where pure black and crisp white define the visual landscape. Product imagery takes center stage, punctuated by minimal UI elements that recede until interaction. Typography is assertive yet restrained, utilizing a distinct, widened sans-serif for impact and readability. The overall impression is one of confident, unornamented directness, mirroring the functional ambition of performance cycling gear.", "theme": "dark", "industry": "ecommerce", "source_url": "https://www.raad.cc", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518079610-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518079610-thumb.jpg", "refero_style_id": "a59e7f31-1fca-46c1-a6b0-8d1294b33a7c", "extracted_at": "2026-04-30T03:01:38.629Z", "path": "skills/raad-cycling/DESIGN.md" }, { "id": "ragged-edge", "name": "Ragged Edge", "description": "Ragged Edge employs a sophisticated, high-contrast, black-on-white aesthetic that emphasizes bold typography and a striking, motion-blurred hero gradient. The design balances raw, impactful text with clean, often spacious layouts. Surfaces are predominantly white, punctuated by dark text and accents. Interactive elements maintain a tactile, rounded feel while staying visually understated, allowing the powerful headlines and dynamic hero to dominate.", "theme": "light", "industry": "agency", "source_url": "https://raggededge.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509321979-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509321979-thumb.jpg", "refero_style_id": "fdc0f631-442c-466d-ab79-e1fff2bfdb7d", "extracted_at": "2026-04-30T00:35:49.811Z", "path": "skills/ragged-edge/DESIGN.md" }, { "id": "railway", "name": "Railway", "description": "The design system feels like a tranquil night journey on a futuristic train. It operates in a deep, near-black space (#13111c), punctuated by a single, focused accent of cosmic lilac (#553f83) for primary actions, creating a calm yet confident mood. Large, elegant serif headlines (IBM Plex Serif) provide a literary, almost classic authority that contrasts with the clean, utilitarian sans-serif (Inter) used for the UI. Elevation is achieved through subtle surface shifts and fine borders (#33323e) rather than shadows, reinforcing a flat, technical aesthetic. The signature element is the painterly, atmospheric hero illustration, which establishes a peaceful, imaginative tone that subverts typical dev-tool intensity.", "theme": "dark", "industry": "devtools", "source_url": "https://railway.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775928941976-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775928941976-thumb.jpg", "refero_style_id": "5c32375f-6ef1-4345-9418-ebbb7e887343", "extracted_at": "2026-04-11T17:36:56.930Z", "path": "skills/railway/DESIGN.md" }, { "id": "rainbow", "name": "Rainbow", "description": "This design system is a high-energy, playful expression of crypto. The visual theme is a vibrant, dream-like landscape of soft gradients and stylized cartoon clouds, punctuated by bold, rounded typography. It leverages a maximalist approach to color, with a spectrum of vivid hues appearing dynamically across elements. Transparency and soft white-tinted shadows give components a floating, ethereal quality, contrasting with the solid, impactful call-to-action buttons.", "theme": "light", "industry": "crypto", "source_url": "https://rainbow.me", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924191327-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924191327-thumb.jpg", "refero_style_id": "1680693c-aed8-47e8-917a-04eb89497b09", "extracted_at": "2026-04-11T16:16:57.071Z", "path": "skills/rainbow/DESIGN.md" }, { "id": "rainbowkit", "name": "RainbowKit", "description": "RainbowKit orchestrates a cosmic dark-mode experience with glowing accents. Most surfaces are deep, rich dark grays and blacks, providing a canvas for vibrant, saturated blues, violets, and a spectrum of other hues to punctuate interactive elements and provide visual interest. Typography is compact and precise, maintaining clarity against the dark backdrop. Components favor soft curves and subtle inner shadows, creating a sense of depth and dimensionality without harsh outlines, prioritizing a confident, playful developer-tool aesthetic.", "theme": "dark", "industry": "devtools", "source_url": "https://www.rainbowkit.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513688144-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513688144-thumb.jpg", "refero_style_id": "7421c174-a1b1-4695-a9e7-a82dc6f5ea3b", "extracted_at": "2026-04-30T01:48:36.464Z", "path": "skills/rainbowkit/DESIGN.md" }, { "id": "rains-int", "name": "Rains INT", "description": "Rains INT uses a refined monochrome aesthetic focused on clean surfaces and confident typography. The visual language emphasizes product and fashion photography, with UI elements acting as subtle guides. A primary black serves text and button backgrounds, contrasted with a nearly white background, while a unique yellow is reserved for high-impact headlines, creating a striking yet minimal brand statement. Components are lightweight with generous soft radii, allowing imagery and bold type to dominate the visual hierarchy.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.rains.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508931889-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508931889-thumb.jpg", "refero_style_id": "38c8a8c9-4d2e-462a-bff0-80c9d9619ef2", "extracted_at": "2026-04-30T00:29:15.189Z", "path": "skills/rains-int/DESIGN.md" }, { "id": "ramp", "name": "Ramp", "description": "The Ramp design system evokes the precision and quiet authority of a financial control panel operating in a deep ocean environment. Its foundation is a dark theme, utilizing a rich `#0c0a08` background and surfaces that progressively lighten to reveal hierarchy, like submerged objects reflecting distant light. Typography, primarily Lausanne, sets a technical yet approachable tone with its clean geometry and a prominent use of 'ss01' font feature, ensuring figures and characters align perfectly. Vibrant yellow accents (`#e4f222`) serve as critical interaction indicators, cutting through the deep blue and near-black neutrals like sonar beacons, guiding the user through complex financial interfaces.", "theme": "dark", "industry": "fintech", "source_url": "https://ramp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776118974795-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776118974795-thumb.jpg", "refero_style_id": "b38702a0-75ab-474c-9106-00b624535825", "extracted_at": "2026-04-13T22:23:27.077Z", "path": "skills/ramp/DESIGN.md" }, { "id": "rarible", "name": "Rarible", "description": "Rarible presents a command center aesthetic: a dark canvas with sharp geometric cards and a singular vivid green accent. Typography is compact and precise, using a monospace family for detail and a clean sans-serif for headlines. Bordered elements and subtle elevation provide structure without visual clutter, creating a focused environment for digital asset trading. The dominant visual language emphasizes technicality and functional clarity over rich ornamentation.", "theme": "dark", "industry": "crypto", "source_url": "https://rarible.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510720435-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510720435-thumb.jpg", "refero_style_id": "44c69f5d-68bf-4507-8f00-e6aa1c96246b", "extracted_at": "2026-04-30T00:59:14.741Z", "path": "skills/rarible/DESIGN.md" }, { "id": "rauno-freiberg", "name": "Rauno Freiberg", "description": "Rauno.me employs a playful, high-contrast aesthetic, utilizing vibrant, unmodulated primary colors for a bold, graphic presence. The design leans into stark black typography on white or vivid colored backgrounds, creating a sense of directness. Components are minimalist, often represented by large, rounded shapes or text with subtle hover effects, avoiding complex gradients or shadows. The overall feel is one of confident simplicity and visual impact through color blocking and clear typographic hierarchy.", "theme": "light", "industry": "design", "source_url": "https://rauno.me", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516379332-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516379332-thumb.jpg", "refero_style_id": "2b46dc00-9517-4ad0-9bf3-a07d3c0bf385", "extracted_at": "2026-04-30T02:33:17.543Z", "path": "skills/rauno-freiberg/DESIGN.md" }, { "id": "raus", "name": "Raus", "description": "Raus employs a serene wilderness-retreat visual language: naturalistic colors, soft rounded forms, and compact typography that blends seamlessly with rich photography of cabins and nature. The overall impression is one of grounded tranquility with moments of playful vibrancy. Components feature subtle elevation and generous padding, creating a comfortable, inviting experience.", "theme": "light", "industry": "other", "source_url": "https://www.raus.life", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516752504-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516752504-thumb.jpg", "refero_style_id": "d28732de-1b7a-4d37-b7aa-edfa7caf428b", "extracted_at": "2026-04-30T02:39:36.534Z", "path": "skills/raus/DESIGN.md" }, { "id": "raw-materials", "name": "Raw Materials", "description": "Raw Materials' design evokes a playful yet assertive mood, like a meticulously organized artisan's workshop using high-contrast, bold blocks of color. The visual identity is defined by its vibrant, almost fluorescent brand colors that pop against a soft, near-white background, creating an immediate, high-energy impact. This is reinforced by chunky custom typography with highly controlled letter-spacing, giving the text a graphic, almost sculptural presence rather than a purely communicative one. The consistent use of generous border-radii on interactive elements adds a touch of friendliness to the otherwise stark and deliberate composition.", "theme": "light", "industry": "agency", "source_url": "https://therawmaterials.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925247784-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925247784-thumb.jpg", "refero_style_id": "274e85fb-a34d-4e41-9369-be03065b971b", "extracted_at": "2026-04-11T16:34:37.529Z", "path": "skills/raw-materials/DESIGN.md" }, { "id": "raycast", "name": "Raycast", "description": "Raycast lives in near-total darkness — a #040506 void where UI surfaces emerge as barely-lighter charcoal strata rather than conventional cards. The signature move is depth through shadow layering: the keyboard-key shadow `rgba(0,0,0,0.4) 0px 1.5px 0.5px 2.5px, rgb(0,0,0) 0px 0px 0.5px 1px, rgba(0,0,0,0.25) 0px 2px 1px 1px inset, rgba(255,255,255,0.2) 0px 1px 1px 1px inset` makes interactive elements feel physically pressable — a tactile metaphor for keyboard shortcuts. The brand red (#FF6363) appears sparingly as a status signal and logo accent rather than a CTA color; primary download buttons are a near-white #E6E6E6 pill on black — inverted convention. Radial gradients with blue and purple cores bleed into the dark canvas at very low opacity, creating the impression of colored light sources behind frosted obsidian. Type is Inter with tight negative tracking at display sizes, shifting to loose positive tracking on micro labels and badges — creating a two-register system where headlines contract and metadata breathes.", "theme": "dark", "industry": "productivity", "source_url": "https://raycast.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777459607676-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777459607676-thumb.jpg", "refero_style_id": "3b6a17f0-3bdf-418c-a95e-0b89e5a8b2f8", "extracted_at": "2026-04-29T10:49:17.653Z", "path": "skills/raycast/DESIGN.md" }, { "id": "re-grocery", "name": "re_ grocery", "description": "re_ grocery uses a sun-baked tactile aesthetic, blending friendly serif typography with modern sans-serifs, all set against a warm, off-white canvas. A singular vibrant orange serves as the brand's energetic accent, appearing predominantly as an outline for interactive elements and as a solid background for key navigation or critical sections. The layout favors ample whitespace and clearly defined content blocks, emphasizing product-focused imagery and maintaining a focused yet approachable shopping experience.", "theme": "light", "industry": "ecommerce", "source_url": "https://regrocery.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509079764-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509079764-thumb.jpg", "refero_style_id": "2ef7c644-3454-45d1-bd2f-f8290119821d", "extracted_at": "2026-04-30T00:31:44.381Z", "path": "skills/re-grocery/DESIGN.md" }, { "id": "readwise", "name": "Readwise", "description": "This design evokes the feel of a diligent academic workspace – focused and organized, with clear visual cues to guide attention. The use of a brand-specific blue for interactive elements cuts through the otherwise muted, almost off-white background and near-black text, signaling action without being overly aggressive. Highlights and key phrases stand out with a soft, muted yellow background, mimicking physical highlighters, creating a direct visual reference to core product functionality. The interplay of a custom serif font for display text against a highly legible sans-serif for body content establishes a serious yet approachable scholarly tone.", "theme": "light", "industry": "productivity", "source_url": "https://readwise.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924685216-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924685216-thumb.jpg", "refero_style_id": "34c8dbee-f5d9-4495-a0e0-a25c6ca4b95b", "extracted_at": "2026-04-11T16:24:59.976Z", "path": "skills/readwise/DESIGN.md" }, { "id": "readymag", "name": "Readymag", "description": "This design system is a dynamic canvas, blending stark, high-contrast typography with an unpredictable, vibrant color palette. It feels like a digital art gallery, designed for maximal visual impact where each content block is an independent exhibit. The deliberate clash of intense, vivid colors with a predominantly achromatic base creates a playful yet assertive atmosphere, eschewing traditional corporate polish for expressive, almost rebellious, visual communication.", "theme": "light", "industry": "design", "source_url": "https://readymag.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923858789-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923858789-thumb.jpg", "refero_style_id": "1287abc9-da90-410d-a997-96b8b11ad646", "extracted_at": "2026-04-11T16:11:23.926Z", "path": "skills/readymag/DESIGN.md" }, { "id": "reboot", "name": "reboot", "description": "This design system evokes the precision of an architectural blueprint, meticulously rendered against stark white. Clarity is paramount, achieved through high contrast and an almost clinical absence of chromatic color. The unique use of near-invisible, outline-only components creates an airy lightness, making every element feel deliberately placed while maintaining a clean, spacious aesthetic.", "theme": "light", "industry": "agency", "source_url": "https://reboot.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925188424-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925188424-thumb.jpg", "refero_style_id": "ac14ea36-ea3e-4a25-bd16-11fb50d806fb", "extracted_at": "2026-04-11T16:33:24.343Z", "path": "skills/reboot/DESIGN.md" }, { "id": "recess", "name": "Recess", "description": "Recess evokes a playful and ephemeral calm, like floating candy clouds in a pastel sky. The visual language balances approachable softness with crisp technical legibility through the Sharp Grotesk typeface. Large, airy sections of pastel gradients and product photography create a relaxed, uncluttered feel, while the consistent use of a muted violet-blue for text and primary elements anchors the whimsical palette in a clear, trustworthy brand identity. The design uses rounded forms and soft shadows to maintain a friendly and light atmosphere.", "theme": "light", "industry": "ecommerce", "source_url": "https://takearecess.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926299626-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926299626-thumb.jpg", "refero_style_id": "2c7a280c-7cc1-4766-b043-bc8bdd9b868c", "extracted_at": "2026-04-11T16:52:06.782Z", "path": "skills/recess/DESIGN.md" }, { "id": "reclaim", "name": "Reclaim", "description": "This design orchestrates a friendly yet authoritative presentation through vibrant accents against a clean, spacious white backdrop. Key information is spotlighted with bold headings and a signature electric violet, while supporting details use muted tones. The frequent use of rounded corners, especially 100px pill shapes, softens the otherwise structured content, creating an approachable and modern feel for an AI-driven tool.", "theme": "light", "industry": "ai", "source_url": "https://reclaim.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922951235-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922951235-thumb.jpg", "refero_style_id": "71c7b9ad-44cc-483f-9c53-3cf73e0522a4", "extracted_at": "2026-04-11T15:56:09.970Z", "path": "skills/reclaim/DESIGN.md" }, { "id": "redbrick-coffee", "name": "Redbrick Coffee", "description": "Redbrick Coffee uses a bold, expressive e-commerce aesthetic, characterized by a dominant, warm red that demands attention. High-contrast typography emphasizes a traditional serif for large, editorial headlines and a practical sans-serif for functional UI elements. Surfaces are minimal, relying on stark white and a soft F2F2F2 gray for product cards, while interaction is guided by an outlined red accent. Elements are generously spaced, creating a clean rhythm against the vibrant brand color.", "theme": "light", "industry": "ecommerce", "source_url": "https://redbrick.coffee", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516477390-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516477390-thumb.jpg", "refero_style_id": "9307193e-7ce3-48c1-b650-8ab77aa83c3f", "extracted_at": "2026-04-30T02:34:58.411Z", "path": "skills/redbrick-coffee/DESIGN.md" }, { "id": "redis-agency", "name": "Redis Agency", "description": "Redis Agency employs a dramatic, high-contrast dark-mode aesthetic, creating a sense of luxury and seriousness. It pairs large, elegant serif headlines with a compact sans-serif for body text, establishing clear typographic hierarchy. The overall feel is spacious, with generous negative space and minimal, highly rounded components that appear almost sculptural against the black canvas. Color is strictly controlled, centered around a stark black and white palette, accented only by brand-specific imagery or internal details that appear as subtle splashes of vibrancy.", "theme": "dark", "industry": "agency", "source_url": "https://www.redis.agency", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512341879-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512341879-thumb.jpg", "refero_style_id": "4406799b-1586-4d84-aac9-e6acdee0f679", "extracted_at": "2026-04-30T01:26:00.081Z", "path": "skills/redis-agency/DESIGN.md" }, { "id": "reducto", "name": "Reducto", "description": "Reducto embraces a clean, purposeful aesthetic, pairing high-contrast typography with a striking purple accent. The visual system features sharp edges and minimal elevation, emphasizing data clarity and directness. Monochrome interfaces are punctuated by a single vibrant brand color, creating focal points and guiding user interaction. Strong borders and subtle textural backgrounds provide structure without adding visual weight.", "theme": "light", "industry": "ai", "source_url": "https://reducto.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508693388-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508693388-thumb.jpg", "refero_style_id": "af55f85e-1c82-44c1-a8d0-32634bfa6296", "extracted_at": "2026-04-30T00:25:21.821Z", "path": "skills/reducto/DESIGN.md" }, { "id": "refero", "name": "Refero", "description": "Refero uses a white-canvas editorial language where a high-contrast serif headline font (Title) carries nearly all expressive weight against an otherwise achromatic UI. The page breathes with generous vertical rhythm, letting black-on-white hierarchy do the work that other systems hand to color. The single accent move is a filled black pill button against white — no gradients, no color splashes, just ink-weight contrast. Borders and muted grays form a quiet structural grid, while the inset blue-tinted shadow on surface elements is the only chromatic whisper in an otherwise monochrome system.", "theme": "light", "industry": "design", "source_url": "https://refero.design/mcp", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777561486510-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777561486510-thumb.jpg", "refero_style_id": "3f296d6e-6a1c-45db-829b-afb078d49ab4", "extracted_at": "2026-04-30T15:06:33.442Z", "path": "skills/refero/DESIGN.md" }, { "id": "reflect-notes", "name": "Reflect Notes", "description": "Reflect Notes evokes a deep, intellectual calm, like a thoughtful, organized mind brought to digital life. The consistent dark violet canvas sets a contemplative mood, while subtle gradients and inset shadows carve out interactive elements and content zones with precision. A single powerful violet serves as the primary accent, drawing focus and providing clear affordances without overwhelming the subdued aesthetic. The interplay of soft, almost translucent cards with sharp typography gives the UI a distinctly thoughtful and elevated feel.", "theme": "dark", "industry": "productivity", "source_url": "https://reflect.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922738443-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922738443-thumb.jpg", "refero_style_id": "e7f92774-3c08-402b-917d-020ba1f3d489", "extracted_at": "2026-04-11T15:52:45.655Z", "path": "skills/reflect-notes/DESIGN.md" }, { "id": "regi-laboratories", "name": "REGI Laboratories", "description": "The REGI Laboratories design system employs a refined, almost minimalist aesthetic with a dominant white canvas subtly tinted by a soft, ethereal gradient. Typography takes center stage, featuring a classic serif for headlines that conveys heritage and authority, contrasted with a modern sans-serif for body text. Interaction elements are ghost-like and understated, relying on subtle borders and text color changes rather than bold fills, maintaining an open and airy feel. Whitespace is generous, allowing content to breathe and emphasizing the delicate visual balance.", "theme": "light", "industry": "other", "source_url": "https://regi.it", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520800380-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520800380-thumb.jpg", "refero_style_id": "4cb66ac5-df12-46fc-beb2-d72a2a12a85d", "extracted_at": "2026-04-30T03:46:58.160Z", "path": "skills/regi-laboratories/DESIGN.md" }, { "id": "regisgrumberg", "name": "Regisgrumberg", "description": "Regisgrumberg embraces a conceptual, dark-mode aesthetic with high contrast and stark white typography as the primary visual element. The design uses very little color, focusing instead on dynamic typographic arrangements and a sense of depth and movement created by shifting text. The overall impression is digital, experimental, and direct, with UI elements acting as functional accents rather than decorative flourishes.", "theme": "dark", "industry": "design", "source_url": "https://www.regisgrumberg.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513314435-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513314435-thumb.jpg", "refero_style_id": "1a2ca4fb-1087-4fd0-83ba-590bc63f54ee", "extracted_at": "2026-04-30T01:42:24.358Z", "path": "skills/regisgrumberg/DESIGN.md" }, { "id": "rekki", "name": "REKKI", "description": "REKKI embodies a 'night vision command center' aesthetic, utilizing a predominantly dark theme with sharp, almost glowing typography, and carefully chosen pops of vivid blue for primary actions. The interface balances information density with generous padding within components, creating distinct content blocks that stand out against the deep night-mode background. Surface treatments are subtle, relying on slight tonal shifts for hierarchy, almost no shadows, and rounded corners which soften the otherwise assertive, utilitarian design.", "theme": "dark", "industry": "ai", "source_url": "https://rekki.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520922237-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520922237-thumb.jpg", "refero_style_id": "65b8df27-36a3-47a6-be53-735d1f6a485d", "extracted_at": "2026-04-30T03:49:13.133Z", "path": "skills/rekki/DESIGN.md" }, { "id": "relate-dot-app", "name": "Relate dot App", "description": "This design system presents domain names with a direct, unembellished style, leveraging high-contrast typography against simple, almost utility-like white panels. Information is segmented into cards with subtle borders rather than heavy visual separation. The overall impression is one of efficiency and clarity, with information delivered plainly without decorative flourishes. A vibrant yet functional blue or green is reserved for links or indicators to guide attention, while the majority of the interface remains in a monochrome palette.", "theme": "light", "industry": "other", "source_url": "https://relate.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520076347-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520076347-thumb.jpg", "refero_style_id": "6bc9448b-5d39-4aba-9007-25c7a2aedbad", "extracted_at": "2026-04-30T03:34:55.040Z", "path": "skills/relate-dot-app/DESIGN.md" }, { "id": "relief", "name": "Relief", "description": "Relief's visual system evokes a refreshing, confident simplicity, utilizing a primarily cool blue and white palette. Illustrations are front-and-center, creating a friendly and approachable feel rather than an austere financial one. Typography is robust and direct, anchored by strong, rounded buttons that feel tangible and reassuring. The design favors soft elevation and ample whitespace, framing content with a playful organic rather than rigid geometric structure.", "theme": "light", "industry": "fintech", "source_url": "https://www.relief.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519767641-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519767641-thumb.jpg", "refero_style_id": "e6b53c1e-644b-4300-b42f-0e64905d1443", "extracted_at": "2026-04-30T03:29:50.704Z", "path": "skills/relief/DESIGN.md" }, { "id": "relieve-furniture", "name": "Relieve Furniture", "description": "Relieve Furniture uses a calm, sustainable efficiency aesthetic: light, airy canvases, subtle elevation, and a focused palette of muted greens and purples. Typography is precise and airy, conveying information clearly without visual clutter. Components often feature soft rounded corners, suggesting approachability within an otherwise crisp, structured layout. The overall impression is one of organized, eco-conscious professionalism.", "theme": "light", "industry": "other", "source_url": "https://relievefurniture.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520825427-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520825427-thumb.jpg", "refero_style_id": "4e7daadc-3dc4-4211-bf25-626ea7b216e6", "extracted_at": "2026-04-30T03:47:27.644Z", "path": "skills/relieve-furniture/DESIGN.md" }, { "id": "relume", "name": "Relume", "description": "Relume uses a productivity-focused design vocabulary, built on a light, airy canvas with soft, rounded surfaces. Typography is compact and precise, maintaining clarity even at smaller scales. A vibrant purple serves as the primary accent, signaling interactive elements and brand presence against an otherwise subtle neutral palette. Components are lightweight with minimal elevation, emphasizing functionality over heavy visual ornamentation, often featuring a blend of pixel and percentage units for fluid responsiveness.", "theme": "light", "industry": "ai", "source_url": "https://relume.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777500516721-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777500516721-thumb.jpg", "refero_style_id": "b2dab9ac-9e35-43f5-a8bb-dd9d6702acf0", "extracted_at": "2026-04-29T22:08:58.832Z", "path": "skills/relume/DESIGN.md" }, { "id": "renault", "name": "Renault", "description": "Renault's web presence pairs the freshly-modernised Renault diamond (the 2021 flat-line rhombus mark) with a stark black-and-white canvas, a signature Sunlight Yellow accent, and the proprietary NouvelR display typeface. The system reads as confident, photography-first automotive — large hero cars on neutral or atmospheric backdrops, square-edged or barely-rounded containers, and a small disciplined palette where every coloured element is intentional. Tile grids, full-bleed banners, and a recurring \"configurator\" surface (white card, yellow accent dots, neutral product chrome) carry the mass-market dealership tone without crossing into luxury.", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/renault/DESIGN.md" }, { "id": "render", "name": "Render", "description": "This design system is a light, airy canvas punctuated by bold, evocative gradients and a vibrant, expansive color palette. The combination of clean, modern sans-serifs and a striking, multi-color gradient usage creates a dynamic yet professional atmosphere. Text is predominantly dark charcoal against a pristine white background, allowing the rich accent colors and gradients to highlight key information and interactive elements, giving the impression of a sophisticated, high-performance platform.", "theme": "light", "industry": "devtools", "source_url": "https://render.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923263576-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923263576-thumb.jpg", "refero_style_id": "c14bfde7-6f08-4b54-bd9b-39989d10cfef", "extracted_at": "2026-04-11T16:01:27.213Z", "path": "skills/render/DESIGN.md" }, { "id": "replicate", "name": "Replicate", "description": "Replicate offers a dynamic and playful interface that contrasts with its technical subject matter. A vibrant pink-red-yellow gradient serves as a high-energy backdrop, reminiscent of digital signal pathways, while the primary content remains crisp and legible on white and dark gray surfaces. The design balances a bold, almost disruptive hero with a structured, informative presentation lower down the page, using rounded forms sparingly but deliberately to soften areas of interaction amidst sharp-cornered content blocks.", "theme": "light", "industry": "ai", "source_url": "https://replicate.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923591345-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923591345-thumb.jpg", "refero_style_id": "71c21f97-ba85-4439-b259-198a66f4b3d2", "extracted_at": "2026-04-11T16:06:59.512Z", "path": "skills/replicate/DESIGN.md" }, { "id": "replit", "name": "replit", "description": "Replit's design system evokes a playful yet powerful creative studio, featuring a bright, almost tactile off-white canvas overlaid with soft, rounded forms. Vivid orange accents punctuate the UI, highlighting active states and key actions, suggesting energy and innovation. Typography balances modern geometric sans-serifs with classic readability, often employing tight tracking for headlines to convey a sense of precision and forward momentum. Components are distinctly shaped with generous radii, ranging from slight curves to full pills, giving the interface a friendly, approachable feel despite its technical focus.", "theme": "light", "industry": "ai", "source_url": "https://replit.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509998104-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509998104-thumb.jpg", "refero_style_id": "c556ab50-a242-4854-9395-450c0004bac5", "extracted_at": "2026-04-30T00:47:09.131Z", "path": "skills/replit/DESIGN.md" }, { "id": "resend", "name": "Resend", "description": "Resend is a pure black command surface — the canvas is #000000 with near-zero colorfulness (1%), giving the entire interface the weight of polished obsidian. Headlines use a custom serif (Domaine) at display sizes with tight -0.01em tracking, while UI copy runs in Inter and monospaced code elements appear in CommitMono, creating a three-voice typographic hierarchy that signals dev tooling without decoration. Color appears almost exclusively as functional data punctuation: violet for code identity, blue for interactive borders, and a handful of vivid status colors (green, red, yellow, light blue) that function as email event indicators — never as decoration. The system uses subtle border-based elevation (1px hairlines at #292d30) rather than shadows, keeping all surfaces flush and matte on black.", "theme": "dark", "industry": "devtools", "source_url": "https://resend.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777504739936-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777504739936-thumb.jpg", "refero_style_id": "0d914ef0-fa84-4c60-a9aa-cef0b5eb6e5d", "extracted_at": "2026-04-29T23:21:20.784Z", "path": "skills/resend/DESIGN.md" }, { "id": "resident", "name": "Resident", "description": "Resident employs a disciplined, gallery-like visual language, emphasizing product photography with stark white space and precise, minimal typography. Achromatic tones of black and white dominate, providing a quiet canvas for product hero shots. The design system leans into content-rich layouts, using tight typographic control for an authoritative, editorial feel, with interactive elements sparingly articulated through subtle borders and text rather than bold fills.", "theme": "light", "industry": "ecommerce", "source_url": "https://resident.co.nz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513488410-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513488410-thumb.jpg", "refero_style_id": "f451c085-f048-4c9c-ae3b-03acc88320ab", "extracted_at": "2026-04-30T01:45:08.913Z", "path": "skills/resident/DESIGN.md" }, { "id": "resn", "name": "Resn", "description": "This design system conjures the atmosphere of a clandestine darkroom or a meticulously crafted minimalist exhibition space. Its visual identity relies on extreme contrast and the absence of color, creating a stark, high-impact aesthetic. The entire experience is built around the interplay of pure black and pure white, with a subtle, near-black background providing the only hint of depth, making every interactive element pop with graphic intensity.", "theme": "dark", "industry": "agency", "source_url": "https://resn.co.nz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925510935-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925510935-thumb.jpg", "refero_style_id": "9c1ec0f7-f6fb-4388-9fde-760942dedbda", "extracted_at": "2026-04-11T16:38:44.451Z", "path": "skills/resn/DESIGN.md" }, { "id": "retool", "name": "Retool", "description": "Retool operates on a near-black canvas — #151515 as the dominant ground — with off-white text (#e9ebdf) that reads more like parchment than pure white, giving the dark surface a warm, organic quality rather than a cold tech-void. Typography is the primary design tool: the custom 'saansFont' runs from weight 300 at 72px down to 380 at body sizes, with aggressive negative tracking at large scales creating compressed, authoritative headlines that feel proprietary. Surface depth is achieved through a three-step stack (#0e0e0 → #151515 → #242424) with no shadows — cards are literally darker or lighter slabs of the same material, not elevated objects. The only chromatic punctuation is muted teal (#185849, #0e352c) used as subtle background washes, while the hero gradient bleeds warm earthy tones (amber-rust into near-black) from the bottom-left, creating atmospheric depth without visual noise. Buttons are square-cornered or pill-cornered depending on context — no in-between — reinforcing a binary, decisive visual grammar.", "theme": "dark", "industry": "devtools", "source_url": "https://retool.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777503779439-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777503779439-thumb.jpg", "refero_style_id": "c45b115b-dcb5-446d-8952-85aef740f8e4", "extracted_at": "2026-04-29T23:05:34.544Z", "path": "skills/retool/DESIGN.md" }, { "id": "revenuecat", "name": "Revenuecat", "description": "This design system conjures the feeling of a highly organized, trustworthy digital workspace, balancing robust information display with approachable interactions. It achieves this through a high-contrast white background and deep, muted violet text, accented by a single, prominent 'Digital Violet' (#576cdb) that signifies action and focus. Object Sans headlines, particularly at display sizes, use a whisper-soft letter spacing (e.g., -0.0700em at 80px) to convey authority through precision rather than boldness, ensuring technical infrastructure feels accessible. The interplay between sharp 0px radii on informational cards and generous 9999px pill shapes for primary buttons creates a dynamic tension between structure and user-friendliness.", "theme": "light", "industry": "devtools", "source_url": "https://revenuecat.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932537850-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932537850-thumb.jpg", "refero_style_id": "b5fdba21-fd4d-427e-b551-1e22c51e42db", "extracted_at": "2026-04-11T18:36:03.542Z", "path": "skills/revenuecat/DESIGN.md" }, { "id": "revolut", "name": "Revolut", "description": "The design feels like viewing an epic, cinematic world through the clean, clear interface of a premium device. Full-bleed, aspirational photography in hero sections sets a global, adventurous tone, suggesting the life the product enables. This cinematic feel is grounded by an incredibly strict, almost entirely achromatic color palette, where stark white content blocks sit against pure black or photo backgrounds. The display font, Aeonik Pro, is used with tight negative letter-spacing, giving headlines a precise, architectural quality. This tension between expansive human imagery and minimalist, geometric typography defines the system's identity: aspirational but controlled, powerful but simple.", "theme": "light", "industry": "fintech", "source_url": "https://revolut.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929429031-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929429031-thumb.jpg", "refero_style_id": "a3161c3c-26d4-425b-aaa3-4fc3f06b77ee", "extracted_at": "2026-04-11T17:44:47.958Z", "path": "skills/revolut/DESIGN.md" }, { "id": "riptype-foundry", "name": "Riptype Foundry", "description": "Riptype's design system combines a deep, almost black, background with crisp white typography and sparse, vivid chartreuse accents, creating a high-contrast, edgy aesthetic. Components are compact and minimally decorated, favoring subtle borders over heavy fills or shadows. The overall impression is technical and precise, reflecting its typographic focus. Subtle motion and interaction states provide a responsive, engaging user experience.", "theme": "dark", "industry": "design", "source_url": "https://www.riptype.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514769378-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514769378-thumb.jpg", "refero_style_id": "3e397dc6-0e68-435f-9dee-1966a9d245d3", "extracted_at": "2026-04-30T02:06:28.326Z", "path": "skills/riptype-foundry/DESIGN.md" }, { "id": "rive", "name": "Rive", "description": "The design feels like a high-end piece of creative software, a focused digital workshop cloaked in darkness. A pure black #000000 canvas eliminates all distraction, forcing attention onto the content and UI. The technical, wide-set 'Tomorrow' typeface is the defining visual signature, establishing a futuristic, blueprint-like quality for all headings. A single, warm 'Ignition Orange' accent appears only on primary CTAs, acting as a functional guidance point in the monochromatic environment. Elevation is conveyed not by shadows but by subtle shifts in dark gray surfaces, creating depth like nested panels on a piece of precision hardware.", "theme": "dark", "industry": "design", "source_url": "https://rive.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929279868-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929279868-thumb.jpg", "refero_style_id": "6323a42b-3b47-4774-92e4-15651a9ba2ac", "extracted_at": "2026-04-11T17:42:27.457Z", "path": "skills/rive/DESIGN.md" }, { "id": "riverside", "name": "Riverside", "description": "Riverside's aesthetic is a dark-mode canvas punctuated by vibrant purple actions and crisp, clean typography. The interface uses deep, near-black backgrounds as primary surfaces, softened by subtle elevation with faint shadows. Interactive components are intentionally weighty and prominent, contrasting with the overall muted background, while information is delivered with ample whitespace and clear typographic hierarchy.", "theme": "dark", "industry": "media", "source_url": "https://riverside.fm", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510059122-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510059122-thumb.jpg", "refero_style_id": "09b5a06b-29dc-4d17-8722-d29bd93010c8", "extracted_at": "2026-04-30T00:48:39.127Z", "path": "skills/riverside/DESIGN.md" }, { "id": "rivian", "name": "Rivian", "description": "This system evokes a sense of understated power and refined utility, much like the vehicles it represents. It balances a strong, nearly achromatic palette with crisp typography and subtle interactive accents. The aesthetic is anchored by deep blacks and bright whites, creating high contrast that feels purposeful rather than stark, while carefully articulated letter-spacing at larger type sizes adds a layer of precision. Rounded corners are reserved almost exclusively for interactive elements, softening points of engagement within an otherwise clean, angular visual language.", "theme": "light", "industry": "other", "source_url": "https://rivian.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924928279-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924928279-thumb.jpg", "refero_style_id": "a5dc5626-1103-42e3-9edb-a6d52fb9a210", "extracted_at": "2026-04-11T16:29:09.526Z", "path": "skills/rivian/DESIGN.md" }, { "id": "roberta-s-pizza", "name": "Roberta's Pizza", "description": "Roberta's Pizza brand identity is a playful fusion of classic diner aesthetic and rebellious punk rock energy. It centers on stark contrast, featuring bold red punctuated by deep charcoal and crisp white, creating a high-energy environment. Typography couples a quirky, custom script with a strong, industrial sans-serif. Visual elements are direct and impactful, with minimal decorative ornamentation, prioritizing clear communication and a distinctive personality.", "theme": "light", "industry": "other", "source_url": "https://www.robertaspizza.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516845076-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516845076-thumb.jpg", "refero_style_id": "3e497155-bd96-4134-a4a5-855bd885a25c", "extracted_at": "2026-04-30T02:41:08.916Z", "path": "skills/roberta-s-pizza/DESIGN.md" }, { "id": "robinhood", "name": "Robinhood", "description": "This system evokes a high-contrast, edgy digital experience, like a sleek command interface. Its stark visual identity is built on a limited palette of near-black, pure white, and a single, aggressive electric lime green. Typography plays a crucial role in establishing authority through custom typefaces, with a distinct serif for display headings creating a sense of luxury and importance, while a sans-serif maintains legibility for body text. Rounded pill-shaped buttons stand out against the predominantly angular design, providing clear interactive points.", "theme": "dark", "industry": "fintech", "source_url": "https://robinhood.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924119623-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924119623-thumb.jpg", "refero_style_id": "48ba2283-13b5-423a-8742-390ea4e53c36", "extracted_at": "2026-04-11T16:15:38.797Z", "path": "skills/robinhood/DESIGN.md" }, { "id": "robot-com", "name": "robot.com", "description": "robot.com employs a stark, high-contrast visual system that balances industrial-grade clarity with surprising moments of digital vibrancy. A predominantly achromatic palette of deep grays, crisp whites, and a single vivid yellow accent creates a no-nonsense, functional aesthetic. Typography is confident and compact, establishing an authoritative voice, while components feature generous rounded corners for approachability.", "theme": "light", "industry": "ai", "source_url": "https://www.robot.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508148190-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508148190-thumb.jpg", "refero_style_id": "30dfffb4-ff6d-4128-b3e5-39046ba258f0", "extracted_at": "2026-04-30T00:16:16.942Z", "path": "skills/robot-com/DESIGN.md" }, { "id": "rocc-naturals", "name": "Rocc Naturals", "description": "Rocc Naturals presents a minimal, product-focused aesthetic, blending soft neutrals with a signature muted green. Textures are subtle, with a visual grid framework providing structure against clean surfaces. The design feels grounded and approachable, relying on direct communication and sparse visual elements rather than elaborate decoration.", "theme": "light", "industry": "other", "source_url": "https://roccnaturals.com.au", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518493429-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518493429-thumb.jpg", "refero_style_id": "254b584a-6fb0-4ebb-8893-fc86ccee5ca3", "extracted_at": "2026-04-30T03:08:29.064Z", "path": "skills/rocc-naturals/DESIGN.md" }, { "id": "rogie-king", "name": "Rogie King", "description": "Rogie's personal site uses a warm, vintage digital aesthetic. Information is presented through structured lists and subtly outlined elements on a light parchment-like background. Typography is compact and precise, with distinct color accents highlighting interactive elements and key information, creating a personal yet organized feel. Custom icon borders and subtle gradients add an expressive, handcrafted touch.", "theme": "light", "industry": "design", "source_url": "https://rog.ie", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520511840-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520511840-thumb.jpg", "refero_style_id": "2b67c471-ff5c-4443-9f8d-e704b6bb5236", "extracted_at": "2026-04-30T03:42:12.100Z", "path": "skills/rogie-king/DESIGN.md" }, { "id": "rows", "name": "Rows", "description": "This system feels like a precise, functional workspace, prioritizing clarity and direct interaction. Nearly achromatic surfaces and text form a stark foundation, minimizing distraction and allowing content to take center stage. The single prominent use of a warm gradient accent, along with subtler pastel button backgrounds, injects a controlled energy, hinting at progress and reward against the otherwise restrained UI. Compact spacing, subtle rounded edges, and sharp typography contribute to an efficient and focused user experience.", "theme": "light", "industry": "ai", "source_url": "https://rows.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922821195-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922821195-thumb.jpg", "refero_style_id": "8d4a4e15-31f1-4509-8d13-7746f85c20d7", "extracted_at": "2026-04-11T15:54:01.990Z", "path": "skills/rows/DESIGN.md" }, { "id": "rox", "name": "Rox", "description": "Rox exudes a focused, data-driven clarity, presenting complex financial automation with understated confidence. The design leverages a monochrome palette with strategic pops of a vibrant blue and a scattered, almost playful set of bright accent colors in secondary elements. Dominating the visual landscape is a unique pairing of a classic serif display font for impactful headlines and a clean, modern sans-serif for body text, creating a formal yet approachable feel. The near-achromatic backgrounds and lack of strong shadows contribute to a flat, spacious interface, elevating content through thoughtful typography rather than heavy visual effects. A subtle brand blue is employed sparingly, primarily to highlight interactive elements, guiding user attention with precision.", "theme": "light", "industry": "fintech", "source_url": "https://rox.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932620041-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932620041-thumb.jpg", "refero_style_id": "66eb1c37-a8e5-4e6c-b17f-a75385b462e7", "extracted_at": "2026-04-11T18:37:21.679Z", "path": "skills/rox/DESIGN.md" }, { "id": "ruben-meines", "name": "Ruben Meines", "description": "Ruben Meines uses a digital blueprint aesthetic: stark white planes, grid-aligned elements, and a high-contrast palette of electric violet and vibrant scarlet. Visuals are intentionally flat, with outlines and solid blocks of color. Typography is predominantly monospaced, giving the system a technical, code-like precision, and reinforced by subtle red accents that punctuate key information. Layouts feel spacious and structured, emphasizing clarity and directness.", "theme": "light", "industry": "agency", "source_url": "https://rubenmeines.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518398433-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518398433-thumb.jpg", "refero_style_id": "903284f3-e121-4e20-bd0c-261ae7c26c3d", "extracted_at": "2026-04-30T03:06:58.719Z", "path": "skills/ruben-meines/DESIGN.md" }, { "id": "rubenwyttenbach", "name": "Rubenwyttenbach", "description": "Rubenwyttenbach expresses a minimalist, high-contrast aesthetic where imagery reigns supreme. The design relies on expansive black canvases and crisp white typography, creating a gallery-like experience. Text is sparse, acting as precise labels or subtle navigation, while large initial letters hint at an editorial, artistic sensibility. Elements are subtly framed or bordered, emphasizing clean lines and negative space.", "theme": "dark", "industry": "design", "source_url": "https://rubenwyttenbach.ch", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512989184-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512989184-thumb.jpg", "refero_style_id": "4d00d5f8-a156-41d0-80aa-558bd461235e", "extracted_at": "2026-04-30T01:36:47.826Z", "path": "skills/rubenwyttenbach/DESIGN.md" }, { "id": "runway", "name": "Runway", "description": "This system projects an image of serious, understated technological leadership, avoiding visual exuberance. Typography is the primary visual differentiator, using a custom font family with precise letter-spacing to convey meticulous control. Colors are monochromatic with a single, highly saturated accent, creating a sharp brand impression against an otherwise stoic palette. Components are designed for functionality and subtle brand reinforcement, prioritizing clarity and direct interaction.", "theme": "light", "industry": "ai", "source_url": "https://runwayml.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923602945-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923602945-thumb.jpg", "refero_style_id": "8f623d19-51f6-4da2-bc45-05573cc98283", "extracted_at": "2026-04-11T16:07:06.520Z", "path": "skills/runway/DESIGN.md" }, { "id": "runwayml", "name": "Runway", "description": "", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/runwayml/DESIGN.md" }, { "id": "ryan-stephen", "name": "Ryan Stephen", "description": "Ryan Stephen's design system evokes a clean, gallery-like presentation with a strong emphasis on content and minimal UI distraction. It utilizes a spacious, high-contrast monochrome palette to make imagery pop, ensuring the focus remains on the product designs showcased. Typography is understated and functional, blending into the background to support the visual work. Components are highly softened with generous corner radii, creating a friendly, approachable feel for an otherwise stark layout.", "theme": "light", "industry": "design", "source_url": "https://www.ryanstephen.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517799609-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517799609-thumb.jpg", "refero_style_id": "4080f6e4-e61c-4d3c-ab93-de74a1b5dfc2", "extracted_at": "2026-04-30T02:57:02.239Z", "path": "skills/ryan-stephen/DESIGN.md" }, { "id": "s-bastien-el-idrissi", "name": "Sébastien El Idrissi", "description": "This design system presents content with deliberate minimalism, using strong achromatic contrast and ample negative space to spotlight product visuals. Typography anchors the identity with a single serif font used across all content, creating a consistent, editorial feel. The dark, spacious layout emphasizes raw object forms, while a subtle border style offers a tactile texture to interactive elements.", "theme": "dark", "industry": "design", "source_url": "https://seis.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518280392-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518280392-thumb.jpg", "refero_style_id": "e249ea21-fafd-481f-a5b5-33932b6d8f71", "extracted_at": "2026-04-30T03:04:56.453Z", "path": "skills/s-bastien-el-idrissi/DESIGN.md" }, { "id": "sackville-co", "name": "Sackville & Co.", "description": "Sackville & Co. employs a vibrant, expressive visual language centered on high contrast and dynamic shapes. The design features a light, almost off-white canvas punctuated by a bold, energetic blue. Typography is confident and slightly quirky, mixing a strong sans-serif with a more artistic serif for impactful headlines. Components often prioritize outlined styles with organic, asymmetric radii, making elements feel handcrafted yet sophisticated.", "theme": "light", "industry": "ecommerce", "source_url": "https://sackville.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515644619-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515644619-thumb.jpg", "refero_style_id": "8a3d3f72-9ef0-466d-adde-77189ddff797", "extracted_at": "2026-04-30T02:21:06.471Z", "path": "skills/sackville-co/DESIGN.md" }, { "id": "samara", "name": "Samara", "description": "The design feels like an architectural plan rendered on warm, premium paper. It establishes authority through restraint, using vast negative space and a whisper-thin display font (Regola Light) for headlines, making them feel expansive and considered rather than loud. The palette is strictly controlled: a warm off-white (#fdfdf7) background, black ink for text, and a single, vibrant Sky Blue (#0096f7) for all primary actions. This creates a calm, focused environment where the product—modern, livable spaces—is the hero. Soft 12px radii on cards and buttons provide a touch of organic friendliness to the otherwise precise, geometric typography.", "theme": "light", "industry": "agency", "source_url": "https://samara.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929928220-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929928220-thumb.jpg", "refero_style_id": "934a61aa-50ff-4e90-852b-4ad0b8262d54", "extracted_at": "2026-04-11T17:53:21.380Z", "path": "skills/samara/DESIGN.md" }, { "id": "san-rita", "name": "San Rita", "description": "San Rita balances rugged outdoor aesthetics with refined, almost architectural typography. The visual language evokes adventure and groundedness through a dominant muted green (#84907f) and a 'radio-signal' chartreuse accent (#e2ffcc) against a deep forest green background. Oversized, condensed custom typography for headlines grounds the design, while the monospace text adds a technical, almost archival feel, reminiscent of field notes in a wilderness expedition.", "theme": "dark", "industry": "agency", "source_url": "https://sanrita.ca/about", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776007953228-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776007953228-thumb.jpg", "refero_style_id": "f6b396e6-0ad6-402e-9ab9-0034df0d204d", "extracted_at": "2026-04-12T15:32:53.023Z", "path": "skills/san-rita/DESIGN.md" }, { "id": "sana-agents", "name": "Sana Agents", "description": "This design system projects a clean, authoritative presence through a stark black-on-white palette, punctuated by a single vibrant accent. The large, elegant serif headlines create a sense of established gravitas, while the rounded corners and vibrant lime green call-to-action offer a touch of approachable modernism. This creates a balanced aesthetic where seriousness meets accessible innovation, making complex AI feel intuitive.", "theme": "light", "industry": "ai", "source_url": "https://sana.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932624961-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932624961-thumb.jpg", "refero_style_id": "5bfbe8b0-de0e-470f-b130-929f50437160", "extracted_at": "2026-04-11T18:37:23.190Z", "path": "skills/sana-agents/DESIGN.md" }, { "id": "sandland-sleep", "name": "Sandland Sleep", "description": "Sandland Sleep uses a calm, naturalistic visual language designed to evoke tranquility and trust, combining soft, muted backgrounds with clear, legible typography. A dominant dark navy provides a sense of depth and authority, contrasted by a sunny yellow for key calls to action, creating gentle visual punctuation. Surfaces are largely soft-edged cards with subtle elevation, promoting a friendly and approachable feel while maintaining a clean, digital aesthetic. The overall theme is understated and clean, minimizing distractions to focus on clarity and product presentation.", "theme": "light", "industry": "ecommerce", "source_url": "https://sandlandsleep.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520999113-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520999113-thumb.jpg", "refero_style_id": "be17feca-c2bd-4e17-b4d2-ed3ae019a84c", "extracted_at": "2026-04-30T03:50:25.275Z", "path": "skills/sandland-sleep/DESIGN.md" }, { "id": "sanity", "name": "Sanity", "description": "", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/sanity/DESIGN.md" }, { "id": "sanity-io", "name": "Sanity.io", "description": "Sanity.io's design system feels like a high-performance data visualization interface, where structure and precision meet dynamic, glowing content. A strong black-on-white foundation is punctuated by a spectrum of vivid, almost neon, colors that appear as focal points, indicating interactivity or highlighting data points within a clean, monospaced programming-like aesthetic. The interplay of crisp typography and tightly integrated elements creates a sense of efficiency and controlled power, reflecting its role as a content operating system.", "theme": "light", "industry": "devtools", "source_url": "https://sanity.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923196692-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923196692-thumb.jpg", "refero_style_id": "a3af7369-b61c-4923-a628-931861c8097f", "extracted_at": "2026-04-11T16:00:21.665Z", "path": "skills/sanity-io/DESIGN.md" }, { "id": "sapgoodenergy", "name": "SAPGOODENERGY", "description": "SAPGOODENERGY uses a high-contrast athletic minimalism: stark black typography on vast white canvases, punctuated by a single vibrant orange accent. The design leans into raw energy, with strong sans-serifs and a focus on essential information. Large, generous spacing emphasizes content and creates a focused, almost clinical, presentation. Elements are clean-edged, with soft rounded corners on interactive components providing a subtle human touch.", "theme": "light", "industry": "ecommerce", "source_url": "https://sapgoodenergy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508581888-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508581888-thumb.jpg", "refero_style_id": "0cead5f0-0a56-401f-b637-81d1fe457259", "extracted_at": "2026-04-30T00:23:30.297Z", "path": "skills/sapgoodenergy/DESIGN.md" }, { "id": "savee", "name": "Savee", "description": "Savee marries stark minimalism with playful accents, creating a high-contrast digital canvas for creative inspiration. The deep, inky black surfaces juxtaposed with crisp white typography establish immediate visual impact. A single, vibrant violet accent color is reserved exclusively for interactive elements like buttons, injecting energy into an otherwise monochrome environment, while generously rounded pill shapes add a soft, approachable counterpoint to the sharp text.", "theme": "dark", "industry": "design", "source_url": "https://savee.it", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923983565-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923983565-thumb.jpg", "refero_style_id": "c6d8490d-e3f2-45c8-aebf-fe5f11daf116", "extracted_at": "2026-04-11T16:13:23.617Z", "path": "skills/savee/DESIGN.md" }, { "id": "savoirfaire", "name": "Savoirfaire", "description": "Savoirfaire's design evokes a gallery-like atmosphere, stark and minimal, where a single vibrant accent commands attention. The all-black background with subtle gray text offers a high-contrast canvas, allowing the searing neon green to act as a singular, sharp focal point. Typography features extreme weight variations; ultra-thin headlines dominate at immense sizes, lending an almost whispered authority, while body text remains crisp and functional against the dark. The absence of gradients, shadows, or rounded elements emphasizes the flat, almost two-dimensional nature of the display.", "theme": "dark", "industry": "agency", "source_url": "https://savoirfaire.nyc", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926141432-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926141432-thumb.jpg", "refero_style_id": "e9f1b24a-26c1-49e0-9b5f-74f492185664", "extracted_at": "2026-04-11T16:49:17.198Z", "path": "skills/savoirfaire/DESIGN.md" }, { "id": "savvycal", "name": "Savvycal", "description": "SavvyCal feels like a playful, yet precise, garden of productivity. The dominant use of organic greens and a vibrant lime accent creates an energetic atmosphere, grounded by a warm, almost parchment-like off-white background. The interplay between the structured, almost architectural feel of GT-America typefaces and the more expressive, flowing display type of GT-Alpina gives the system its distinctive voice: serious about function, but delivered with a light, engaging touch. Small, unexpected flourishes like the 'new' badge and the subtle orange accent line add personality without sacrificing clarity.", "theme": "light", "industry": "productivity", "source_url": "https://savvycal.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943699916-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943699916-thumb.jpg", "refero_style_id": "83b71dd8-de08-4c57-80b2-9fced17a0ca5", "extracted_at": "2026-04-11T21:42:02.967Z", "path": "skills/savvycal/DESIGN.md" }, { "id": "sbs-town", "name": "SBS Town", "description": "SBS Town immerses users in a dark, neon-lit digital cityscape. The visual style is characterized by a luminous, futuristic aesthetic where dark surfaces are punctuated by vibrant, glowing accents. Typography is compact and precise, appearing as labels or annotations within the immersive 3D environment. The interface itself is minimal, primarily leveraging the interactive 3D scene, with UI elements serving as functional overlays rather than dominant structural components.", "theme": "dark", "industry": "other", "source_url": "https://open-sbs.brig.ht/city", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515119267-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515119267-thumb.jpg", "refero_style_id": "d670d78f-4542-4a66-b886-fc32361b8562", "extracted_at": "2026-04-30T02:12:17.329Z", "path": "skills/sbs-town/DESIGN.md" }, { "id": "scale", "name": "Scale", "description": "This design system evokes a sense of deep, sophisticated technology within a secure, high-contrast environment. The dominant ultra-dark palette, punctuated by crisp white text and a subtle, iridescent gradient, creates an atmosphere of serious innovation. Minimal use of vibrant colors ensures that any color interaction is highly deliberate, like an indicator light on a complex machine. Typography features whisper-light headlines, conveying authority through understated elegance against the stark backdrop.", "theme": "dark", "industry": "ai", "source_url": "https://scale.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932654225-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932654225-thumb.jpg", "refero_style_id": "e81d4724-9615-4159-8678-cef35f986cab", "extracted_at": "2026-04-11T18:37:56.765Z", "path": "skills/scale/DESIGN.md" }, { "id": "schema", "name": "Schema", "description": "Schema by Figma employs a bold, graphic language, reminiscent of abstract art on an interactive canvas. Its foundation is a stark black and white palette, punctuated by large, flat blocks of vivid and muted chromatic colors that act as dividers and background accents. Typography is primarily functional, featuring custom sans-serifs that maintain clarity even at large display sizes, often against contrasting backgrounds. The layout is structured yet playfully asymmetric, utilizing full-width sections that transition between solid colors and complex, overlapping geometric patterns, often making strong use of negative space.", "theme": "light", "industry": "design", "source_url": "https://schema.figma.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518739551-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518739551-thumb.jpg", "refero_style_id": "2b07d62c-d706-4c9d-a3fb-9c163da09f03", "extracted_at": "2026-04-30T03:12:34.774Z", "path": "skills/schema/DESIGN.md" }, { "id": "schemasofuncertainty", "name": "Schemasofuncertainty", "description": "The 'Schemas of Uncertainty' visual system evokes a stark academic journal or a deconstructed text, prioritizing content density and an austere, monochrome aesthetic. Typography is the primary visual element, laid out to maximize information with minimal spatial adornment. The system relies on a consistent lack of color, using almost exclusively black text on a white background, punctuated by a single, dark gray accent that serves as subtle interactive and structural cues.", "theme": "light", "industry": "media", "source_url": "https://schemasofuncertainty.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517570031-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517570031-thumb.jpg", "refero_style_id": "471709dd-81f0-4ac2-916e-ba874fa67273", "extracted_at": "2026-04-30T02:53:17.873Z", "path": "skills/schemasofuncertainty/DESIGN.md" }, { "id": "school", "name": "School", "description": "This design system evokes a digital scrapbook or a quirky desktop environment, blending structured content with playful, almost childlike elements. The visual language is defined by a gridded card layout, each card a slightly rounded container. Eclectic color accents, often within illustrations or as background highlights, punctuate a predominantly neutral gray canvas. IBM Plex Mono's technical precision paired with Helvetica's classic readability creates a subtle tension, mirroring the creative studio's 'conceptual yet practical' ethos.", "theme": "light", "industry": "other", "source_url": "https://schoooool.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926336587-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926336587-thumb.jpg", "refero_style_id": "a521abb9-d84b-4870-b5a8-363be7c3f94a", "extracted_at": "2026-04-11T16:52:37.145Z", "path": "skills/school/DESIGN.md" }, { "id": "schulhaus-tirol", "name": "Schulhaus Tirol", "description": "Schulhaus Tirol embraces an earthy, rustic elegance with its primary focus on rich, warm tones and robust typography. The design system emphasizes distinct content blocks against a deeply saturated background. Text is generally dark and grounded, providing strong contrast while an accent color creates deliberate visual punctuation. Visuals are contained within defined areas, contributing to a feeling of curated information rather than expansive, flowing layouts.", "theme": "light", "industry": "other", "source_url": "https://www.schulhaus.tirol", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515079563-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515079563-thumb.jpg", "refero_style_id": "dbddcf46-f564-4b8b-8f3a-9b32e04b1639", "extracted_at": "2026-04-30T02:11:38.665Z", "path": "skills/schulhaus-tirol/DESIGN.md" }, { "id": "secure", "name": "Secure", "description": "Whereby blends a soft, friendly aesthetic with crisp, serious typography to create a sense of approachable professionalism. The subtle use of a pale rose background with deep violet accents softens the otherwise monochrome core, making video conferencing feel less sterile. Strategic pops of teal introduce vitality, particularly in areas signaling integration or positive outcomes, while overall structure relies on clean whites and grays, punctuated by precise typographic heirarchy, maintaining an efficient and trustworthy impression.", "theme": "light", "industry": "productivity", "source_url": "https://whereby.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933560058-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933560058-thumb.jpg", "refero_style_id": "7942590d-b11b-4cfb-8fe8-945b3867d865", "extracted_at": "2026-04-11T18:53:02.347Z", "path": "skills/secure/DESIGN.md" }, { "id": "secure-and-powerful-crypto-wallet-ctrl-wallet", "name": "Secure and powerful crypto wallet | Ctrl Wallet", "description": "Ctrl employs a high-contrast, minimalist interface with a strong focus on typography and subtle organic accents. Bold, large black text dominates white backdrops, establishing a clear visual hierarchy. Interactive elements are sparingly colored with vibrant, almost neon green and yellow, creating distinct focal points without overwhelming the monochrome base. Cards introduce soft, rounded corners and muted background tints, adding gentle variations to the otherwise stark presentation. The overall impression is one of crisp efficiency and modern simplicity, with functional accents.", "theme": "light", "industry": "crypto", "source_url": "https://ctrl.xyz", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509474284-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509474284-thumb.jpg", "refero_style_id": "88b02f2c-d82e-495a-8fb6-e750a0fb1211", "extracted_at": "2026-04-30T00:38:22.677Z", "path": "skills/secure-and-powerful-crypto-wallet-ctrl-wallet/DESIGN.md" }, { "id": "seed", "name": "Seed", "description": "Seed's visual system evokes a natural science aesthetic: a dominant muted forest green paired with clean snow white surfaces. Typography is compact and precise, maintaining authority without visual bulk. Rounded 'pill' shapes for interactive elements soften the visual language, contrasting with the scientific rigor suggested by its content. Subtle variations in green and near-white surface colors create depth, while crisp typography and minimal embellishments keep the focus on product clarity and scientific integrity.", "theme": "light", "industry": "other", "source_url": "https://seed.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508479300-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508479300-thumb.jpg", "refero_style_id": "cd723d5a-e7ea-4e4c-a3bb-6cf56e05057a", "extracted_at": "2026-04-30T00:21:46.339Z", "path": "skills/seed/DESIGN.md" }, { "id": "seen", "name": "SEEN", "description": "SEEN's design system embraces a playful, otherworldly aesthetic where vibrant colors are central to its identity. The core visual language is an expressive, gradient-rich fantasy with rounded, organic forms and bold, custom typography. Color is used for soft background washes and as a distinct outline for interactive elements, creating an inviting and whimsical user experience.", "theme": "light", "industry": "media", "source_url": "https://www.seen.space", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512542414-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512542414-thumb.jpg", "refero_style_id": "a6d5cb26-75f6-4be5-95a4-67567a1e429d", "extracted_at": "2026-04-30T01:29:17.803Z", "path": "skills/seen/DESIGN.md" }, { "id": "seksy-planety", "name": "Seksy Planety", "description": "Seksy Planety uses a high-contrast, maximalist visual language, characterized by stark black backgrounds and white text, punctuated by electric neon accents of fuchsia, lime, and purple. UI elements appear as graphic overlays with thick, contrasting borders, creating a layered, collage-like aesthetic. Typography is bold and direct, emphasizing an immediate, almost frantic energy, while all components are sharp-edged, reflecting a raw, unpolished, digital-first sensibility.", "theme": "dark", "industry": "media", "source_url": "https://www.seksyplanety.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517093461-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517093461-thumb.jpg", "refero_style_id": "e6021cb7-8b25-4f0b-9854-5839ec040fa2", "extracted_at": "2026-04-30T02:45:16.273Z", "path": "skills/seksy-planety/DESIGN.md" }, { "id": "sentry", "name": "Sentry", "description": "", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/sentry/DESIGN.md" }, { "id": "sequel", "name": "Sequel", "description": "This design system evokes a sense of understated luxury and serious intent, reflecting a 'dark mode meets gallery space' aesthetic. A dramatic pure black background (#000000) provides a stark canvas for crisp white typography (#ffffff) and subtle, almost invisible components. The system primarily relies on meticulous typography with a custom serif for headlines and a custom sans-serif for body text, creating a strong sense of intellectual weight without visual overwhelm. Rounded lozenges (9999px radius) offer the only soft edges, contrasting sharply with the otherwise linear, rigid structure, suggesting pockets of approachable interaction within a rigorous framework.", "theme": "dark", "industry": "fintech", "source_url": "https://sequel.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776010481020-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776010481020-thumb.jpg", "refero_style_id": "1bd3b2ba-9ad9-44ed-9130-03f9d94de821", "extracted_at": "2026-04-12T16:15:08.564Z", "path": "skills/sequel/DESIGN.md" }, { "id": "sequence", "name": "Sequence", "description": "Sequence establishes a sunlit, architectural clarity with a predominant white canvas, delicate grays, and precise monochrome elements. Subtle background gradients add depth without overwhelming the product's clean functionality. Typography is compact and confident, grounding the interface with a technical yet approachable feel. The visual system emphasizes functional directness, using soft elevation and a single, vivid violet accent for key interactions and brand highlights.", "theme": "light", "industry": "fintech", "source_url": "https://www.sequencehq.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508907082-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508907082-thumb.jpg", "refero_style_id": "707a9081-3d1d-4a0b-b1aa-b58b3fab09af", "extracted_at": "2026-04-30T00:29:09.708Z", "path": "skills/sequence/DESIGN.md" }, { "id": "shade", "name": "Shade", "description": "Shade employs a stark, high-contrast visual language with a focus on functional typography and precise spacing. The design uses a dominant neutral palette relieved by a single vibrant violet accent. Components feature sharp edges or large, bold radii, often with strong box shadows for emphasis, conveying a sense of directness and polished utility. Surfaces are generally flat, with subtle elevation coming from shadows rather than color shifts.", "theme": "light", "industry": "media", "source_url": "https://shade.inc", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508281494-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508281494-thumb.jpg", "refero_style_id": "e549766e-b8b1-48a2-bd72-8cc04e9e4e9d", "extracted_at": "2026-04-30T00:18:31.402Z", "path": "skills/shade/DESIGN.md" }, { "id": "shelby", "name": "Shelby", "description": "Shelby presents as a bold, almost playful take on enterprise software, fusing a deep, rich cacao-brown with a vibrant, energetic hot pink. This highly chromatic palette creates a high-contrast experience, where text and key elements pop dramatically. The use of custom, strong sans-serif typography paired with a monospaced font reinforces a technical yet approachable identity, while sharp corners are softened by occasional, deliberate slight rounding, hinting at precision within expressiveness.", "theme": "dark", "industry": "ai", "source_url": "https://shelby.ashfall.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777411538642-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777411538642-thumb.jpg", "refero_style_id": "c01ccb7b-46c9-487c-8a4e-0e9d6627f0d6", "extracted_at": "2026-04-28T21:25:59.469Z", "path": "skills/shelby/DESIGN.md" }, { "id": "shelby-kay", "name": "Shelby Kay", "description": "Shelby Kay's design system uses an earthy, modern-editorial aesthetic, combining a restrained palette of muted greens and beiges with stark, super-sized typography. The visual language emphasizes large negative space and a grid-like organization, creating an atmosphere of quiet confidence and refined utility. Color is primarily used for deep background contrast and subtle accentuation, allowing strong typographic forms to dominate the hierarchy. Components are minimal, relying on borders and text color variations rather than heavy fills or shadows.", "theme": "light", "industry": "design", "source_url": "https://shelbykay.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521168537-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521168537-thumb.jpg", "refero_style_id": "2ab2f666-6da7-4cd8-bc91-52a28bd560ad", "extracted_at": "2026-04-30T03:53:27.849Z", "path": "skills/shelby-kay/DESIGN.md" }, { "id": "shop", "name": "Shop", "description": "Shop's design system evokes a digital boutique atmosphere: clean, spacious white surfaces present product cards and information with minimal distraction allowing the content to breathe. A distinctive vivid violet acts as a signature accent, punctuating interactive elements and branding. Typography is compact and precise, maintaining a high information density without feeling cramped, while subtle shadows give elements a soft lift.", "theme": "light", "industry": "ecommerce", "source_url": "https://shop.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510542013-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510542013-thumb.jpg", "refero_style_id": "4fa67bd1-f01d-454a-b522-4a0359ff9815", "extracted_at": "2026-04-30T00:56:22.307Z", "path": "skills/shop/DESIGN.md" }, { "id": "shopify", "name": "Shopify", "description": "Shopify's visual design embodies a 'midnight command center' aesthetic, contrasting deep, near-black surfaces with crisp, luminous text. The use of a vivid, slightly desaturated green as the primary accent color injects a dynamic energy against the dark backdrop, appearing precisely where interactivity or emphasis is needed. Typography, featuring a custom variable font 'NeueHaasGrotesk', maintains clarity and a subtle technical feel, further enhanced by precise letter-spacing. Shadows are subtle but add discernible depth, creating a refined, multi-layered dark interface.", "theme": "dark", "industry": "ecommerce", "source_url": "https://www.shopify.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777422557366-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777422557366-thumb.jpg", "refero_style_id": "f212ff99-24fa-4646-a0f2-46a815736ecd", "extracted_at": "2026-04-29T00:29:44.352Z", "path": "skills/shopify/DESIGN.md" }, { "id": "shopify-supply", "name": "Shopify Supply", "description": "Shopify Supply is a digital storefront with a distinct glitch-art, anti-establishment attitude. It combines bold, highly-tracked typography and a dark, almost gritty background with unexpected neon green and yellow accents. The visual system prioritizes sharp contrasts and unconventional styling, using minimal rounded corners and pervasive grid-like textures to evoke a raw, early-internet aesthetic meeting modern streetwear design. Components are largely borderless or subtly outlined, creating a sense of weightlessness on a dense dark canvas.", "theme": "dark", "industry": "ecommerce", "source_url": "https://shopify.supply", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508913267-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508913267-thumb.jpg", "refero_style_id": "05023ef1-b0e6-4e84-8987-edd5dc11a848", "extracted_at": "2026-04-30T00:29:03.764Z", "path": "skills/shopify-supply/DESIGN.md" }, { "id": "shupatto", "name": "Shupatto", "description": "Shupatto's design system is a study in minimalist elegance, prioritizing abundant negative space and a clean, typographic hierarchy. Its muted palette features primary charcoal and white, punctuated by a single vivid violet for functional highlights. This creates a serene, almost art-book like experience, where compact, widely tracked typography carries primary emphasis, allowing products to breathe and take center stage without visual clutter. Components are understated, often borderless, and integrate seamlessly into the expansive white canvas.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.shupatto.com/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508062204-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508062204-thumb.jpg", "refero_style_id": "17824ea8-ac7d-42ca-97e2-9bf92ebea7e1", "extracted_at": "2026-04-30T00:14:53.956Z", "path": "skills/shupatto/DESIGN.md" }, { "id": "shuttle", "name": "Shuttle", "description": "Shuttle employs a crisp, utility-focused aesthetic, blending a stark monochrome palette with a single vibrant blue accent. Surfaces are predominantly white or near-white, providing a clean digital canvas for functional elements. Typography is compact and precise, maintaining a high information density without visual clutter, while subtle shadows and rounded corners soften interactive components.", "theme": "light", "industry": "productivity", "source_url": "https://shuttle.zip/about", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508963566-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508963566-thumb.jpg", "refero_style_id": "7b0f403f-5428-49dc-9ae3-addbe64261ae", "extracted_at": "2026-04-30T00:29:46.661Z", "path": "skills/shuttle/DESIGN.md" }, { "id": "sick-agency", "name": "SICK AGENCY", "description": "SICK AGENCY embodies a raw, high-contrast, and somewhat chaotic energy. It leverages a vibrant, almost aggressive color palette of fiery orange, electric yellow, and shocking blue against stark black and white for maximum visual impact. Typography is bold and unconventional, ranging from tightly packed, heavy display faces to a more understated body text. The system embraces non-standard shapes and circular motifs, creating a sense of playful disruption rather than traditional corporate polish.", "theme": "dark", "industry": "agency", "source_url": "https://sick.agency", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518022192-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518022192-thumb.jpg", "refero_style_id": "9ff03bd9-2ce0-474c-8c73-1905dbacc23b", "extracted_at": "2026-04-30T03:01:06.842Z", "path": "skills/sick-agency/DESIGN.md" }, { "id": "siena", "name": "Siena", "description": "Siena's visual system evokes a raw, cinematic grit, operating in a deep dark mode with sparse, high-contrast typography. The design relies on angular forms and a stark white accent color that punctuates the darkness. Components are minimal, often borderless, and prioritize functionality over decorative embellishment. The overall experience is one of understated intensity, allowing textual content and motion to drive narrative.", "theme": "dark", "industry": "media", "source_url": "https://www.siena.film", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509582476-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509582476-thumb.jpg", "refero_style_id": "1bee2c77-8c47-44f6-b784-ef7aa45d4f93", "extracted_at": "2026-04-30T00:40:01.257Z", "path": "skills/siena/DESIGN.md" }, { "id": "sigmaphoto", "name": "Sigmaphoto", "description": "Sigma presents a sophisticated, high-contrast aesthetic emphasizing product photography against a mostly achromatic interface. Typography is reserved yet impactful, combining custom sans-serif and serif fonts for a classic yet modern feel. Visual hierarchy is achieved through stark black and white contrasts, with a single vivid blue for primary interactive elements, reserving color for action and brand emphasis. Components are sharp-edged and minimalist, reflecting precision and technical excellence.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.sigmaphoto.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509235191-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509235191-thumb.jpg", "refero_style_id": "67c60ee4-ac38-41ee-834e-ed2a92146417", "extracted_at": "2026-04-30T00:34:26.915Z", "path": "skills/sigmaphoto/DESIGN.md" }, { "id": "signal-messenger", "name": "Signal Messenger", "description": "This design system projects an image of digital security and approachability, achieved through a bright, spacious layout with rounded elements. The intentional use of soft blue and white as primary background colors creates an open, trustworthy atmosphere, while dark typography ensures readability. The system strikes a balance between solid, clear interactive elements and subtle background variation, making complex privacy concepts feel accessible.", "theme": "light", "industry": "other", "source_url": "https://signal.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926035480-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926035480-thumb.jpg", "refero_style_id": "41c479a9-7b41-445b-9ea7-c7a6331828f0", "extracted_at": "2026-04-11T16:47:35.368Z", "path": "skills/signal-messenger/DESIGN.md" }, { "id": "silencio", "name": "Silencio", "description": "This design system evokes a sense of stark, intellectual minimalism, like text on archival paper. The near-exclusive use of achromatic colors combined with extremely tight letter spacing and ultra-light font weights creates a unique atmosphere of quiet authority. Interactions are marked by subtle inversions of the monochrome palette rather than vibrant accents, directing focus with understated precision. The overall impression is one of serious, almost academic rigor, where content takes absolute precedence.", "theme": "light", "industry": "agency", "source_url": "https://silencio.es", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925330339-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925330339-thumb.jpg", "refero_style_id": "e67ac20e-6497-4756-b7e2-17859a794fb6", "extracted_at": "2026-04-11T16:35:51.244Z", "path": "skills/silencio/DESIGN.md" }, { "id": "simon-foster", "name": "Simon Foster", "description": "Simon Foster's portfolio design emphasizes an artistic, editorial feel through high-contrast monochrome typography and striking, playful imagery. The layout prioritizes ample whitespace and subtle textural backgrounds, allowing the curated content to breathe. Interactions are minimal and ghosted, retaining a refined, understated aesthetic that directs focus to the work rather than the interface itself.", "theme": "light", "industry": "design", "source_url": "https://www.simonfosters.website", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520242913-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520242913-thumb.jpg", "refero_style_id": "79d341db-8d54-46cd-9d22-2cc576548cfc", "extracted_at": "2026-04-30T03:37:40.508Z", "path": "skills/simon-foster/DESIGN.md" }, { "id": "simon-liesinger", "name": "Simon Liesinger", "description": "Simon Liesinger's design system evokes an architectural blueprint on a muted canvas, utilizing precise typography and a stark achromatic palette. It emphasizes clear visual boundaries and a spacious layout, highlighted by subtle hairline borders. A single vivid red accent is reserved exclusively for navigation cues, drawing attention without visual clutter. The overall effect is one of restrained precision, where information is carefully presented with minimal adornment.", "theme": "light", "industry": "design", "source_url": "https://www.liesingers.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518433326-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518433326-thumb.jpg", "refero_style_id": "a90dbcb6-e42c-4992-a83b-94879699dd4f", "extracted_at": "2026-04-30T03:07:30.591Z", "path": "skills/simon-liesinger/DESIGN.md" }, { "id": "simon-riisn-s-emmen", "name": "Simon Riisnæs Emmen", "description": "Simon Riisnæs Emmen's design system is an unapologetic exploration of high-contrast typography and bold, simple color blocking. It uses stark black text on primary colored surfaces to create an assertive, almost confrontational visual impact. Elements are defined by strong horizontal and vertical lines, with extremely rounded shapes providing a playful counterpoint to the otherwise rigid structure. The overall impression is one of directness and creative confidence, relying on fundamental design principles rather than elaborate ornamentation.", "theme": "light", "industry": "design", "source_url": "https://xn--smon-vpa.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513346931-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513346931-thumb.jpg", "refero_style_id": "7568f102-d6e4-4113-92a1-4fd53fe5ea47", "extracted_at": "2026-04-30T01:42:50.915Z", "path": "skills/simon-riisn-s-emmen/DESIGN.md" }, { "id": "simon-rogers", "name": "Simon Rogers", "description": "Simon Rogers employs a minimalist, typographic-driven aesthetic, using a stark white canvas as a backdrop for highly expressive, diagonally-oriented text. The visual identity is built around a single vivid blue hue that establishes hierarchy and brand presence, contrasting sharply with the achromatic background. Typography takes center stage, with custom fonts and precise letter-spacing contributing to a distinctive, art-direction-focused feel. The system prioritizes visual impact and clarity through directness, eschewing complex componentry or superfluous ornamentation.", "theme": "light", "industry": "design", "source_url": "https://www.simonrogers.info", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516815062-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516815062-thumb.jpg", "refero_style_id": "8f2285eb-d6b3-4221-8b46-ef9727c49431", "extracted_at": "2026-04-30T02:40:30.013Z", "path": "skills/simon-rogers/DESIGN.md" }, { "id": "simone-sniekers", "name": "Simone Sniekers", "description": "Simone Sniekers' visual identity is a theatrical canvas for large-scale photography, characterized by bold, shifting background colors that act as dynamic stage backdrops. Minimalist typography and components recede to highlight the imagery, creating an immersive, editorial feel. The frequent full-page background color changes define each section as a distinct act within a larger portfolio narrative. White text and borders provide stark contrast against the vivid, unpredictable color shifts.", "theme": "mixed", "industry": "design", "source_url": "https://www.simonesniekers.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513642454-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513642454-thumb.jpg", "refero_style_id": "017ce823-c338-417d-849d-497c97701c4c", "extracted_at": "2026-04-30T01:47:40.577Z", "path": "skills/simone-sniekers/DESIGN.md" }, { "id": "sing-sing", "name": "Sing-sing", "description": "Sing-Sing's visual system evokes a playful yet sophisticated modernity, built on a sparse layout and bold, contrasting color. A vibrant, sun-drenched yellow serves as the expansive canvas, punctuated by sharp black typography and a singular teal accent. The design feels like a curated exhibition space, where content is deliberately placed and given ample room to breathe, suggesting value through restraint and striking color choices.", "theme": "light", "industry": "design", "source_url": "https://sing-sing.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521062474-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521062474-thumb.jpg", "refero_style_id": "12b20c12-27f8-4938-89ba-569404d36fe8", "extracted_at": "2026-04-30T03:51:20.740Z", "path": "skills/sing-sing/DESIGN.md" }, { "id": "sirup-5th-anniversary-special-site", "name": "SIRUP 5th Anniversary Special Site", "description": "The SIRUP 5th Anniversary site presents a 'midnight command center' aesthetic, characterized by a deep black canvas punctuated by a single vibrant orange accent. Typography is a key identifier, mixing a system sans-serif for body text with several custom display fonts that feature wide letter-spacing. UI elements are dense and dark, with ghost buttons that blend into the background, hinting at interactive states through subtle borders and text color changes. The overall impression is one of intense focus and a strong, almost understated graphic sensibility.", "theme": "dark", "industry": "media", "source_url": "https://sirup.online/5th", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512953229-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512953229-thumb.jpg", "refero_style_id": "31e063bd-7a86-4554-8a79-3635a6bb6d36", "extracted_at": "2026-04-30T01:36:15.477Z", "path": "skills/sirup-5th-anniversary-special-site/DESIGN.md" }, { "id": "sketch", "name": "Sketch", "description": "This design system feels like a softly illuminated, modern creative studio, balancing precise Swiss design principles with a playful, digital-native warmth. The extensive use of achromatic values creates a clean, almost stark foundation, elevated by a single vibrant gradient that appears subtly in the background and on key interactive elements. A bespoke serif font, 'Reckless', introduces an unexpected, artful touch for major headlines, contrasting with the utilitarian 'InterVariable' for all other text, grounding the aesthetic between craft and computation. The juxtaposition of highly rounded 'pill' elements and more structured 20px radii hints at a system that values both approachability and considered form.", "theme": "light", "industry": "design", "source_url": "https://sketch.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923818452-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923818452-thumb.jpg", "refero_style_id": "4caadb3c-3865-4a4d-9e1a-46478ac71078", "extracted_at": "2026-04-11T16:10:43.998Z", "path": "skills/sketch/DESIGN.md" }, { "id": "skiff-com", "name": "skiff.com", "description": "Skiff adopts a crisp, functional aesthetic with a dominant light theme and a single vibrant orange as its brand accent. The design leans into distinct typographic contrasts using a custom sans-serif display font for impactful headlines and system fonts for readability in body text. UI elements are sharp and precise, avoiding heavy shadows or elaborate gradients, focusing instead on clear boundaries and ample negative space. The overall impression is one of modern utility with a hint of warm, energetic personality.", "theme": "light", "industry": "productivity", "source_url": "https://skiff.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512064008-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512064008-thumb.jpg", "refero_style_id": "eb68b482-e9c5-4e82-90df-a1f37f28ac2f", "extracted_at": "2026-04-30T01:21:25.551Z", "path": "skills/skiff-com/DESIGN.md" }, { "id": "skillshare", "name": "Skillshare", "description": "Skillshare operates in stark black-and-white contrast with a single electric cyan-green accent that fires only on key interactive moments. The hero splits between a chalk-white left panel with bold headline weight and a pure black right panel hosting the registration flow — a literal light/dark duality that mirrors its creator/learner tension. Photo cards of instructors are presented edge-to-edge without padding, letting faces fill the frame; identity replaces ornament. The GT Walsheim Pro typeface at weight 700 for headlines and tight 0.90-0.96 line heights on large sizes creates a stacked, poster-like density. Cyan-green (#55da9b) and the brighter #00ff84 appear exclusively on CTAs and checkmarks — tiny amounts of color doing maximum work against acres of black and white.", "theme": "mixed", "industry": "media", "source_url": "https://skillshare.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934898950-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934898950-thumb.jpg", "refero_style_id": "162e9ba9-7487-4b57-aee8-0bbeadcc586d", "extracted_at": "2026-04-11T19:16:57.861Z", "path": "skills/skillshare/DESIGN.md" }, { "id": "slab", "name": "Slab", "description": "Slab's design system feels like a warm, engaging knowledge hub, balancing a serious intent with inviting visual cues. The predominant use of varied neutrals provides clarity and structure, offset by a rich, deep berry background in the hero, creating an immediate sense of depth and distinction. Strategic pops of vivid red and blue for CTAs act as clear beacons against the otherwise subdued palette. Custom fonts with precise letter-spacing contribute to a distinguished readability, ensuring information feels approachable yet authoritative.", "theme": "mixed", "industry": "productivity", "source_url": "https://slab.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932181200-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932181200-thumb.jpg", "refero_style_id": "f240ed7d-d466-478e-bbce-6c93420dfd1c", "extracted_at": "2026-04-11T18:30:04.748Z", "path": "skills/slab/DESIGN.md" }, { "id": "slack", "name": "Slack", "description": "The Slack design system evokes a sense of vibrant, collaborative professionalism, grounded in a playful yet authoritative use of color. Deep purples and a vivid blue serve as primary brand identifiers, balanced against a clean, near-white canvas. Subtle gradients and distinct radial color washes provide depth and visual interest without overwhelming the functional UI, while custom typography maintains a unique, approachable voice.", "theme": "light", "industry": "productivity", "source_url": "https://slack.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776105200786-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776105200786-thumb.jpg", "refero_style_id": "e26cb9b0-f876-41ff-9f24-fd67a6b9776c", "extracted_at": "2026-04-13T18:33:51.895Z", "path": "skills/slack/DESIGN.md" }, { "id": "slash", "name": "Slash", "description": "Slash adopts a high-contrast dark mode aesthetic for business finance: black canvases, subtly layered dark gray surfaces, and a striking white primary text. Inter typography provides utilitarian clarity, while Ivy Presto adds a touch of classic sophistication to display headlines. The system minimizes color, primarily using off-white for interaction and a warm, golden gradient for subtle accents and visual depth on elevated elements.", "theme": "dark", "industry": "fintech", "source_url": "https://www.slash.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508741958-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508741958-thumb.jpg", "refero_style_id": "7c38e84b-aea0-4c8f-b3e9-60b994ee6c6b", "extracted_at": "2026-04-30T00:26:08.885Z", "path": "skills/slash/DESIGN.md" }, { "id": "sleeve", "name": "Sleeve", "description": "Sleeve's design evokes a polished, app-native desktop experience, blending macOS aesthetics with thoughtful detail. Its most distinctive feature is the interplay between sharp, angular content blocks and the soft, organic forms of the app's UI elements, specifically the deeply rounded 'pill' buttons and window-like card backgrounds. Typography is restrained and precise, anchored by system sans-serif fonts, ensuring legibility and a familiar feel. Shadows are crucial here, providing subtle elevation to card-like containers, mimicking floating UI elements without heavy borders, creating depth while maintaining a clean, white background.", "theme": "light", "industry": "other", "source_url": "https://replay.software/sleeve", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926195362-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926195362-thumb.jpg", "refero_style_id": "2b49d4b2-8461-4985-b7ee-cf9517e19803", "extracted_at": "2026-04-11T16:50:27.365Z", "path": "skills/sleeve/DESIGN.md" }, { "id": "slingshot", "name": "Slingshot", "description": "Slingshot employs a practical and approachable interface, using a bright white canvas offset by soft, almost achromatic background shades. A single vibrant blue acts as the primary accent, drawing attention to calls to action and interactive elements. Typography is bold and direct for headings, while body text remains clear and functional. Components favor rounded corners and minimal elevation, presenting information without visual clutter.", "theme": "light", "industry": "saas", "source_url": "https://www.useslingshot.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520603007-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520603007-thumb.jpg", "refero_style_id": "e683efcd-b005-4a35-a5ea-d25bcf3de5c0", "extracted_at": "2026-04-30T03:44:03.609Z", "path": "skills/slingshot/DESIGN.md" }, { "id": "slite", "name": "Slite", "description": "Slite's visual language feels like warm parchment under natural light — a cream-toned workspace where knowledge feels approachable rather than clinical. The dominant #f9efe4 background reads as aged paper without feeling retro, grounded by #3f434a ink-dark text that gives editorial weight to every line. The signature move is typographic contradiction: a serif-adjacent custom face (Garnett) at 64px for display, crossed out in black with 'goes to die' while 'thrives' renders in a hand-lettered cursive script in vivid blue — disruption-by-contrast rather than polish. Feature cards sit on near-white #fdfdfd against the warm cream ground, tagged with muted category badges in yellows, greens, and pinks that never compete with the overall softness. Pill buttons in near-black (#2d2f34) against cream create the sharpest contrast point on every screen, anchoring calls to action without resorting to saturated color.", "theme": "light", "industry": "productivity", "source_url": "https://slite.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934226984-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934226984-thumb.jpg", "refero_style_id": "607c2098-bbbb-40bb-b23e-adf2b72c63dd", "extracted_at": "2026-04-11T19:05:55.514Z", "path": "skills/slite/DESIGN.md" }, { "id": "slush", "name": "Slush", "description": "Slush features a playful yet authoritative cryptocurrency aesthetic, combining bold, highly condensed typography for headlines with clean, functional sans-serif for UI. Its core visual identity is built around a light, almost ethereal, blue background accented with vibrant, cartoonish 3D elements and a surprising range of saturated utilitarian colors that appear mostly as fills in illustrations or card backgrounds. Buttons and interactive elements favor high-contrast black on white or transparent styles over solid brand color fills, maintaining a lightweight feel.", "theme": "light", "industry": "crypto", "source_url": "https://slush.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508391545-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508391545-thumb.jpg", "refero_style_id": "8b6b547f-a357-4f1b-9842-4579c62dd42b", "extracted_at": "2026-04-30T00:20:17.207Z", "path": "skills/slush/DESIGN.md" }, { "id": "smiling-wolf", "name": "Smiling Wolf", "description": "Smiling Wolf employs a minimalist, high-contrast aesthetic reminiscent of print editorial design. A stark visual dialogue between near-black and off-white creates a sense of gravitas and directness. Typography, featuring custom fonts, is treated with precision, utilizing subtle letter-spacing adjustments and specific ligatures to convey detail and craft. The UI is largely monochromatic, relying on robust typographic hierarchy and precise spacing to define structure rather than color or extensive visual ornamentation. Components are understated, often presented as text-based interactive elements or subtle outlined cards.", "theme": "light", "industry": "agency", "source_url": "https://www.smilingwolf.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517703855-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517703855-thumb.jpg", "refero_style_id": "75be52f8-4dbe-45da-9a0e-a11bc92f6927", "extracted_at": "2026-04-30T02:55:25.536Z", "path": "skills/smiling-wolf/DESIGN.md" }, { "id": "sneak-in-peace", "name": "Sneak in Peace", "description": "Sneak in Peace presents a digital fashion platform characterized by a clean, contained UI overlaid on a dynamic background. Its aesthetic balances high-contrast text on bright surfaces with muted interactive elements and a singular vivid red accent for active states. Typography is compact and precise, maintaining a high information density while card-based layouts organize content with subtle elevation.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.sneakinpeace.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518427036-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518427036-thumb.jpg", "refero_style_id": "643f90ba-dc30-428b-a145-26f02fe70551", "extracted_at": "2026-04-30T03:07:23.847Z", "path": "skills/sneak-in-peace/DESIGN.md" }, { "id": "socialclub", "name": "Socialclub", "description": "Socialclub presents a sparse, high-contrast aesthetic where large, neutral typography dominates the visual field. The design emphasizes content through intentional negative space and a clean, almost monochrome palette. A single muted yellow hue provides a subtle warmth, occasionally appearing as a border or background accent to differentiate sections without overwhelming the stark presentation. The overall impression is one of confident restraint, letting the content speak for itself against minimal interface elements.", "theme": "light", "industry": "agency", "source_url": "https://socialclubparis.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513735813-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513735813-thumb.jpg", "refero_style_id": "9d1234b7-1e6c-4eb3-9ebb-2cc40c688090", "extracted_at": "2026-04-30T01:49:12.167Z", "path": "skills/socialclub/DESIGN.md" }, { "id": "sociotype", "name": "Sociotype", "description": "Sociotype presents as a serious, editorial platform for typography, characterized by an expansive white canvas, precise black typography, and highly controlled spacing. Interaction elements are almost entirely ghosted or underlined, relying on a subtle shift to black for active states. The visual weight is carried by the large, expressive font specimens and carefully structured content blocks, rather than decorative colors or heavy UI components.", "theme": "light", "industry": "design", "source_url": "https://socio-type.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515764859-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515764859-thumb.jpg", "refero_style_id": "973332dc-4e10-4e90-85d8-3bce9c3cd3ed", "extracted_at": "2026-04-30T02:23:05.841Z", "path": "skills/sociotype/DESIGN.md" }, { "id": "solana", "name": "Solana", "description": "Solana's design embodies a 'cyber-dark' aesthetic, where deep, rich blacks and near-blacks define the primary surfaces, creating a stage for technological elegance. A vibrant, almost holographic purple gradient often provides atmospheric depth, suggesting digital flow. White typography and sparse, vivid chromatic accents (lime, violet, orange) act like data points or signal lights, providing crucial contrast and indicating interactivity within the dark interface. The interplay of fluid gradients and sharp, contained UI elements gives it a feeling of advanced, yet approachable, digital infrastructure.", "theme": "dark", "industry": "crypto", "source_url": "https://solana.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924281737-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924281737-thumb.jpg", "refero_style_id": "f493133e-e289-4fb1-9729-f611d9816aae", "extracted_at": "2026-04-11T16:18:27.693Z", "path": "skills/solana/DESIGN.md" }, { "id": "someone-others", "name": "Someone & Others", "description": "Someone & Others employs a minimalist, high-contrast aesthetic with a subtle, frosted glass surface treatment. Typography is bold and dominant, paired with a restricted achromatic palette where only minimal, vibrant gradients provide visual energy. Interactive elements are softened through larger radii and a distinct blurred background, creating a sense of refined polish against the clean canvas.", "theme": "light", "industry": "agency", "source_url": "https://someoneandothers.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521145855-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521145855-thumb.jpg", "refero_style_id": "9fecf7d6-b717-49ca-8edc-b10d6110b21c", "extracted_at": "2026-04-30T03:52:46.040Z", "path": "skills/someone-others/DESIGN.md" }, { "id": "somethi-g-else", "name": "SOMETHI𝔑G ELSE", "description": "SOMETHING ELSE operates with a minimalist graphic studio aesthetic: stark white planes provide an infinite canvas for precise typography and monochromatic design elements. The visual system emphasizes negative space, allowing content to breathe with high contrast and intentional visual pauses. Typography serves as the primary decorative and informational element, with a distinctive serif for branding titles and a clean sans-serif for functional UI. The overall impression is one of restrained confidence and clarity, prioritizing content over elaborate UI components.", "theme": "light", "industry": "agency", "source_url": "https://somethingelse.works", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521096415-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521096415-thumb.jpg", "refero_style_id": "8b2dba44-2c68-4cfc-96b7-b422f4032e09", "extracted_at": "2026-04-30T03:51:53.169Z", "path": "skills/somethi-g-else/DESIGN.md" }, { "id": "somethingspecialstudios", "name": "Somethingspecialstudios", "description": "The Something Special Studios design system projects a refined, minimalist aesthetic with a canvas of near-white. Strong typographic hierarchy is established through a single, antique-inspired serif font, primarily in dark charcoal for high contrast. Interactivity is subtle, often indicated by a slight border change rather than bold color fills, maintaining a quiet, confident presence. The overall impression is one of tasteful restraint, where typography and subtle shifts in dark tones carry the visual weight.", "theme": "light", "industry": "agency", "source_url": "https://somethingspecialstudios.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518262188-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518262188-thumb.jpg", "refero_style_id": "f329f8b4-16d4-430d-9687-7cdf750f29ac", "extracted_at": "2026-04-30T03:04:40.316Z", "path": "skills/somethingspecialstudios/DESIGN.md" }, { "id": "sometimes-always", "name": "Sometimes Always", "description": "Sometimes Always cultivates a retro-modern, boutique aesthetic with a warm, desaturated yellow canvas that feels like aged paper. Typography is compact and confident, juxtaposing mid-century sans-serifs with unexpected light-weight display fonts. Interactive elements feature soft pill shapes and an earthy, vivid yellow accent, while product cards remain minimal, allowing the imagery to stand out against the warm background. The overall impression is one of curated, approachable sophistication.", "theme": "light", "industry": "ecommerce", "source_url": "https://sometimesalways.com.au", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516365858-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516365858-thumb.jpg", "refero_style_id": "e30d2fb6-e3d6-4e0a-9395-6d196d5e7c7d", "extracted_at": "2026-04-30T02:33:10.700Z", "path": "skills/sometimes-always/DESIGN.md" }, { "id": "sonos", "name": "Sonos", "description": "Sonos's design is an exercise in measured minimalism, leveraging high contrast and precise spacing to create a cinematic and functional experience. The core aesthetic relies on a stark black and white palette, allowing content and product imagery to take center stage. Typography is unadorned, favoring legibility and directness, while subtle large radii on interactive elements introduce a soft touch to an otherwise sharp visual identity. This deliberate sparsity amplifies the perceived quality and focus on sound.", "theme": "light", "industry": "ecommerce", "source_url": "https://sonos.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924443448-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924443448-thumb.jpg", "refero_style_id": "8d315332-6267-4dc0-a14c-e8b49c26b0e1", "extracted_at": "2026-04-11T16:21:01.914Z", "path": "skills/sonos/DESIGN.md" }, { "id": "sougen", "name": "Sougen", "description": "Sougen presents a digital-futuristic aesthetic through a high-contrast, mostly achromatic palette punctuated by a singular, vivid teal accent. Typography is a blend of structured geometric sans-serifs, emphasizing clean lines and generous letter spacing that hints at digital interfaces. Components are lightweight, often outlined, and favor rounded forms for interactive elements, reinforcing an approachable yet modern digital presence. The visual system balances stark, almost monochrome backgrounds with vivid, glowing accents to draw attention to interactive elements and brand identity.", "theme": "light", "industry": "other", "source_url": "https://sougen.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514423794-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514423794-thumb.jpg", "refero_style_id": "20c01a33-fded-4094-8450-6114b1508a30", "extracted_at": "2026-04-30T02:00:41.230Z", "path": "skills/sougen/DESIGN.md" }, { "id": "soulwire", "name": "Soulwire", "description": "Soulwire adopts a 'digital console' aesthetic, using a dark, monochromatic canvas as a backdrop for highly legible fixed-width typography. Information is presented with a developer-centric precision, featuring sparse layout and a muted, almost clinical color palette. The system emphasizes clear textual hierarchy and functional, unadorned elements, where interactions are highlighted by subtle shifts in text color rather than heavy graphic adornments.", "theme": "dark", "industry": "design", "source_url": "https://soulwire.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516420400-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516420400-thumb.jpg", "refero_style_id": "d4bb0eb1-c35f-4c5d-8dec-250324ea5990", "extracted_at": "2026-04-30T02:33:59.485Z", "path": "skills/soulwire/DESIGN.md" }, { "id": "soundcloud", "name": "SoundCloud", "description": "This design system creates an immersive, contemporary feel with a dark foundation that amplifies content. A rich interplay of stark black and soft gray neutrals forms a sophisticated backdrop, punctuated by a signature vibrant blue for interactive elements. The controlled color palette, combined with a crisp, minimal typographic hierarchy, allows content, especially diverse album art, to become the primary visual driver. Rounded corners on buttons and inputs offer a touch of user-friendliness against the otherwise strong, dark aesthetic.", "theme": "dark", "industry": "media", "source_url": "https://soundcloud.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943815379-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943815379-thumb.jpg", "refero_style_id": "35f89ccd-614d-4f8f-9cce-bb94309df237", "extracted_at": "2026-04-11T21:43:56.981Z", "path": "skills/soundcloud/DESIGN.md" }, { "id": "souss-furniture", "name": "Souss Furniture", "description": "Souss Furniture embodies a minimalist, industrial aesthetic with a muted color palette serving as a stark backdrop for product forms. Typography is direct and unstyled, primarily focusing on conveying product names and essential navigation. The system emphasizes clear object presentation over decorative flair, with most visual weight coming from the products themselves and strong text contrasts. Layouts are spacious, allowing elements to breathe, reflecting a gallery-like presentation of individual pieces.", "theme": "light", "industry": "ecommerce", "source_url": "https://soussfurniture.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514728523-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514728523-thumb.jpg", "refero_style_id": "ab21710e-a1bd-49ef-8645-29ffd3f6154c", "extracted_at": "2026-04-30T02:06:14.360Z", "path": "skills/souss-furniture/DESIGN.md" }, { "id": "sp-cialiste-belge", "name": "Spécialiste Belge", "description": "Misuko's design system evokes a calm, natural modernity, reminiscent of bespoke packaging. It builds on a stark light canvas with rich dark typography, punctuated by a recessive, earthy accent color. The visual identity emphasizes spaciousness and precise detailing, using subtle textural shifts in backgrounds and minimal borders to define discrete content blocks without heavy visual weight. Components are designed for clarity and understated presence, allowing content and product imagery to take precedence.", "theme": "light", "industry": "other", "source_url": "https://misuko.be", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514261889-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514261889-thumb.jpg", "refero_style_id": "a6729614-4079-4275-ad22-cee04d90ba0c", "extracted_at": "2026-04-30T01:58:04.046Z", "path": "skills/sp-cialiste-belge/DESIGN.md" }, { "id": "spacelab", "name": "Spacelab", "description": "Spacelab employs a stark, high-contrast visual language reminiscent of architectural blueprints or gallery spaces. Typography is critical, with a single, highly legible sans-serif used across all scales, grounding the design in clarity and precision. The visual field prioritizes ample negative space; elements are sparsely distributed, creating a sense of calm and order. A single muted violet-blue serves as the primary accent, providing a deep, grounding touch of color against an otherwise achromatic palette of black, white, and subtle grays. Component styling is minimalist and functional, relying on sharp edges and direct expression rather than ornamentation.", "theme": "light", "industry": "design", "source_url": "https://spacelab.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514854361-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514854361-thumb.jpg", "refero_style_id": "7fdcf5eb-4d65-49a2-b887-60119bca4edc", "extracted_at": "2026-04-30T02:07:58.711Z", "path": "skills/spacelab/DESIGN.md" }, { "id": "spacex", "name": "SpaceX", "description": "This system projects an aura of ambitious precision, like a mission control screen against the vastness of space. The stark black background, illuminated by near-white text and subtle, dark-gray interactive states, creates a sense of focused technological endeavor. Typography is paramount, with hyper-legible, widely-tracked sans-serifs conveying information with clarity and a deliberate, almost uniform weight.", "theme": "dark", "industry": "other", "source_url": "https://spacex.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924876819-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924876819-thumb.jpg", "refero_style_id": "13b74e34-b824-4d1d-bd2c-bb9bfbc2d6e1", "extracted_at": "2026-04-11T16:28:14.583Z", "path": "skills/spacex/DESIGN.md" }, { "id": "spatialchat", "name": "SpatialChat", "description": "This design system projects a feeling of modern clarity and understated robustness, achieved through a stark contrast of dark text on clean white surfaces, accentuated by a single vibrant violet. The generous use of space and subtle elevation creates a breathable, organized interface. Rounded corners on interactive elements and cards introduce an approachable softness to an otherwise precise and functional aesthetic.", "theme": "light", "industry": "productivity", "source_url": "https://spatial.chat", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933557350-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933557350-thumb.jpg", "refero_style_id": "5b90e218-b325-4901-a1c5-ea1134339826", "extracted_at": "2026-04-11T18:52:59.424Z", "path": "skills/spatialchat/DESIGN.md" }, { "id": "spazio-maiocchi", "name": "Spazio Maiocchi", "description": "Spazio Maiocchi evokes a raw, analog-maximalist dark aesthetic, driven by highly contrasted black and white visuals and an ultra-condensed custom typeface. The design focuses on content impact, utilizing a dark canvas to highlight bold typographic elements. UI components are minimal, often appearing as ghost outlines or pill-shaped containers, supporting a brand identity that leans into stark functionalism. Surfaces transition subtly through dark grays, offering layers without overt shadows.", "theme": "dark", "industry": "media", "source_url": "https://afterimage.spaziomaiocchi.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516914765-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516914765-thumb.jpg", "refero_style_id": "fc0a9d9e-558b-452a-970c-a9f4080211b4", "extracted_at": "2026-04-30T02:42:11.255Z", "path": "skills/spazio-maiocchi/DESIGN.md" }, { "id": "speakeasy", "name": "Speakeasy", "description": "Speakeasy employs a stark, high-contrast digital blueprint aesthetic. It combines bold, ultra-thin headlines that command attention through restraint, with compact, functional body text. Most elements are monochrome, set against clean white surfaces, fostering a sense of precision and control. A distinctive rainbow gradient acts as a vibrant brand identifier, appearing strategically at page edges and as a subtle accent. User interface elements are crisp, with soft rounded corners on interactive components and subtle, functional shadows that provide hierarchy without visual weight.", "theme": "light", "industry": "ai", "source_url": "https://www.speakeasy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508343320-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508343320-thumb.jpg", "refero_style_id": "a0244aab-0dba-45fe-a595-416c1f0715be", "extracted_at": "2026-04-30T00:19:30.359Z", "path": "skills/speakeasy/DESIGN.md" }, { "id": "specht-studio", "name": "Specht Studio", "description": "Specht Studio employs a stark, high-contrast visual language reminiscent of a curated gallery wall. The primary interaction is through image-heavy blocks, framed by thin borders and text in a sparse, functional sans-serif. The design emphasizes content arrangement and bold typographic treatments, with color sparsely used and predominantly achromatic for navigation and core information, allowing the rich, varied artwork to provide visual interest and chromatic depth.", "theme": "light", "industry": "design", "source_url": "https://stephaniespecht.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518791283-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518791283-thumb.jpg", "refero_style_id": "dd646da4-36f5-42b1-83dd-6a1c90cf8983", "extracted_at": "2026-04-30T03:13:27.157Z", "path": "skills/specht-studio/DESIGN.md" }, { "id": "special-offer", "name": "SPECIAL OFFER", "description": "Special Offer presents a high-contrast, aggressively minimal visual system. A vivid, almost neon magenta dominates against a deep, unchanging red background. Typography is stark and impactful, primarily in all-caps, with a strong emphasis on outlining elements rather than filling them. The overall impression is one of direct, almost raw communication, leveraging extreme color contrast for immediate visual recognition.", "theme": "dark", "industry": "design", "source_url": "https://www.special-offer.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520900217-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520900217-thumb.jpg", "refero_style_id": "ff9dd2fc-85da-4ca2-9a10-775bfbdc91bc", "extracted_at": "2026-04-30T03:48:33.484Z", "path": "skills/special-offer/DESIGN.md" }, { "id": "splice", "name": "Splice", "description": "Splice embodies a 'dark-mode-first' approach, creating an immersive, studio-like atmosphere where dark surfaces highlight bright, focused interactive elements. A cool blue (#1253ff) dominates as the primary accent, reminiscent of digital waveforms or audio interfaces, providing a consistent visual anchor. Subtle use of other vivid colors (like yellow, green, red, vibrant blue, and violet) mainly in illustrative elements or specific product highlights prevents visual monotony while maintaining the core dark aesthetic. The interplay of highly rounded buttons and sharper graphic elements creates a contrast that feels modern and dynamic.", "theme": "dark", "industry": "media", "source_url": "https://splice.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924803278-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924803278-thumb.jpg", "refero_style_id": "1f69df96-675d-4ee0-aa85-e085d9d39981", "extracted_at": "2026-04-11T16:27:10.872Z", "path": "skills/splice/DESIGN.md" }, { "id": "spline", "name": "Spline", "description": "The design feels like a creative void, a deep space canvas where ideas materialize as glowing forms. An absolute black (#000000) background serves as this void, making every piece of content feel like it's emitting light. Hierarchy is achieved not through shadows or solid grays, but through layered translucency — panels and buttons are semi-transparent white overlays, creating a glassmorphism effect. The custom Spline Sans typeface is used universally at normal weights, giving headings a confident but understated presence. A single, energetic Spline Blue (#0062ff) is reserved for primary actions, acting as a focused beacon in the minimalist dark environment.", "theme": "dark", "industry": "design", "source_url": "https://spline.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929283439-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929283439-thumb.jpg", "refero_style_id": "b36d5c7c-9b28-4c99-b5a8-69ce03621410", "extracted_at": "2026-04-11T17:42:35.262Z", "path": "skills/spline/DESIGN.md" }, { "id": "spotify", "name": "Spotify", "description": "This design system conjures a dark, immersive command center for digital media consumption. A deep ebony canvas creates a sense of gravitas, while subtle tonal variations in surfaces define hierarchical layers without relying on heavy shadows. Carefully chosen muted and vivid chromatic accents punctuate content, drawing attention to media rather than interface chrome. Rounded corners for interactive elements provide a soft contrast to the otherwise sharp, precise lines of the content blocks. Typography prioritizing readability and clear information hierarchy completes a focused and understated aesthetic.", "theme": "dark", "industry": "media", "source_url": "https://www.spotify.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777423538343-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777423538343-thumb.jpg", "refero_style_id": "cc59e195-fed0-4928-96d1-303752786073", "extracted_at": "2026-04-29T00:46:02.692Z", "path": "skills/spotify/DESIGN.md" }, { "id": "sprig", "name": "Sprig", "description": "Sprig employs a soft, minimalist aesthetic with a focus on clear information hierarchy, using a primarily achromatic palette grounded by a deep navy. Strategic use of subtle gradients and large radii on imagery introduces a touch of warmth and visual interest. Typography is compact and precise, maintaining a high information density while generous vertical spacing creates an airy, uncrowded feel. Interactive elements are softly delineated with rounded corners and muted borders, emphasizing functionality over ornamentation.", "theme": "light", "industry": "ai", "source_url": "https://sprig.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510882930-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510882930-thumb.jpg", "refero_style_id": "cbd8a058-6ecb-4f1b-9b5a-2bf2597826ee", "extracted_at": "2026-04-30T01:02:02.869Z", "path": "skills/sprig/DESIGN.md" }, { "id": "spring-summer", "name": "Spring/Summer", "description": "This system projects an academic-editorial mood, blending the starkness of brutalist typography with a muted, almost vintage color palette. The signature move is the expansive negative space around headlines set in Grotesk, which dominates the visual field and suggests an understated confidence. Text-based navigation and calls-to-action avoid typical button aesthetics, relying on subtle underlines or a neutral background for interaction cues, making the design feel more like a printed journal than a typical website. The overall impression is one of grounded authority, achieved through deliberate understatement rather than overt design flourishes.", "theme": "light", "industry": "agency", "source_url": "https://springsummer.dk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925322780-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925322780-thumb.jpg", "refero_style_id": "d56508d7-c307-47f7-ad30-052e5a69f01f", "extracted_at": "2026-04-11T16:35:42.634Z", "path": "skills/spring-summer/DESIGN.md" }, { "id": "sprout", "name": "Sprout", "description": "Sprout embraces a playful, textured aesthetic with a warm, desaturated color palette that shifts between earthy tones, creating distinct spatial zones. Bold, almost cartoonish typography pairs with a more functional, condensed sans-serif, giving the brand a friendly yet authoritative voice. Components feature soft, rounded edges and light borders, suggesting a tactile, approachable interface. The design feels grounded and unconventional, prioritizing character over stark minimalism.", "theme": "mixed", "industry": "other", "source_url": "https://sprout.place", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515893720-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515893720-thumb.jpg", "refero_style_id": "09b7f406-c7e3-4e36-b443-bf24fcfe630f", "extracted_at": "2026-04-30T02:25:12.495Z", "path": "skills/sprout/DESIGN.md" }, { "id": "sprout-social", "name": "Sprout Social", "description": "Sprout Social presents a commanding, professional digital environment with a strong dark foundation accented by clean white surfaces and precise typography. The design emphasizes clarity and direct interaction, utilizing a single vivid green as its primary action indicator to punctuate key user pathways. Components maintain a uniform, measured appearance with consistent corner radii, conveying stability and trustworthiness. The overall feel is one of a dense, feature-rich interface presented with visual order and an accessible rhythm.", "theme": "dark", "industry": "saas", "source_url": "https://sproutsocial.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510679837-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510679837-thumb.jpg", "refero_style_id": "da7c4464-f135-41fc-b635-99c6f4dc58e6", "extracted_at": "2026-04-30T00:58:23.008Z", "path": "skills/sprout-social/DESIGN.md" }, { "id": "squadeasy", "name": "SquadEasy", "description": "SquadEasy's design system evokes a playful, high-contrast digital environment. It uses bold, unadorned typography set against vibrant, geometric color blocks and photo cutouts. The layout is dynamic, featuring angled visual elements and prominent typography to create a sense of directness and energy. Color is employed in large, flat regions and as vivid accents, while component styling is typically crisp with generous radii, prioritizing impact over subtle detail.", "theme": "light", "industry": "saas", "source_url": "https://www.squadeasy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518528106-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518528106-thumb.jpg", "refero_style_id": "3e5c272b-8d68-40d8-9726-b4d6914b4b16", "extracted_at": "2026-04-30T03:09:16.133Z", "path": "skills/squadeasy/DESIGN.md" }, { "id": "square", "name": "Square", "description": "Square's design system evokes the precision of a finely tuned instrument, balancing robust functionality with an accessible aesthetic. The interplay of a predominantly white background with crisp dark typography creates a high-contrast, information-first experience that feels direct and trustworthy. Strategic use of a vibrant blue accent color serves as a clear functional indicator, like a status light on a reliable machine, guiding the user without visual clutter, while subtle rounded corners on interactive elements soften the overall technical impression.", "theme": "light", "industry": "fintech", "source_url": "https://squareup.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932910523-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932910523-thumb.jpg", "refero_style_id": "86a6814d-2485-4fad-b6fd-56c2d0a23620", "extracted_at": "2026-04-11T18:42:12.475Z", "path": "skills/square/DESIGN.md" }, { "id": "squarespace", "name": "Squarespace", "description": "Squarespace embodies a refined, editorial aesthetic with a stark contrast between a dominant dark mode hero and a light canvas for content. Typography relies on a precise, custom sans-serif with subtle letter-spacing variations to convey authority. Components are understated, often ghost-like or subtly outlined, emphasizing content over heavy ornamentation. The system prioritizes functional clarity and a premium, minimalist feel.", "theme": "light", "industry": "design", "source_url": "https://www.squarespace.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508092046-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508092046-thumb.jpg", "refero_style_id": "8618f649-6d1c-45ca-aff8-e7f04928d8dd", "extracted_at": "2026-04-30T00:15:18.124Z", "path": "skills/squarespace/DESIGN.md" }, { "id": "ssense", "name": "Ssense", "description": "This design system evokes a raw, editorial aesthetic, balancing high fashion photography with an almost stark, functional UI. The interplay of classic serif typography for headlines and a utilitarian sans-serif for body text creates a tension, amplified by the near-monochromatic palette. Minimal use of color and a focus on content photography establishes a luxurious but unpretentious feel, prioritizing visual storytelling over decorative elements.", "theme": "light", "industry": "ecommerce", "source_url": "https://ssense.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926200804-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926200804-thumb.jpg", "refero_style_id": "fa157687-ee42-443e-a992-5f8a3fcdd48f", "extracted_at": "2026-04-11T16:50:27.523Z", "path": "skills/ssense/DESIGN.md" }, { "id": "sst", "name": "SST", "description": "This design system presents complex technical configurations with a light, spacious, and highly legible aesthetic. The dominant use of a nearly white background provides a clean canvas, while a nuanced palette of near-gray and muted violet shades for text and interactive elements grounds the interface without heavy contrasts. A signature element is the code block's precise syntax highlighting, which uses a range of vivid and moderate hues to structure information within a constrained, elegant form.", "theme": "light", "industry": "devtools", "source_url": "https://sst.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923470161-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923470161-thumb.jpg", "refero_style_id": "19f92be1-65ac-4432-a82b-0aa1e685d97d", "extracted_at": "2026-04-11T16:04:52.665Z", "path": "skills/sst/DESIGN.md" }, { "id": "stability-ai", "name": "Stability AI", "description": "Stability AI's design evokes a sophisticated, high-tech command center with its deep, dark palette and vibrant purple accents. The dominant use of Achromatic Raven for backgrounds provides a sleek, near-black foundation, while crisp Archivo typography in white and light gray ensures clarity. Generous spacing and the playful use of fully rounded buttons contrast with otherwise sharp edges, creating a balance between serious technicality and modern approachability.", "theme": "dark", "industry": "ai", "source_url": "https://stability.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923752199-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923752199-thumb.jpg", "refero_style_id": "f532c703-1179-465d-9933-7736df44d0ae", "extracted_at": "2026-04-11T16:09:31.356Z", "path": "skills/stability-ai/DESIGN.md" }, { "id": "stable-audio", "name": "Stable Audio", "description": "Stable Audio presents a playful and accessible aesthetic built on a foundation of warm, muted neutrals that evoke aged paper, punctuated by vibrant, almost neon, pops of color. This system employs gentle, rounded forms for interactive elements set against a backdrop of crisp, geometric content blocks. The primary contrast comes from a dark, near-black text on these soft backgrounds, giving it a friendly yet structured feel.", "theme": "light", "industry": "ai", "source_url": "https://stableaudio.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932653717-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932653717-thumb.jpg", "refero_style_id": "c363a216-873c-4112-b960-8e823db76f74", "extracted_at": "2026-04-11T18:37:52.924Z", "path": "skills/stable-audio/DESIGN.md" }, { "id": "standard-projects", "name": "Standard Projects", "description": "Standard Projects employs a classic, content-focused visual style with strong typographic emphasis. It features a predominantly stark black-and-white canvas, using minimal surface elevation. A single, soft gray gradient provides subtle background shifts. Typography is the primary visual communicator, leveraging distinct font weights and sizes to establish hierarchy, complemented by a subtly rounded UI for controls that contrasts with the generally sharp, angular image presentation. The overall impression is one of confident, understated authority.", "theme": "light", "industry": "other", "source_url": "https://www.standard-projects.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516499353-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516499353-thumb.jpg", "refero_style_id": "3eae6f8d-fa39-433f-b872-745c6dd0cb79", "extracted_at": "2026-04-30T02:35:17.830Z", "path": "skills/standard-projects/DESIGN.md" }, { "id": "standards", "name": "Standards", "description": "Standards adopts a stark, high-contrast visual language; an almost monochrome canvas of near-white and black is punctuated sparingly by a vivid, energetic orange. Typography is central, using a bespoke sans-serif with subtle letter-spacing for a precise, authoritative voice. Components are minimal and sharp, focusing on functionality over adornment, with clean borders and tight spacing that reinforce a sense of clarity and efficiency. The overall effect is direct and impactful, designed to convey competence and modern exactitude.", "theme": "light", "industry": "design", "source_url": "https://standards.site", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519601553-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519601553-thumb.jpg", "refero_style_id": "62b22816-2d98-4e98-9c17-bf600ddb2fc8", "extracted_at": "2026-04-30T03:26:56.822Z", "path": "skills/standards/DESIGN.md" }, { "id": "standwithukraine", "name": "#standwithukraine", "description": "The #standwithukraine design system conveys a sense of urgent, stark information delivery. It utilizes a striking contrast between dark backgrounds and vivid yellow accents, evoking the Ukrainian flag. Typography is dominant and forceful, often with wide letter-spacing, set against minimal UI elements. The overall aesthetic is raw and direct, prioritizing message over decorative flourishes, with a spacious, almost sparse layout that reinforces the gravity of the content.", "theme": "dark", "industry": "other", "source_url": "https://theothersideoftruth.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513540418-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513540418-thumb.jpg", "refero_style_id": "6e91afd2-a3ce-4bd7-88ab-eea9e38f6af4", "extracted_at": "2026-04-30T01:46:19.068Z", "path": "skills/standwithukraine/DESIGN.md" }, { "id": "starbucks", "name": "Starbucks", "description": "", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/starbucks/DESIGN.md" }, { "id": "stark", "name": "Stark", "description": "Stark employs a clean, purposeful aesthetic built around a vivid purple accent against a largely achromatic backdrop. Its visual language prioritizes clear communication through robust typography and generous spacing, allowing functional elements to stand out. Component surfaces are light, with subtle shadow usage, focusing on content over heavy decoration. The overall impression is one of efficiency and directness, with the purple acting as a focused 'activate' signal.", "theme": "light", "industry": "saas", "source_url": "https://www.getstark.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520078545-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520078545-thumb.jpg", "refero_style_id": "ea9c37e8-c56c-42aa-8e81-9b55222a5cd3", "extracted_at": "2026-04-30T03:35:01.725Z", "path": "skills/stark/DESIGN.md" }, { "id": "startupblowup", "name": "Startupblowup", "description": "Startupblowup embodies a playful, cartoon-like aesthetic with thick outlines and bold, blocky shapes. The overall impression is lighthearted and approachablespecified by a warm, near-beige background serving as the primary canvas. Typography is minimal, relying on system defaults with a focus on readability rather than strong brand expression. Color is used sparingly, primarily for illustration elements to add visual interest.", "theme": "light", "industry": "other", "source_url": "https://www.startupblowup.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516735132-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516735132-thumb.jpg", "refero_style_id": "80ad4cc4-de09-49b7-b831-0f098ece6b16", "extracted_at": "2026-04-30T02:39:24.223Z", "path": "skills/startupblowup/DESIGN.md" }, { "id": "status", "name": "Status", "description": "Status employs a dark, crypto-native aesthetic, evoking a secure, high-tech environment. The primary interface is a deep, near-black canvas, contrasted by crisp white typography for prominence and readability. UI elements often feature soft, subtle borders and a deliberate avoidance of strong shadows, lending a flat, yet layered, appearance. Vivid accent colors of purple and blue are reserved for interactive elements and brand highlights, creating clear focal points against the monochromatic base.", "theme": "dark", "industry": "crypto", "source_url": "https://status.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511978234-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511978234-thumb.jpg", "refero_style_id": "4ce66adb-ed8b-4e71-8066-15d92c4d2be0", "extracted_at": "2026-04-30T01:20:06.078Z", "path": "skills/status/DESIGN.md" }, { "id": "steep", "name": "Steep", "description": "Steep captures a 'white canvas with depth' aesthetic: crisp backgrounds, carefully chosen neutrals, and a warm, inviting accent. The overall impression is one of restrained elegance and confident clarity, suitable for an analytics platform. Typography plays a central role with a high-contrast serif for display elements paired with a clean sans-serif for UI, creating both gravitas and legibility. Subtle shadows provide gentle elevation, preventing the interface from feeling flat.", "theme": "light", "industry": "ai", "source_url": "https://steep.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510293431-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510293431-thumb.jpg", "refero_style_id": "75fdb89f-ca64-41b3-af36-7a78bd09448e", "extracted_at": "2026-04-30T00:52:09.200Z", "path": "skills/steep/DESIGN.md" }, { "id": "stellar", "name": "Stellar", "description": "Stellar uses a high-contrast dark mode design with near-black backgrounds serving as a deep canvas for bright white typography. A single, vivid violet acts as a primary brand accent, used sparingly to highlight interactive elements and create a sense of direct action. Surfaces are typically flat and minimal, avoiding heavy shadows or decorative elements to maintain a streamlined, focused experience. Typography is utilitarian yet impactful, employing precise letter-spacing and varying weights to establish clear hierarchy against the dark backdrop.", "theme": "dark", "industry": "design", "source_url": "https://www.stellar.work", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512191202-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512191202-thumb.jpg", "refero_style_id": "98a1ad40-90e2-4665-b49f-e5ffd4d4b90b", "extracted_at": "2026-04-30T01:23:35.593Z", "path": "skills/stellar/DESIGN.md" }, { "id": "stink-studios", "name": "Stink Studios", "description": "Stink Studios projects a bold, artistic, and somewhat stark aesthetic, primarily using a dark canvas with sharp, high-contrast typography. The design emphasizes content through large, impactful headlines and minimal, almost invisible UI elements. A distinct lack of rounded corners or elevation creates a flat, direct visual experience, with interactions often subtly outlined rather than filled. The overall impression is one of confident, unornamented creative expression.", "theme": "dark", "industry": "media", "source_url": "https://www.stinkstudios.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515036116-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515036116-thumb.jpg", "refero_style_id": "e287e026-3433-4a1d-9b23-9a65f8b9c138", "extracted_at": "2026-04-30T02:11:06.907Z", "path": "skills/stink-studios/DESIGN.md" }, { "id": "stocketa", "name": "Stocketa", "description": "Stocketa presents a focused financial interface with a light, almost ethereal feel. Its design language is dominated by soft, rounded forms and transparent components, creating a sense of lightness and openness. Color is used sparingly, primarily for functional accents and a subtle brand gradient, letting the content breathe. Typography is compact and precise, maintaining clarity within dense information displays, while nuanced shadows and inset effects give components a sophisticated, layered depth without heaviness.", "theme": "light", "industry": "fintech", "source_url": "https://stocketa.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512533840-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512533840-thumb.jpg", "refero_style_id": "c1f7749f-319b-491b-8243-22050e85994f", "extracted_at": "2026-04-30T01:29:18.788Z", "path": "skills/stocketa/DESIGN.md" }, { "id": "strava", "name": "Strava", "description": "This design system projects an active, performance-oriented energy with its high-contrast typography and prominent use of a single, vibrant orange. The stark black text against white or near-white backgrounds, combined with structured, rectangular forms defines its modern utility. The orange acts as a constant visual cue, highlighting interactive elements and brand presence without relying on subtle gradations or complex color palettes, focusing instead on direct and clear communication.", "theme": "light", "industry": "other", "source_url": "https://strava.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924563923-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924563923-thumb.jpg", "refero_style_id": "efdd6d8f-4488-4312-86a7-4ee8e016c83a", "extracted_at": "2026-04-11T16:23:02.739Z", "path": "skills/strava/DESIGN.md" }, { "id": "stripe", "name": "Stripe", "description": "Stripe's design system evokes a digital command center on a clean canvas. It combines a serene white background with structured grid layouts and a single vibrant violet to highlight actions and key information. Subtle shadows provide soft elevation, preventing elements from feeling flat, while compact typography paired with highly descriptive gradients for hero sections and product showcases adds visual depth without clutter. The overall effect is one of quiet efficiency, where information is paramount, and interactions are clearly signposted.", "theme": "light", "industry": "fintech", "source_url": "https://stripe.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777503329317-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777503329317-thumb.jpg", "refero_style_id": "48e5de76-05d5-4c4e-a269-c7c245b291ec", "extracted_at": "2026-04-29T22:55:51.920Z", "path": "skills/stripe/DESIGN.md" }, { "id": "stripe-press", "name": "Stripe Press", "description": "Stripe Press evokes the gravitas of a classic library reinterpreted for a digital age. Dominant dark surfaces create a hushed atmosphere, where content is spotlighted with precision. The color palette, rather than being unified, exists as a series of rich, distinct individual 'book spines' — each book module presenting a unique thematic combination of subdued background and a singular, vibrant accent. This creates a compelling visual tension between the system's austere background and the vivid yet controlled bursts of color on each item, giving each publication its own distinct visual identity within a consistent framework.", "theme": "dark", "industry": "media", "source_url": "https://press.stripe.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922609153-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922609153-thumb.jpg", "refero_style_id": "54f257e9-1d6b-4410-b94a-1dfe648ecc87", "extracted_at": "2026-04-11T15:50:32.565Z", "path": "skills/stripe-press/DESIGN.md" }, { "id": "structured", "name": "Structured", "description": "Structured presents a brand identity rooted in classical artistry, juxtaposing vintage-inspired illustrations with modern, refined typography. The visual system features large, serif headlines that command attention but are carefully tracked for legibility, paired with compact, utilitarian sans-serif body text. A largely achromatic palette of muted greys and blacks provides a sophisticated backdrop, allowing the rich, painterly imagery to provide the primary visual interest. Surfaces are flat and borderless, emphasizing the content within a contained, almost gallery-like presentation.", "theme": "light", "industry": "fintech", "source_url": "https://structured.money", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508276565-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508276565-thumb.jpg", "refero_style_id": "6c0b77d3-71f9-469d-98aa-4ce1d6d76ac8", "extracted_at": "2026-04-30T00:18:17.848Z", "path": "skills/structured/DESIGN.md" }, { "id": "strut", "name": "Strut", "description": "Strut's design system uses an antique paper aesthetic with modern, structured typography for a focused writing environment. A warm, desaturated canvas color sets a muted backdrop for crisp UI elements, defined by subtle borders rather than heavy shadows. The primary accent color is a soft, vivid yellow, used sparingly to highlight functional iconography and interactive elements. Component weights are ghost-like and delicate, prioritizing content over chrome.", "theme": "light", "industry": "productivity", "source_url": "https://strut.so", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510433482-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510433482-thumb.jpg", "refero_style_id": "deb6c017-d2d3-4945-aaee-fa3d9ea6de70", "extracted_at": "2026-04-30T00:54:15.735Z", "path": "skills/strut/DESIGN.md" }, { "id": "stryds", "name": "Stryds", "description": "Stryds embodies a dark, vibrant gamified aesthetic. The interface uses deep, near-black backgrounds contrasting with neon gradients and vivid accent colors. Typography is bold and assertive, prioritizing impact over traditional readability, often using large scale and tight tracking. Components are rounded and soft, emphasizing a playful yet high-tech feel, with a strategic use of color to highlight active states and primary actions.", "theme": "dark", "industry": "other", "source_url": "https://stryds.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512066693-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512066693-thumb.jpg", "refero_style_id": "6b4e6620-5c06-4dc1-931b-82265116f6f2", "extracted_at": "2026-04-30T01:21:27.535Z", "path": "skills/stryds/DESIGN.md" }, { "id": "studio-emmerer", "name": "Studio Emmerer", "description": "Studio Emmerer employs a minimalist, almost stark aesthetic, prioritizing content through a high-contrast dark theme. Visual hierarchy is achieved primarily through typography and subtle spacing. Surfaces are uniformly dark, with distinction created by thin hairline borders rather than depth or shadows. The overall impression is one of restrained precision, reminiscent of architectural blueprints presented on a night-mode screen.", "theme": "dark", "industry": "design", "source_url": "https://emmerer.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513092181-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513092181-thumb.jpg", "refero_style_id": "670869ea-9576-4f9d-af3a-038910f8b9b8", "extracted_at": "2026-04-30T01:38:27.201Z", "path": "skills/studio-emmerer/DESIGN.md" }, { "id": "studio-few", "name": "Studio Few", "description": "Studio Few embodies a stark, monochromatic aesthetic focused on typography. Surfaces are minimalist, predominantly white, creating a gallery-like backdrop for type specimens. Interaction elements are sharp, high-contrast, and leverage black as a primary action color, emphasizing clarity and directness. The overall feel is one of precise, confident design, allowing the varied and often experimental typefaces to be the central visual event.", "theme": "light", "industry": "design", "source_url": "https://studiofew.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516984365-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516984365-thumb.jpg", "refero_style_id": "d5931dff-2ae3-44c7-b76f-9e5936f90611", "extracted_at": "2026-04-30T02:43:26.229Z", "path": "skills/studio-few/DESIGN.md" }, { "id": "studio-gruhl", "name": "Studio Gruhl", "description": "Studio Gruhl presents a stark, high-contrast dark mode aesthetic, emphasizing brand identity through bold, monochrome typography that commands attention. The design system leverages a powerful interplay of deep charcoal and pure white, with minimal use of color reserved for impactful brand moments or subtle interaction cues. Components are compact, sharply defined, and prioritize information density over expansive whitespace, creating a direct and confident user experience. Underlying this is an expressive motion language that adds a dynamic, almost kinetic, fluidity to interactions.", "theme": "dark", "industry": "design", "source_url": "https://www.studiogruhl.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514938880-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514938880-thumb.jpg", "refero_style_id": "9e3fde24-cc7d-4b96-a70a-7c172882aa8f", "extracted_at": "2026-04-30T02:09:17.937Z", "path": "skills/studio-gruhl/DESIGN.md" }, { "id": "studio-heed", "name": "Studio HEED", "description": "Studio HEED employs a high-contrast dark aesthetic that feels like a refined digital gallery. Dominant dark backdrops are punctuated by crisp white typography and subtle gray surfaces, creating a strong sense of depth and focus on visual content. The system uses a singular, distinct violet accent for functional elements and occasionally as a card background, offering a cool, modern counterpoint to the monochromatic base. Components are minimalistic, with soft, rounded corners and no heavy shadows or borders, maintaining the clean, unobtrusive feel.", "theme": "dark", "industry": "design", "source_url": "https://www.studioheed.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512725459-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512725459-thumb.jpg", "refero_style_id": "10b9e7bb-9ffb-43eb-9360-5628d8390107", "extracted_at": "2026-04-30T01:32:23.861Z", "path": "skills/studio-heed/DESIGN.md" }, { "id": "studio-oker", "name": "Studio Oker", "description": "Studio Oker employs a high-contrast dark aesthetic that feels like an art gallery at dusk. Content surfaces are monochromatic, punctuated by moments of intense red that act as both brand accent and interactive cues. Typography is precise and airy, favoring lighter weights and generous line-heights over heavy, dense blocks. Layouts are spacious and structured, using wide content areas for impact and clear visual separation between elements, emphasizing a curated, editorial feel.", "theme": "dark", "industry": "design", "source_url": "https://oker.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517876016-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517876016-thumb.jpg", "refero_style_id": "e045b276-ae8d-442e-98de-fa8650e284de", "extracted_at": "2026-04-30T02:58:17.984Z", "path": "skills/studio-oker/DESIGN.md" }, { "id": "studio-otto", "name": "Studio Otto", "description": "Studio Otto's visual system evokes a raw, editorial blueprint aesthetic. Dominated by stark black-on-white, the design emphasizes content through rigid grid structures and minimal visual embellishment. Thin borders define content blocks, and the absence of decorative color or rounded corners creates a severe, almost academic clarity. Typography acts as the primary visual hierarchy, with no supporting graphical elements to soften the angular presentation.", "theme": "light", "industry": "design", "source_url": "https://studio-otto.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516883281-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516883281-thumb.jpg", "refero_style_id": "729bd2ff-fb28-47e4-863e-3b292f5bec2d", "extracted_at": "2026-04-30T02:41:39.599Z", "path": "skills/studio-otto/DESIGN.md" }, { "id": "studio-thomas", "name": "Studio Thomas", "description": "Studio Thomas employs a bold, high-contrast aesthetic characterized by large, confident typography and limited, impactful color use. A dominant, vivid orange serves as a high-energy backdrop for key messaging, while a soft, near-white neutral provides a calmer surface for secondary content. The design prioritizes stark visual impact with minimal UI elements beyond essential typography and navigation. This system projects a confident, direct, and slightly raw visual presence.", "theme": "light", "industry": "design", "source_url": "https://studiothomas.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516453726-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516453726-thumb.jpg", "refero_style_id": "f2b24dce-5b1f-47c2-8ef6-bbbd08b68826", "extracted_at": "2026-04-30T02:34:34.366Z", "path": "skills/studio-thomas/DESIGN.md" }, { "id": "studio-tumulte", "name": "Studio Tumulte", "description": "Studio Tumulte employs a minimal, artistic design language centered around a muted, almost-achromatic palette, punctuated by a single, strong blue accent. The layout is spacious, with content given ample room to breathe. Typography is a core expressive element, featuring custom fonts that lend a distinctive, editorial feel, while components are kept understated and border-focused, allowing content and subtle visual flair to dominate.", "theme": "light", "industry": "design", "source_url": "https://studio-tumulte.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515398401-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515398401-thumb.jpg", "refero_style_id": "5f72a3c2-7040-4d8c-9882-4d9384822469", "extracted_at": "2026-04-30T02:17:01.910Z", "path": "skills/studio-tumulte/DESIGN.md" }, { "id": "stykka", "name": "Stykka", "description": "Stykka's visual system evokes a sense of understated craftsmanship and natural permanence. It combines a restrained, almost monochromatic palette with a strong typographic presence and material-focused imagery. The design is airy and structured, using subtle layering and natural light to highlight content rather than bold colors or heavy UI elements. Typography varies between a clean sans-serif for main content and a distinctive monospaced font for key statements, creating an intentional rhythm.", "theme": "light", "industry": "design", "source_url": "https://stykka.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515724840-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515724840-thumb.jpg", "refero_style_id": "b43fdb3c-85e9-4282-9262-1d3deb4b679d", "extracted_at": "2026-04-30T02:22:24.080Z", "path": "skills/stykka/DESIGN.md" }, { "id": "subset", "name": "Subset", "description": "Subset embraces a grounded, natural aesthetic, combining the tactile feel of organic materials with a clean, unadorned interface. The visual design prioritizes clear product presentation against a muted, almost oatmeal-colored canvas, punctuated by utilitarian typography and a few carefully chosen, moderately saturated accent colors. Components are minimal and unfussy, focusing on function over adornment, embodying a sense of reliable simplicity. Color is used sparingly, primarily to distinguish states or add a subtle brand signature rather than for bold visual statements.", "theme": "light", "industry": "ecommerce", "source_url": "https://knickey.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519568131-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519568131-thumb.jpg", "refero_style_id": "a4dcee26-dd31-415a-ac99-64299959e7f1", "extracted_at": "2026-04-30T03:26:29.060Z", "path": "skills/subset/DESIGN.md" }, { "id": "substack", "name": "Substack", "description": "This design system presents a clean, content-focused experience reminiscent of a curated editorial platform, prioritizing readability and direct interaction. A single, vibrant orange accent color (#FF6719) cuts through a palette of cool grays, drawing immediate attention to calls to action and active states. Softly rounded corners (8px and 12px) for cards and inputs, contrasting with the nearly pill-shaped interactive elements (9999px), create a subtle tension between structure and approachability. The use of system fonts with custom display typography lends a familiar yet distinct voice, reinforcing its role as a platform for individual expression.", "theme": "light", "industry": "media", "source_url": "https://substack.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924644086-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924644086-thumb.jpg", "refero_style_id": "14e563d8-a35a-4867-b4bf-15d1620ddae7", "extracted_at": "2026-04-11T16:24:28.267Z", "path": "skills/substack/DESIGN.md" }, { "id": "sunday", "name": "sunday", "description": "sunday's visual system evokes a sleek, high-tech interface with a strong sense of precision. Its foundation is a stark monochrome canvas, primarily white with deep black accents, creating high contrast. Interactivity is signaled by a singular, vibrant pinkish-purple hue, used sparingly for emphasis. Typography is impactful yet restrained, maintaining clarity in a compact layout. Components are lightweight, featuring soft rounded corners and subtle elevation for hierarchy, avoiding heavy visual elements to maintain an airy feel.", "theme": "light", "industry": "fintech", "source_url": "https://sundayapp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521169635-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521169635-thumb.jpg", "refero_style_id": "d703d9f7-4821-468e-8fe4-c8b5790b00ed", "extracted_at": "2026-04-30T03:53:20.709Z", "path": "skills/sunday/DESIGN.md" }, { "id": "suno", "name": "Suno", "description": "Suno's design evokes a dark, pulsating club atmosphere, where digital magic happens. The expansive, low-contrast color palette, punctuated by fleeting, vivid neon accents, creates a sense of cutting-edge technology merging with artistic expression. Subtle dark gradients on backgrounds and elevated elements add depth without sharp divisions. White, bold typography against these dark canvases commands attention, establishing a stage for creative output.", "theme": "dark", "industry": "ai", "source_url": "https://suno.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923691314-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923691314-thumb.jpg", "refero_style_id": "3b5ff57f-a371-4c7f-82ae-5fc5485da073", "extracted_at": "2026-04-11T16:08:34.239Z", "path": "skills/suno/DESIGN.md" }, { "id": "supabase", "name": "Supabase", "description": "Supabase embodies a technical, deeply functional aesthetic like a high-performance terminal where every element serves a clear purpose. Dark, layered surfaces create a sense of depth and focus, akin to illuminated code on a dark screen. The primary green accent color, `Supabase Green`, acts as a confident highlight, drawing attention to interactive elements without being overwhelming. Typography prioritizes clarity and a dense information hierarchy, ensuring readability even with intricate data displays.", "theme": "dark", "industry": "devtools", "source_url": "https://supabase.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776082006213-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776082006213-thumb.jpg", "refero_style_id": "632249f1-fd78-4c77-9b34-7bae37ff3e9b", "extracted_at": "2026-04-13T12:07:09.591Z", "path": "skills/supabase/DESIGN.md" }, { "id": "super", "name": "Super", "description": "This system projects an image of focused utility and quiet confidence, using a stark black-on-white text, highlighted by a single vibrant yellow accent. The design leans into sharp contrasts and subtle textural variations in its neutral palette, allowing content to take center stage without visual noise. Generous padding around elements creates a sense of airiness, emphasizing the digital-first nature of the product.", "theme": "mixed", "industry": "saas", "source_url": "https://super.so", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932846114-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932846114-thumb.jpg", "refero_style_id": "25863c92-a287-491e-bae7-4da37a1f9a98", "extracted_at": "2026-04-11T18:41:08.658Z", "path": "skills/super/DESIGN.md" }, { "id": "superhi", "name": "SuperHi", "description": "This system expresses a playful, creative energy through a vibrant, almost primary color palette paired with a functional, crisp sans-serif typography. Geometric and organic shapes in vivid hues act as visual anchors and decorative elements. The intentional use of deep, saturated blue as the primary interactive color, alongside a large, friendly radius for buttons and inputs, creates an approachable but authoritative digital learning environment.", "theme": "light", "industry": "other", "source_url": "https://superhi.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925423477-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925423477-thumb.jpg", "refero_style_id": "90b8631c-4e2c-407e-86a3-d2bff456dc93", "extracted_at": "2026-04-11T16:37:26.000Z", "path": "skills/superhi/DESIGN.md" }, { "id": "superhi-basic-income", "name": "SuperHi Basic Income", "description": "SuperHi Basic Income uses a stark, high-contrast digital poster aesthetic. A dominant, vivid blue acts as both a brand identifier and functional element across an otherwise white canvas, creating a distinctive two-zone layout. Typography is compact and precise, maintaining a clear hierarchy without resorting to heavy weights. Component accents are minimal, often relying on border treatments or small details to signify interactivity, reinforcing a lightweight, almost ephemeral sense of interaction.", "theme": "light", "industry": "other", "source_url": "https://www.superhibasicincome.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515388251-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515388251-thumb.jpg", "refero_style_id": "e57d9536-22a7-49db-8bd4-4306d8927ec3", "extracted_at": "2026-04-30T02:16:51.578Z", "path": "skills/superhi-basic-income/DESIGN.md" }, { "id": "superhi-plus", "name": "SuperHi Plus", "description": "SuperHi Plus employs a vibrant and high-contrast design language, built on a foundation of deep blue and crisp white. Surfaces are predominantly flat, with color providing separation and hierarchy rather than shadows or complex textures. Typography is compact and direct, ensuring quick communication, while generous spacing frames content with confidence. The overall impression is energetic, modern, and direct, using bold color as a primary structuring element.", "theme": "dark", "industry": "other", "source_url": "https://superhi.plus", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512035493-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512035493-thumb.jpg", "refero_style_id": "a1f9e844-c4b6-4526-9cfc-81208c50aee1", "extracted_at": "2026-04-30T01:20:56.002Z", "path": "skills/superhi-plus/DESIGN.md" }, { "id": "superhuman", "name": "Superhuman", "description": "Superhuman feels like a cinematic productivity cockpit — moody atmospheric photography bleeds behind glassmorphic UI panels while the page itself stays anchored in warm parchment neutrals. The hero is a full-viewport dusk photograph with overlapping product panels floating at various depths, then the page snaps to a warm off-white (#f2f0eb) canvas for feature content. Custom variable font 'Super Sans VF' is the entire typographic system — tight negative tracking at display sizes (-0.028em at 64px) makes headlines feel compressed and urgent. Violet (#714cb6) is the sole chromatic system accent, appearing as outlined ghost buttons and focus rings against otherwise achromatic surfaces. The dark muted-red (#421d24) surfaces only in the announcement banner and footer, creating a bracketed frame around the entire page.", "theme": "mixed", "industry": "saas", "source_url": "https://superhuman.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777418980534-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777418980534-thumb.jpg", "refero_style_id": "418b374a-be64-44f0-b17e-1d45308c7e62", "extracted_at": "2026-04-28T23:31:39.739Z", "path": "skills/superhuman/DESIGN.md" }, { "id": "superintelligence-for-work", "name": "Superintelligence for work", "description": "Sana embodies a high-contrast, polished AI platform aesthetic: a largely white canvas punctuated by deep dark text and occasional vibrant accents. Components are lightweight and confident, favoring rounded shapes and minimal elevation. Typography is distinctive with a custom sans-serif that uses precise letter-spacing for a sophisticated, modern feel. Color appears primarily as functional cues, highlighting calls to action or distinguishing interactive elements within an otherwise achromatic UI.", "theme": "light", "industry": "ai", "source_url": "https://sanalabs.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508161966-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508161966-thumb.jpg", "refero_style_id": "1db2adc9-2f10-4f20-af1b-27fa4b25f729", "extracted_at": "2026-04-30T00:16:29.666Z", "path": "skills/superintelligence-for-work/DESIGN.md" }, { "id": "superlative", "name": "Superlative", "description": "Superlative employs a dark, high-contrast aesthetic that feels like a precision instrument's interface—sharp, functional, and minimal. White and various shades of dark gray define the palette, highlighted by a stark orange accent used for critical indicators. Typography is condensed and uppercase, contributing to a technical, almost industrial feel. Components are stripped down: ghost buttons with thin borders and minimal padding, and tight, disciplined spacing create a sense of focused control.", "theme": "dark", "industry": "design", "source_url": "https://playsuperlative.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519099582-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519099582-thumb.jpg", "refero_style_id": "10ab6120-3d03-48ff-aebe-0b4910edc046", "extracted_at": "2026-04-30T03:18:37.257Z", "path": "skills/superlative/DESIGN.md" }, { "id": "superlist", "name": "Superlist", "description": "Superlist employs a dark, almost theatrical, aesthetic with intense, contrasting colors to highlight interaction. The deep charcoal and muted violet backgrounds create a sophisticated stage, upon which vibrant pinks and oranges burst forth as calls to action and signifiers of activity. The interplay of strong, condensed headings and softer, spacious body text paired with generous spacing gives the design a comfortable yet decisive presence.", "theme": "dark", "industry": "productivity", "source_url": "https://superlist.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932215877-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932215877-thumb.jpg", "refero_style_id": "13f27e7a-d84f-4ff9-a030-ae4e2c930757", "extracted_at": "2026-04-11T18:30:42.187Z", "path": "skills/superlist/DESIGN.md" }, { "id": "superlocal", "name": "Superlocal", "description": "This design system evokes a sense of archival warmth meeting modern-day nostalgia, like hand-printed posters in an old design studio. The dominant 'Pueblo Spice' brown against near-white 'Parchment' creates a soft, inviting contrast, making the content feel discovered rather than presented. The extensive use of 'RST Reactor' font with its strong, almost monospaced character, lends an industrial, handcrafted feel, reinforced by the vibrant 'Electric Blue' and 'Sunburst Orange' accents that punctuate this subdued palette.", "theme": "light", "industry": "design", "source_url": "https://superlocaldesign.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776008648602-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776008648602-thumb.jpg", "refero_style_id": "a865ac1d-a4c2-425b-90db-2a7ec6d461a3", "extracted_at": "2026-04-12T15:44:25.583Z", "path": "skills/superlocal/DESIGN.md" }, { "id": "supermush", "name": "SuperMush", "description": "SuperMush employs a vibrant, energetic visual system akin to a modern wellness brand. It layers a crisp white canvas with a bright, electric blue for primary actions and a playful, warm orange for highlighting key information. Typography is direct and confident, favoring sans-serifs with ample letter spacing and line height for readability. Components are lightweight with subtly rounded corners, emphasizing content and a clean user experience.", "theme": "light", "industry": "ecommerce", "source_url": "https://supermush.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514706845-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514706845-thumb.jpg", "refero_style_id": "71a9583d-1710-4696-9269-50ca8c9a2cfa", "extracted_at": "2026-04-30T02:05:27.843Z", "path": "skills/supermush/DESIGN.md" }, { "id": "superpower", "name": "Superpower", "description": "Superpower's health intelligence brand is built on a high-contrast palette of an almost-black charcoal and stark white, punctuated by a vivid, energetic vermillion. Monochromatic typography by NB International Pro, paired with generous letter-spacing, projects a precise, almost clinical authority, while pill-shaped buttons introduce a surprising soft, approachable counterpoint. This creates a refined yet dynamic aesthetic, balancing technical exactitude with user-friendly optimism.", "theme": "light", "industry": "other", "source_url": "https://superpower.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925845345-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925845345-thumb.jpg", "refero_style_id": "5d34568d-4bdc-445d-a527-c6f5249fa8fb", "extracted_at": "2026-04-11T16:44:25.259Z", "path": "skills/superpower/DESIGN.md" }, { "id": "superr", "name": "Superr", "description": "Superr opts for a youthful, playful aesthetic, resembling a child's notebook brought to life. A warm, off-white canvas sets a friendly, approachable tone, punctuated by vibrant, primary-school-inspired colors for text highlights and playful borders. Typography leans into a handwritten, slightly uneven feel for headings, offset by a clean sans-serif for body copy. Components are light, favoring subtle shadows and rounded corners to maintain a soft, tactile presence, echoing the physical world of a notebook.", "theme": "light", "industry": "productivity", "source_url": "https://www.superr.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508079543-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508079543-thumb.jpg", "refero_style_id": "cfd0fec1-f25a-4b9b-9bd0-d5b66960f2f2", "extracted_at": "2026-04-30T00:15:05.113Z", "path": "skills/superr/DESIGN.md" }, { "id": "superwhisper", "name": "Superwhisper", "description": "This design system evokes a 'celestial command center' feel, achieved through deep, gradient-rich dark backgrounds and high-contrast white typography. Vivid, almost neon-like accent colors emerge sparingly against the darkness, providing critical points of focus and interactivity. The primary visual tension arises from the interplay of vast, ethereal gradients and sharp, contained UI elements with precise 9px rounded corners and optional pill shapes for actions.", "theme": "dark", "industry": "ai", "source_url": "https://superwhisper.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776122642610-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776122642610-thumb.jpg", "refero_style_id": "b8a8976c-52d9-4ebb-95ea-4c40f4a9acab", "extracted_at": "2026-04-13T23:24:34.421Z", "path": "skills/superwhisper/DESIGN.md" }, { "id": "surface", "name": "Surface", "description": "Arctic Volume presents a bold, editorial aesthetic. It emphasizes high contrast typography on vast, unobtrusive white space. Visuals are treated as distinct collage elements, drawing attention without being enclosed. The overall impression is one of stark graphic clarity, where content is king and design serves to amplify rather than decorate.", "theme": "light", "industry": "media", "source_url": "https://surface.arcticvolume.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515073667-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515073667-thumb.jpg", "refero_style_id": "e6c20874-c6f9-4c31-b6b2-2cb27cbf15f2", "extracted_at": "2026-04-30T02:11:28.036Z", "path": "skills/surface/DESIGN.md" }, { "id": "surfshark", "name": "Surfshark", "description": "Surfshark's design system projects a dynamic, secure, and user-friendly online presence. It balances informative content with clear calls to action, leveraging high-contrast typography against clean achromatic surfaces. A vibrant red accent color signifies primary interactions, while a teal tone highlights key data points. Asymmetric large radii on cards and a distinct, rounded button style add a modern, approachable edge to the otherwise structured layout, creating an engaging yet trustworthy feel.", "theme": "mixed", "industry": "other", "source_url": "https://surfshark.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510037700-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510037700-thumb.jpg", "refero_style_id": "4fc7a535-3c99-4ffe-8365-7d025d33274e", "extracted_at": "2026-04-30T00:47:46.827Z", "path": "skills/surfshark/DESIGN.md" }, { "id": "svelte", "name": "Svelte", "description": "This design system feels like a modern reinterpretation of classic editorial design, balancing gravitas with approachability. The signature move is the pairing of a strong, almost-black headline color (#141414) with an elegant serif font (EB Garamond / DM Serif Display) that commands attention without being overbearing. This is underscored by a clean, spacious layout using ample negative space to highlight key content, with the single vibrant orange (#d43008) serving as a bright, technical accent, reminiscent of a warning light or a 'hot' element in a cool system.", "theme": "light", "industry": "devtools", "source_url": "https://svelte.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923430941-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923430941-thumb.jpg", "refero_style_id": "303ca7ea-e6fa-4e95-8acb-8008c4d3c068", "extracted_at": "2026-04-11T16:04:08.366Z", "path": "skills/svelte/DESIGN.md" }, { "id": "swap", "name": "Swap", "description": "Swap's design system evokes an 'AI as a service' aesthetic with a bright, spacious, and slightly austere canvas adorned with precise, geometric forms. Typography is a key differentiator: elegant, thin headings juxtapose with a workhorse sans-serif for body text, creating a contrast of sophistication and clarity. A prominent, vibrant green gradient is used sparingly as a functional accent, making interactive elements feel 'charged'. Surfaces are predominantly clean white, occasionally featuring subtle shadows for a light sense of elevation or rich, deep-toned section cards. Components are generally compact and direct, prioritizing information delivery over heavy ornamentation.", "theme": "light", "industry": "saas", "source_url": "https://www.swap-commerce.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508371908-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508371908-thumb.jpg", "refero_style_id": "15d10d6c-1844-46c6-ae69-c99a56e6ad41", "extracted_at": "2026-04-30T00:19:58.161Z", "path": "skills/swap/DESIGN.md" }, { "id": "sweetgreen", "name": "sweetgreen", "description": "Sweetgreen cultivates a fresh, approachable aesthetic with a primary focus on ingredient transparency and natural vitality. Its visual language balances an organic, handcrafted feel with clean, modern utility. A vibrant, almost neon green-yellow acts as a spirited accent against an otherwise muted, earthy palette of desaturated greens and soft off-whites, echoing fresh produce against natural backdrops. Typography is friendly yet confident, pairing a distinct, light-weight display face for headlines with a clean sans-serif for body text. Components are light, favoring generous organic radii and subtle elevation.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.sweetgreen.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509736562-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509736562-thumb.jpg", "refero_style_id": "d91841cf-c717-43ef-97a2-400778fa6e1a", "extracted_at": "2026-04-30T00:42:37.492Z", "path": "skills/sweetgreen/DESIGN.md" }, { "id": "swimclub", "name": "SwimClub", "description": "SwimClub projects authority through a deliberate contrast of quiet, near-monochromatic UI with a singular vivid orange accent, and a blend of modern grotesk typography with a distinctive pixelated display font for key statistics. The design feels grounded and scientific, utilizing strong visual hierarchy and a comfortable density. Subtle gradients add depth to backgrounds, while component treatments remain lightweight, emphasizing content over heavy decoration.", "theme": "light", "industry": "other", "source_url": "https://swimclub.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508957998-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508957998-thumb.jpg", "refero_style_id": "d7a73e16-4b3e-4b9d-aef2-2c31a9db7457", "extracted_at": "2026-04-30T00:29:44.491Z", "path": "skills/swimclub/DESIGN.md" }, { "id": "swwim", "name": "Swwim", "description": "Swwim projects a bold, impactful, and trustworthy brand image using a striking primary blue contrasted with crisp white typography. The design emphasizes clear hierarchy through large, confident sans-serif headlines and functional, rounded secondary elements. Its comfortable density allows content to breathe while maintaining a strong visual presence. Accents are primarily subtle and tonal, reinforcing the main brand blue.", "theme": "light", "industry": "agency", "source_url": "https://www.weswwim.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515806273-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515806273-thumb.jpg", "refero_style_id": "5cb1fbe8-b539-4482-b645-74a745332965", "extracted_at": "2026-04-30T02:23:51.318Z", "path": "skills/swwim/DESIGN.md" }, { "id": "symbol-audio", "name": "Symbol Audio", "description": "Symbol Audio embodies a sophisticated industrial aesthetic, pairing a dominant forest green canvas with stark white typography and neutral product cards. Typography is a critical brand differentiator, utilizing custom display typefaces with extreme letter-spacing and substantial size to create an impactful, sculptural presence. Components are generally borderless and unadorned, relying on color contrast and the precision of typography to define elements. The overall feel is one of deliberate craftsmanship, reflecting the brand's focus on custom audio furniture.", "theme": "dark", "industry": "ecommerce", "source_url": "https://www.symbolaudio.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512576291-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512576291-thumb.jpg", "refero_style_id": "3b742f76-25ad-446c-a942-09b09b93f6a3", "extracted_at": "2026-04-30T01:30:04.480Z", "path": "skills/symbol-audio/DESIGN.md" }, { "id": "symbolic-ai", "name": "Symbolic.ai", "description": "Symbolic.ai presents a minimalist canvas, emphasizing content clarity through high contrast typography and subtle, paper-like surface treatments. The primary visual distinction comes from the interplay of a warm off-white background with crisp dark text, occasionally punctuated by a single vibrant red accent. Components echo this ethos with soft, organic shapes and understated shadows, simulating physical objects resting on a textured page. The overall impression is one of calm, focused utility with a hint of analog charm.", "theme": "light", "industry": "ai", "source_url": "https://symbolic.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508279174-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508279174-thumb.jpg", "refero_style_id": "694723e9-0df7-4b9f-ba07-83fc598532d6", "extracted_at": "2026-04-30T00:18:51.190Z", "path": "skills/symbolic-ai/DESIGN.md" }, { "id": "t1-energy", "name": "T1 Energy", "description": "T1 Energy employs a sophisticated industrial blueprint aesthetic. It uses a restricted, monochromatic palette of deep charcoals, muted grays, and pure white to create a serious, high-tech atmosphere. Typography is precise and confident, often appearing in subtle weights or as a functional overlay. Elements feel lightweight with soft, large radius surfaces and minimal elevation, avoiding heavy borders or decorative flourishes, giving the impression of advanced machinery on a white canvas.", "theme": "light", "industry": "other", "source_url": "https://t1energy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509054633-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509054633-thumb.jpg", "refero_style_id": "e79b761d-f476-4c5d-8943-e31a58664e4d", "extracted_at": "2026-04-30T00:31:18.209Z", "path": "skills/t1-energy/DESIGN.md" }, { "id": "taiki-murayama", "name": "Taiki Murayama", "description": "Taiki Murayama's portfolio design evokes a tactile, high-contrast, 'digital-brutalism-meets-luxe' aesthetic. Sharp, often square visual elements are juxtaposed with a single, highly saturated 'cyber green' accent that signals interaction and focus. Typography leans towards expansive, confident sans-serifs, with some oversized headings creating an editorial, high-fashion feel. The overall presentation is sparse, leaving ample negative space, and prioritizing strong visual statements over dense information.", "theme": "light", "industry": "design", "source_url": "https://www.taiki-murayama.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518764874-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518764874-thumb.jpg", "refero_style_id": "6b3d1095-2e60-4e7a-a4e2-eb4bf67e5d1f", "extracted_at": "2026-04-30T03:13:04.757Z", "path": "skills/taiki-murayama/DESIGN.md" }, { "id": "tailark-pro", "name": "Tailark Pro", "description": "Tailark Pro presents an airy, contemporary aesthetic that feels like an interactive museum exhibition of digital components. It achieves this with an almost entirely achromatic palette, punctuated by carefully selected, vibrant accents on interactive elements or illustrative details. The use of multiple shades of near-white for backgrounds and surfaces, combined with subtle, layered box-shadows, creates depth and structure without heavy lines or strong color contrasts. Typography is primarily utilitarian sans-serif, anchoring the UI, while a mono-spaced font adds a technical, precision-engineered feel to code-like elements. Asymmetric and varied border radii on cards create a dynamic, modern presentation.", "theme": "light", "industry": "design", "source_url": "https://pro.tailark.com/illustrations", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776124707170-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776124707170-thumb.jpg", "refero_style_id": "ee8698fd-bb1e-4813-9571-5db39e508542", "extracted_at": "2026-04-13T23:59:30.686Z", "path": "skills/tailark-pro/DESIGN.md" }, { "id": "tailscale", "name": "Tailscale", "description": "Tailscale's design system uses a technical and understated aesthetic, built on a foundation of neutral grays and whites. Typography is compact and precise, maintaining clarity in dense information displays. Components are lightweight, favoring subtle borders and soft shadows over heavy fills or strong visual ornaments, contributing to an overall sense of efficiency and focus, punctuated by a single vibrant red accent color for critical actions.", "theme": "light", "industry": "devtools", "source_url": "https://tailscale.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509908505-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509908505-thumb.jpg", "refero_style_id": "5b679fb6-8d53-402d-a77b-c88bfb397623", "extracted_at": "2026-04-30T00:45:36.295Z", "path": "skills/tailscale/DESIGN.md" }, { "id": "tailwind-css", "name": "Tailwind CSS", "description": "Tailwind CSS's homepage feels like a live code editor bleeding into a marketing page — black type hammered at near-display scale, monospace code fragments interrupting prose, and a white canvas that never apologizes for its blankness. The near-black #030712 dominates everything: headings, body copy, borders, and buttons all collapse toward the same ink-black anchor, creating a stark tonal discipline rarely seen on developer tools sites that usually reach for blue. The signature move is scale contrast: 96px Inter at weight 700 next to 14px monospace code, the size gulf doing all the visual work that color usually handles. Accent colors (sky blue #00a6f4, hot pink #e60076) appear exclusively inside inline code snippets as syntax highlights, never as UI chrome — they're content, not decoration. The color palette swatch section generates a systematic rainbow of every Tailwind hue, but the actual UI uses only ink-black, white, and near-grays.", "theme": "light", "industry": "devtools", "source_url": "https://tailwindcss.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775930481611-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775930481611-thumb.jpg", "refero_style_id": "8f79ab5b-a91a-4bf4-a64f-4a5ba3ada7d5", "extracted_at": "2026-04-11T18:03:36.589Z", "path": "skills/tailwind-css/DESIGN.md" }, { "id": "tally-forms", "name": "Tally Forms", "description": "Tally Forms presents a lighthearted, yet highly functional workspace. Its design language blends clean, achromatic UI elements with playful, hand-drawn illustrations and a singular vibrant blue accent for primary actions. Surfaces are layered subtly with soft shadows, creating depth without heaviness. Typography is crisp and purposeful, maintaining readability amidst the visual whimsy. The overall experience is one of approachable productivity.", "theme": "light", "industry": "productivity", "source_url": "https://tally.so", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510088018-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510088018-thumb.jpg", "refero_style_id": "4e3aa524-b146-416c-907f-382c079ea80c", "extracted_at": "2026-04-30T00:48:37.823Z", "path": "skills/tally-forms/DESIGN.md" }, { "id": "tapbots", "name": "Tapbots", "description": "Ivory's design system evokes a cosmic, playful yet precise feel, like exploring a high-tech constellation. Deep space purples and blacks provide a dramatic stage for luminous accents of violet and glowing green, creating a narrative of discovery. Spherical and rounded forms, particularly the 40px radius on interactive elements, soften the tech aesthetic, making the advanced functionality feel approachable.", "theme": "dark", "industry": "other", "source_url": "https://tapbots.com/ivory", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926068028-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926068028-thumb.jpg", "refero_style_id": "8ce08850-085e-4954-a2f0-16acfb8dce23", "extracted_at": "2026-04-11T16:48:15.738Z", "path": "skills/tapbots/DESIGN.md" }, { "id": "tatem", "name": "Tatem", "description": "Tatem's design offers a sophisticated and focused dark-mode experience, reminiscent of a command line interface or focused developer tool. Its visual atmosphere is calm, quiet, and highly systematic. The primary visual impression is created by a clean, neutral dark background punctuated by purposeful text and subtle interactive elements. Very sparing use of color, primarily for status or accent in a muted blue, maintains serious functionality while avoiding distraction. The design prioritizes readability and information hierarchy through careful typographic sizing and achromatic value contrasts.", "theme": "dark", "industry": "productivity", "source_url": "https://tatem.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922891824-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922891824-thumb.jpg", "refero_style_id": "cb6e4ab0-b8fe-45b0-bd22-6339b073e26d", "extracted_at": "2026-04-11T15:55:13.293Z", "path": "skills/tatem/DESIGN.md" }, { "id": "teachable", "name": "Teachable", "description": "Teachable employs a modern, self-assured design language centered on crisp typography and a functional, high-contrast palette. Black and white are dominant, providing a clean canvas for content, while a vibrant, almost neon yellow acts as the primary accent, signaling interactive elements and brand energy. The visual system balances strong display headlines with practical, legible body text. Cards and interactive elements use slightly rounded corners or full pills, creating a friendly yet professional feel.", "theme": "light", "industry": "other", "source_url": "https://teachable.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511022350-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511022350-thumb.jpg", "refero_style_id": "491fbae1-feb2-4784-b1e1-24c53a2bf179", "extracted_at": "2026-04-30T01:04:18.600Z", "path": "skills/teachable/DESIGN.md" }, { "id": "tech-barcelona", "name": "Tech Barcelona", "description": "Tech Barcelona uses a bold and graphic black-and-white canvas, punctuated by a single vibrant blue accent. The typography is compact and confident, primarily utilizing a light-weight sans-serif for both headings and body text, establishing an authoritative yet accessible tone. Components are sharp and unfussy, favoring crisp borders and minimal elevation over elaborate styling, with a strong emphasis on a clear, almost monochromatic visual hierarchy that directs attention to key information and interactive elements.", "theme": "light", "industry": "other", "source_url": "https://techbarcelona.com/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516173184-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516173184-thumb.jpg", "refero_style_id": "271172f7-9f6d-4d6f-9baa-91a41648d8be", "extracted_at": "2026-04-30T02:29:49.154Z", "path": "skills/tech-barcelona/DESIGN.md" }, { "id": "teenage-engineering", "name": "teenage engineering", "description": "This system feels like a minimalist architectural blueprint, where products are spotlighted against a backdrop of muted industrial grays. The deliberate use of extremely thin custom typography, particularly for headings, creates a subtle, almost whispered authority. Interactive elements are marked by a singular vivid blue against a monochromatic field, acting like technical indicator lights. Sharp angles and high-contrast text on neutral surfaces define the system's precise and functional aesthetic.", "theme": "light", "industry": "other", "source_url": "https://teenage.engineering", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777419221525-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777419221525-thumb.jpg", "refero_style_id": "aecf9dda-5cba-4dc7-9e73-59b65d895cdf", "extracted_at": "2026-04-28T23:34:00.595Z", "path": "skills/teenage-engineering/DESIGN.md" }, { "id": "teepublic", "name": "TeePublic", "description": "TeePublic utilizes a dynamic, high-contrast aesthetic with a playful edge. Dark primary text and bold accent colors define a vibrant mood, set against a predominantly white and subtle gray surface palette. Components feature soft, large radii and distinct shadow treatments, ensuring readability while maintaining a confident, attention-grabbing presence.", "theme": "light", "industry": "ecommerce", "source_url": "https://unfurproject.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512985212-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512985212-thumb.jpg", "refero_style_id": "0231caf5-0347-4f2d-ba20-5bab8fcaf2ce", "extracted_at": "2026-04-30T01:36:52.461Z", "path": "skills/teepublic/DESIGN.md" }, { "id": "telepathic-instruments", "name": "Telepathic Instruments", "description": "Telepathic Instruments blends scientific product UI with artistic ambiguity. The interface centers on a minimal, high-contrast monochrome palette, punctuated by a single vibrant orange accent. Typography is compact and precise, using a bespoke geometric sans-serif that lends a technical yet refined feel. Visuals often feature abstract, blurry backgrounds with sparse, distinct elements foregrounded, creating a sense of unfolding discovery.", "theme": "light", "industry": "other", "source_url": "https://telepathicinstruments.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508789649-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508789649-thumb.jpg", "refero_style_id": "5183054c-4c6e-4ecf-bd90-f7d794d5eb17", "extracted_at": "2026-04-30T00:26:53.223Z", "path": "skills/telepathic-instruments/DESIGN.md" }, { "id": "telescope", "name": "Telescope", "description": "Telescope embraces a warm, organic minimalism with off-white canvases and rich, dark typography. The design feels grounded through a single vibrant green accent used sparingly for active states and highlights. A sense of relaxed, curated discovery is conveyed by the loose typographic arrangements and the overall spaciousness. Imagery, when present, is small, floating, and acts as visual anchors in a predominantly airy layout.", "theme": "light", "industry": "other", "source_url": "https://telescope.fyi", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509035495-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509035495-thumb.jpg", "refero_style_id": "e6fb72b4-877d-46ab-8f94-590b971d4dc1", "extracted_at": "2026-04-30T00:30:59.172Z", "path": "skills/telescope/DESIGN.md" }, { "id": "tella", "name": "Tella", "description": "Tella pulses with electric violet energy — a hero that washes the entire viewport in saturated purple (#5e51f8 to #251544), then cuts hard to white for feature sections. The contrast is deliberate and jarring in the best way: you go from immersive chromatic field to clinical white card grid without transition. The headline font NaN Jaune Midi Bold does the heavy lifting — a chunky, tightly-tracked display face at -0.054em letter-spacing that feels like broadcast TV titles squeezed into browser chrome. Lavender-tinted secondary text (#cfcbfd on dark, #d7d3fd on features) carries brand color even into body copy, preventing the white sections from losing brand identity. The pill-shaped dark CTA floating in a violet sea is the signature contradiction: the most important action is the darkest, most contained element on the page.", "theme": "mixed", "industry": "saas", "source_url": "https://tella.tv", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935399351-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935399351-thumb.jpg", "refero_style_id": "41547c7a-3bbe-49f0-95d6-9701c9df9a5e", "extracted_at": "2026-04-11T19:25:42.180Z", "path": "skills/tella/DESIGN.md" }, { "id": "tesla", "name": "Tesla", "description": "The design operates like a premium automotive showroom translated to the screen. Every section is a full-bleed, cinematic product photograph, with UI elements acting as minimal, functional plaques. The palette is starkly achromatic, save for a single, electric Tesla Blue (#3e6ae1) reserved exclusively for primary calls-to-action, functioning like an ignition button. Typography is neutral and technical, serving information without asserting its own personality. This systematic subordination of UI to imagery ensures the product—the car, the solar panel—is always the undisrupted hero.", "theme": "light", "industry": "other", "source_url": "https://tesla.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929531558-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929531558-thumb.jpg", "refero_style_id": "7266b546-2fb0-465c-acd6-79001c39829a", "extracted_at": "2026-04-11T17:46:47.791Z", "path": "skills/tesla/DESIGN.md" }, { "id": "thatwineismine", "name": "ThatWineIsMine", "description": "ThatWineIsMine presents a warm, inventory-focused shop experience. A classic light theme with high contrast text and a vivid red accent color creates clear calls to action and highlights product details. Product cards are central, featuring soft shadows and prominent imagery, grounded by clear pricing and review details. The layout prioritizes product visibility with clear sectioning and comfortable spacing.", "theme": "light", "industry": "ecommerce", "source_url": "https://thatwineismine.sg", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515920927-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515920927-thumb.jpg", "refero_style_id": "b9e7cf83-264c-4d52-bffb-0a1385657cc2", "extracted_at": "2026-04-30T02:25:47.276Z", "path": "skills/thatwineismine/DESIGN.md" }, { "id": "the-beams", "name": "The Beams", "description": "The Beams presents a stark, high-contrast visual system, built upon a monochrome palette and large-scale typography. It leverages raw, industrial aesthetics by minimizing decorative elements, relying instead on bold, unadorned text on clean white surfaces. Interaction is signaled through subtle borders and text-only links, avoiding visually heavy components to maintain an austere, content-forward focus.", "theme": "light", "industry": "other", "source_url": "https://thebeamslondon.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512739333-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512739333-thumb.jpg", "refero_style_id": "b321ca45-2971-4828-9165-82b77f676bfd", "extracted_at": "2026-04-30T01:32:36.033Z", "path": "skills/the-beams/DESIGN.md" }, { "id": "the-browser-company", "name": "The Browser Company", "description": "The Browser Company's design system evokes a classic, literary feel through its sparse composition and refined typography. A warm, off-white canvas provides a tranquil backdrop for minimal, precisely placed text elements. The visual identity relies heavily on the nuanced interplay of diverse typefaces, with a primary blue accent reserved for subtle interactive cues.", "theme": "light", "industry": "ai", "source_url": "https://thebrowser.company", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514456931-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514456931-thumb.jpg", "refero_style_id": "0e705758-1beb-49ba-a545-d675275027ec", "extracted_at": "2026-04-30T02:01:13.224Z", "path": "skills/the-browser-company/DESIGN.md" }, { "id": "the-communication-studio", "name": "The Communication Studio", "description": "The Communication Studio employs a refined, subdued aesthetic reminiscent of gallery curation. Projects are presented as a grid of art pieces, framed with subtle borders and minimal text overlays. The palette is predominantly achromatic, allowing the richly colored photography to take center stage. Typography is clean and functional, supporting the visual content without distraction, creating a calm and contemplative browsing experience centered on visual storytelling.", "theme": "light", "industry": "agency", "source_url": "https://thecommunicationstudio.pt", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515569584-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515569584-thumb.jpg", "refero_style_id": "400e2eab-ff52-45ab-8ec2-79d7ab7b816e", "extracted_at": "2026-04-30T02:19:47.959Z", "path": "skills/the-communication-studio/DESIGN.md" }, { "id": "the-fascination-the-fascination", "name": "The Fascination The Fascination", "description": "The Fascination employs a narrative-driven blog aesthetic with ample white space and a clear hierarchy. Typography centers around a robust sans-serif for content and a distinctive script font for thematic accents, creating a balance of utility and branded personality. Interaction is defined by crisp, subtle borders and a singular vivid blue for active states, keeping the focus on editorial content rather than complex UI elements. Most surfaces remain light and neutral, allowing text and imagery to take precedence without visual interruption.", "theme": "light", "industry": "media", "source_url": "https://thefascination.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521271628-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777521271628-thumb.jpg", "refero_style_id": "9c60e0a4-a702-49af-9fc1-52edbc9dd902", "extracted_at": "2026-04-30T03:54:59.771Z", "path": "skills/the-fascination-the-fascination/DESIGN.md" }, { "id": "the-game-awards-microverse", "name": "The Game Awards Microverse", "description": "The Game Awards Microverse immerses users in a dark, atmospheric virtual environment. Its design language is driven by luminous UI elements floating within a deep, inky canvas. Typography is compact and precise, often used in all-caps for labels and navigation. Components are subtle, translucent overlays, appearing as frosted glass panels that provide contextual information without breaking the immersive dark aesthetic. The system prioritizes functional clarity amidst a visually rich, low-light setting.", "theme": "dark", "industry": "media", "source_url": "https://thegameawards.dreamwave.live", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515286553-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515286553-thumb.jpg", "refero_style_id": "63e985f6-1f1a-4c6e-a5ec-497ced38a7a7", "extracted_at": "2026-04-30T02:15:03.801Z", "path": "skills/the-game-awards-microverse/DESIGN.md" }, { "id": "the-leap", "name": "The Leap", "description": "The Leap channels a vibrant, upbeat digital playground aesthetic through a light canvas, rounded organic shapes, and a playful brand palette. Typography uses custom, expressive sans-serifs, reserving a sophisticated serif for display headings. Surfaces are flat and borderless, relying on soft elevation and vivid background gradients to define regions. The system embraces a joyful, approachable tone, making heavy use of a bright yellow-green accent for calls to action and highlights, contrasting with a deep, muted brown for primary text. Design elements feel organic and friendly, avoiding sharp angles or heavy dividers.", "theme": "light", "industry": "other", "source_url": "https://www.theleap.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510539586-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510539586-thumb.jpg", "refero_style_id": "6b201ccd-16ae-4c2d-84bb-498f7cb568dd", "extracted_at": "2026-04-30T00:56:24.198Z", "path": "skills/the-leap/DESIGN.md" }, { "id": "the-online-bank", "name": "The online bank", "description": "N26 employs a utilitarian, almost institutional aesthetic, built around a dominant teal that provides a singular brand anchor against an otherwise stark monochrome palette. The design emphasizes functional clarity, using crisp lines and generous whitespace to present complex financial information in an accessible manner. The restricted use of color focuses attention on key interactive elements and a distinct brand presence, avoiding visual clutter.", "theme": "light", "industry": "fintech", "source_url": "https://n26.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924145030-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924145030-thumb.jpg", "refero_style_id": "e9f07a27-bdd4-4f6a-8132-329d014aa5f4", "extracted_at": "2026-04-11T16:16:05.008Z", "path": "skills/the-online-bank/DESIGN.md" }, { "id": "the-pop-manifesto", "name": "The Pop Manifesto", "description": "The Pop Manifesto's visual language is a bold, high-contrast digital zine. It features stark black typography against vibrant, saturated backgrounds, often utilizing a single dominant color per section. The typography leans into a strong, editorial aesthetic with precise tracking and a clear hierarchy. Components are minimal, relying on color blocking and crisp text to define interactions rather than subtle shadows or rounded forms.", "theme": "dark", "industry": "media", "source_url": "https://thepopmanifesto.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516207642-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516207642-thumb.jpg", "refero_style_id": "80913fb2-60ee-4d6c-b2c8-17600351096a", "extracted_at": "2026-04-30T02:30:25.059Z", "path": "skills/the-pop-manifesto/DESIGN.md" }, { "id": "the-sea-we-breathe", "name": "The Sea We Breathe", "description": "The Sea We Breathe uses a serene, atmospheric design language focused on the interplay of water and sky. The visual system is minimal, utilizing large-scale imagery and almost monochrome interface elements to evoke a sense of calm and vastness. Interaction elements are almost invisible, relying on subtle borders and text color changes rather than solid fills. The typography is light and spacious, complementing the open, uncluttered layout.", "theme": "light", "industry": "other", "source_url": "https://theseawebreathe.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517042387-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517042387-thumb.jpg", "refero_style_id": "f4cb3281-af85-4e7a-96df-404c8a4ebb4d", "extracted_at": "2026-04-30T02:44:15.224Z", "path": "skills/the-sea-we-breathe/DESIGN.md" }, { "id": "the-verge", "name": "The Verge", "description": "This design system evokes a 'digital newsprint' feel, balancing raw information density with striking, almost industrial accentuation. A deep, near-black background provides a stark canvas for crisp, often condensed typography and the electrifying 'Voltage Teal' accent. The unusual mix of a narrow sans-serif, a classic display serif, and a monospaced font creates a unique typographic voice that is both modern and slightly nostalgic, preventing the dark theme from becoming generic.", "theme": "dark", "industry": "media", "source_url": "https://theverge.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924629854-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924629854-thumb.jpg", "refero_style_id": "e8c4206d-9a2a-4c08-9524-6f14a25e792f", "extracted_at": "2026-04-11T16:24:15.509Z", "path": "skills/the-verge/DESIGN.md" }, { "id": "thehiddenjoboffer", "name": "Thehiddenjoboffer", "description": "Thehiddenjoboffer.net employs a subtle, dark-themed aesthetic with a strong emphasis on spaciousness and restrained interactivity. Its visual identity centers around a deep violet canvas, accented by lighter purples and a 'velvet gray' for muted text and borders. Typography is clean and direct, relying on a system sans-serif contrasted with bold headlines. The overall impression is one of quiet, understated elegance, with minimal elements allowing content to breathe.", "theme": "dark", "industry": "other", "source_url": "https://thehiddenjoboffer.net", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515198569-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515198569-thumb.jpg", "refero_style_id": "35f96e5f-f48a-4158-be2f-293a45c81fa3", "extracted_at": "2026-04-30T02:13:53.053Z", "path": "skills/thehiddenjoboffer/DESIGN.md" }, { "id": "theodore-ellison-designs", "name": "Theodore Ellison Designs", "description": "Theodore Ellison Designs evokes a historical, handcrafted luxury. Its visual style combines the warmth of natural materials with a sparse, deliberate layout. Typography utilizes a bespoke font with subtle letter-spacing for headlines and body text, maintaining an airy, refined feel. A muted chromatic palette, anchored by deep, earthy tones, defines backgrounds and highlights, allowing glass and light to become the true focal points. Components are minimal, often border-only or filled with soft, desaturated colors, emphasizing texture and form over bold graphics.", "theme": "light", "industry": "design", "source_url": "https://theodoreellison.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514269861-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514269861-thumb.jpg", "refero_style_id": "f6bcbb63-2925-4bee-a330-e5e770b94750", "extracted_at": "2026-04-30T01:58:11.785Z", "path": "skills/theodore-ellison-designs/DESIGN.md" }, { "id": "theverge", "name": "The Verge", "description": "", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/theverge/DESIGN.md" }, { "id": "theydo", "name": "TheyDo", "description": "TheyDo employs a bright, geometric, and conversational aesthetic, balancing crisp achromatic UI with a vibrant, playful pink accent. The system favors strong contrasts, a clean information hierarchy, and a subtle interplay of sharp angles and soft curves within its visual elements. Prominent headlines with distinct letter spacing establish a confident, expert-driven tone, while a generous use of negative space creates an inviting, breathable user experience. The design avoids heavy shadows or complex textures, opting for a flat, modern appearance with a single vibrant accent.", "theme": "light", "industry": "saas", "source_url": "https://www.theydo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509838901-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509838901-thumb.jpg", "refero_style_id": "b490cff8-9d2c-4225-9118-6468e4f3213d", "extracted_at": "2026-04-30T00:44:23.570Z", "path": "skills/theydo/DESIGN.md" }, { "id": "things", "name": "Things", "description": "This design system evokes a sense of calm efficiency, like a meticulously organized desktop with clean lines and subtle visual cues. The primary visual identity is built around shades of cool gray and a vibrant, yet restrained, blue. High contrast text on light backgrounds prioritizes readability, while carefully applied rounded corners and a singular, subtle shadow provide a touch of visual softness without compromising the overall crispness. The experience feels grounded and clear, guiding the user with precision.", "theme": "light", "industry": "productivity", "source_url": "https://culturedcode.com/things", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926077211-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926077211-thumb.jpg", "refero_style_id": "ec0f5bca-8367-49e7-b8aa-73b3fa09a4a0", "extracted_at": "2026-04-11T16:48:13.143Z", "path": "skills/things/DESIGN.md" }, { "id": "thisispam", "name": "Thisispam", "description": "Thisispam uses a high-contrast, minimalist visual style featuring stark black and white elements set against a dominant, muted yellow canvas. Typography is compact and precise, often acting as a key visual element with its sharp weight and tightly tracked presentation. The design leverages strong lines and flat surfaces, with color appearing primarily as this signature background hue or as a hyper-minimal accent point, creating a sense of understated assertiveness and directness rather than decorative flourish.", "theme": "light", "industry": "design", "source_url": "https://thisispam.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512034014-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512034014-thumb.jpg", "refero_style_id": "f352b093-1ba7-49c7-9ce3-ad73cf9a1aee", "extracted_at": "2026-04-30T01:20:54.856Z", "path": "skills/thisispam/DESIGN.md" }, { "id": "thomas-hedger", "name": "Thomas Hedger", "description": "Thomas Hedger's portfolio features a stark, high-contrast visual identity centered on vibrant illustration against a light canvas. The design system is highly content-driven, with individual artworks serving as the primary visual elements. Typography is minimal and functional, acting as a clear, understated frame for the colorful, intricate illustrations. A tightly controlled palette of neutrals defines the UI, allowing the bold and diverse color compositions within the artwork to command full attention.", "theme": "light", "industry": "design", "source_url": "https://thomashedger.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519740416-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519740416-thumb.jpg", "refero_style_id": "9fe18d8b-58b7-404d-bcc6-9e8a73b8862c", "extracted_at": "2026-04-30T03:29:16.286Z", "path": "skills/thomas-hedger/DESIGN.md" }, { "id": "thomas-monavon", "name": "Thomas Monavon", "description": "The Thomas Monavon design system creates a stark, high-contrast visual experience using only black and white. Typography is the primary visual element, dominating layouts with precise letter-spacing and strong geometric forms. The aesthetic is extremely minimalist, focusing on clarity and directness through a rigid grid and controlled visual density. Visual elements like images are treated as abstract blocks within this monochrome framework.", "theme": "light", "industry": "design", "source_url": "https://www.thomasmonavon.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516260765-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516260765-thumb.jpg", "refero_style_id": "b7b9583b-8494-42b6-a517-1a6f727d8589", "extracted_at": "2026-04-30T02:31:15.913Z", "path": "skills/thomas-monavon/DESIGN.md" }, { "id": "thomas-vimare", "name": "Thomas Vimare", "description": "Thomas Vimare's design system is a stark, high-contrast dark theme emphasizing readability and a minimalist aesthetic. Typography reigns supreme, with delicate 'HelveticaNowDisplay-Light' forming the core of its visual identity. Surfaces are deep black, providing a silent backdrop for content defined by subtle borders and carefully chosen typefaces, allowing visual work to take center stage.", "theme": "dark", "industry": "design", "source_url": "https://thms.works", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520605580-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520605580-thumb.jpg", "refero_style_id": "1b293bed-e6fc-4880-9691-2dbf04339bd5", "extracted_at": "2026-04-30T03:43:42.379Z", "path": "skills/thomas-vimare/DESIGN.md" }, { "id": "thoughtlab", "name": "ThoughtLab", "description": "ThoughtLab's design system evokes a dark, cerebral command center. Bold typography punches through deep black backgrounds, while a singular vibrant red accent highlights critical calls-to-action. The spatial experience is generous, allowing components to breathe within wide page margins, contributing to an atmosphere of focused, high-stakes digital experience.", "theme": "dark", "industry": "design", "source_url": "https://www.thoughtlab.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514496944-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514496944-thumb.jpg", "refero_style_id": "82d52a5f-b1bb-4a69-91a3-15a7eb8bbe99", "extracted_at": "2026-04-30T02:01:52.422Z", "path": "skills/thoughtlab/DESIGN.md" }, { "id": "threads", "name": "Threads", "description": "Threads presents a clean, content-focused experience with minimal ornamentation. The visual system prioritizes clarity and directness through a largely achromatic palette, precise typography, and subtle surface differentiation. Interaction is marked by a single, distinct blue accent, deployed sparingly to guide user attention. Components are lightweight with soft, rounded corners, emphasizing an approachable and modern feel.", "theme": "light", "industry": "media", "source_url": "https://www.threads.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510730368-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510730368-thumb.jpg", "refero_style_id": "3b46c64e-b733-4d70-8cd0-531ca1f92937", "extracted_at": "2026-04-30T00:59:12.490Z", "path": "skills/threads/DESIGN.md" }, { "id": "tilda", "name": "Tilda", "description": "Tilda's aesthetic is an 'architectural blueprint on white marble', conveying a sense of playful professionalism through precise lines and a singular warm accent against a stark, high-contrast monochrome palette. The design marries the structured with the whimsical, using clean typography and minimalist UI elements to frame dynamic, illustrative hero sections. A consistent application of a soft, peachy-orange for interactive elements injects warmth and approachability without compromising the overall sense of meticulous design.", "theme": "light", "industry": "saas", "source_url": "https://tilda.cc", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932851286-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932851286-thumb.jpg", "refero_style_id": "6d8dc9bb-78b7-4eaa-9b08-66b431760e9f", "extracted_at": "2026-04-11T18:41:15.505Z", "path": "skills/tilda/DESIGN.md" }, { "id": "tines", "name": "Tines", "description": "Tines uses a playful, vibrant UI that combines a dominant violet backdrop with a spectrum of soft, pastel-colored cards and a handful of vivid accent colors. Typography mixes a quirky geometric sans-serif for body text with a serif display font for headlines, creating an unexpected but engaging contrast. The system emphasizes clear information hierarchy through distinct, colorful card surfaces, thin borders, and ample internal padding, all within a spacious, contained layout that feels organized yet energetic.", "theme": "light", "industry": "saas", "source_url": "https://www.tines.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510457315-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510457315-thumb.jpg", "refero_style_id": "18e2c0b4-f29c-4e84-90b0-1d8066b59409", "extracted_at": "2026-04-30T00:54:54.206Z", "path": "skills/tines/DESIGN.md" }, { "id": "tinybird", "name": "Tinybird", "description": "Tinybird presents a 'data noir' aesthetic, marrying industrial-strength data tools with a sophisticated, restrained dark theme. The interplay of near-black backgrounds and pristine white text creates a high-contrast experience, punctuated by a single, vibrant green accent. Careful use of grayscale and subtle elevation on cards provides depth, ensuring critical information stands out against the dark canvas without feeling overwhelming.", "theme": "dark", "industry": "devtools", "source_url": "https://tinybird.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923333473-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923333473-thumb.jpg", "refero_style_id": "e5d7b80d-f473-439f-87a5-84716c448a05", "extracted_at": "2026-04-11T16:02:35.511Z", "path": "skills/tinybird/DESIGN.md" }, { "id": "tinyfaces-nft", "name": "TinyFaces NFT", "description": "The TinyFaces NFT design system presents a playful, yet grounded aesthetic, blending softly muted pastels with strong, grounded typography. Its visual identity revolves around distinctive 3D character illustrations. The UI, while text-dominant, uses color sparingly for section distinction and branding, creating a sense of collectible rarity and nostalgic charm.", "theme": "light", "industry": "crypto", "source_url": "https://nft.tinyfac.es", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514807061-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514807061-thumb.jpg", "refero_style_id": "2112d018-bf95-4a87-a1f3-6e948330b207", "extracted_at": "2026-04-30T02:07:14.892Z", "path": "skills/tinyfaces-nft/DESIGN.md" }, { "id": "titan", "name": "Titan", "description": "Titan presents a refined, high-contrast, monochrome aesthetic, marrying the sharpness of financial precision with an underlying human warmth. Its visual language prioritizes clear information hierarchy and direct interaction, utilizing stark black and white with subtle, almost imperceptible, warm off-white and gray undertones for depth. Components are lightweight and interaction-focused, often featuring generous padding and distinctive pill-shaped radii to create a sense of approachability within a formal system. The design feels grounded and authoritative, not through heavy elements, but through its disciplined use of space, typography, and a distinct lack of decorative flourishes, allowing content and functionality to lead.", "theme": "light", "industry": "fintech", "source_url": "https://www.titan.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508392174-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508392174-thumb.jpg", "refero_style_id": "964b9215-396b-492c-abec-7bd778d7b1c9", "extracted_at": "2026-04-30T00:20:17.872Z", "path": "skills/titan/DESIGN.md" }, { "id": "tobias-ahlin", "name": "Tobias Ahlin", "description": "The design system for Tobias Ahlin is a stark, high-contrast exploration of typography and structured negative space. It combines large, confident black sans-serif headlines with a minimalist canvas, often featuring a subtle off-white background. The visual identity is strongly tied to line-art graphics and geometric shapes, with a single muted orange hue serving as a delicate accent. Components are borderless and box-shadow-free, relying on distinct background colors and ample padding for definition. The overall feeling is precise, unornamented, and direct.", "theme": "light", "industry": "design", "source_url": "https://tobiasahlin.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519470989-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519470989-thumb.jpg", "refero_style_id": "7a79144f-e9a2-4e60-8b90-a9409273da45", "extracted_at": "2026-04-30T03:24:50.547Z", "path": "skills/tobias-ahlin/DESIGN.md" }, { "id": "todesktop", "name": "ToDesktop", "description": "ToDesktop employs a 'digital engineering lab' aesthetic, characterized by a dominant dark, cool blue background contrasting with crisp white and light gray interfaces. Subtle internal shadows create a sense of depth on surfaces, while a vivid Electric Blue serves as the primary accent for interactive elements and brand highlights. Typography is precise and utilitarian, fostering a high-tech, functional atmosphere. The design balances a serious, technical tone with moments of vibrant clarity.", "theme": "mixed", "industry": "devtools", "source_url": "https://www.todesktop.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507216279-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507216279-thumb.jpg", "refero_style_id": "dd89ce6c-f0aa-4ca8-bd63-19dcd81920a7", "extracted_at": "2026-04-30T00:00:54.656Z", "path": "skills/todesktop/DESIGN.md" }, { "id": "todoist", "name": "Todoist", "description": "This design system presents a clean, business-casual aesthetic, grounded in warm off-white and charcoal neutrals, punctuated by a signature vibrant red-orange. The generous use of rounded corners (15px for prominent elements, 8px for most others) softens the utilitarian feel of the task manager, while subtle, low-opacity shadows add minimal depth without visual clutter, creating an approachable, yet professional, interface.", "theme": "light", "industry": "productivity", "source_url": "https://todoist.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926103683-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926103683-thumb.jpg", "refero_style_id": "729ba7a8-35d5-44f3-abc0-1078ff6a3467", "extracted_at": "2026-04-11T16:48:47.203Z", "path": "skills/todoist/DESIGN.md" }, { "id": "tofu-collective", "name": "Tofu Collective", "description": "Tofu Collective employs a stark, high-contrast, black and white aesthetic that evokes a gallery's minimalist elegance. The visual system foregrounds content through bold typography and generous negative space, with a deliberate absence of color and soft components. Layouts are strictly structured with strong horizontal and vertical lines maintaining a rigid grid. The overall impression is one of clean, intellectual presentation designed to frame artistic or niche content without visual distraction.", "theme": "light", "industry": "other", "source_url": "https://tofucollective.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516430257-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516430257-thumb.jpg", "refero_style_id": "aafac8e5-a274-4273-8b5f-60414992a5d0", "extracted_at": "2026-04-30T02:34:21.807Z", "path": "skills/tofu-collective/DESIGN.md" }, { "id": "together-ai", "name": "Together AI", "description": "This system evokes a sense of advanced analytical capability, balancing deep, technical backgrounds with moments of soft-hued clarity. The predominant use of near-black and white creates a high-contrast, data-centric atmosphere. Subtle, pastel-like card colorations provide distinct 'data blocks' against the stark background. Hard-edged rectilinear forms dominate, with soft corner radii only appearing on interactive elements, grounding the digital sophistication with approachable interaction points. Large, whispering headlines in a custom AI-inspired typeface set a tone of quiet authority.", "theme": "mixed", "industry": "ai", "source_url": "https://together.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923621441-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923621441-thumb.jpg", "refero_style_id": "461da0f0-fde6-46bc-8137-7eca006260a8", "extracted_at": "2026-04-11T16:07:23.111Z", "path": "skills/together-ai/DESIGN.md" }, { "id": "together.ai", "name": "Together AI", "description": "", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/together.ai/DESIGN.md" }, { "id": "toggl-track", "name": "Toggl Track", "description": "Toggl Track employs a playful yet professional aesthetic, characterized by a predominantly light theme with deep violet accents for structure and emphasis. Interactive elements pop with a vibrant 'Orchid Bloom' color, lending a dynamic and engaging feel to the user interface. Typography balances crisp readability with distinct, branded headlines, while generous internal padding and rounded corners contribute to a soft, approachable component style. The system leverages subtle surface variations to define hierarchy rather than heavy shadows.", "theme": "light", "industry": "productivity", "source_url": "https://toggl.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510659504-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510659504-thumb.jpg", "refero_style_id": "813be405-c2b9-41be-9864-7b53d66483dc", "extracted_at": "2026-04-30T00:58:09.763Z", "path": "skills/toggl-track/DESIGN.md" }, { "id": "tokyo-digital", "name": "Tokyo Digital", "description": "Tokyo Digital evokes a 'midnight command center' aesthetic, designed around a stark black canvas and crisp white typography. The system emphasizes clear information delivery through strong typographic hierarchy and minimal UI embellishments. Interactive elements are subtly delineated by outlines or slight opacity shifts, maintaining a low-key, professional atmosphere. Visual interest is primarily driven by dynamic hero content and the interplay of negative space.", "theme": "dark", "industry": "agency", "source_url": "https://tokyo.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518768715-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518768715-thumb.jpg", "refero_style_id": "9c918457-272b-4ab7-a5f1-f7446400cec3", "extracted_at": "2026-04-30T03:13:06.343Z", "path": "skills/tokyo-digital/DESIGN.md" }, { "id": "tomo", "name": "TOMO", "description": "TOMO's design system is a collage-like, intentionally raw aesthetic, reminiscent of a zine or found-art compilation. It layers unconstrained imagery with stark, high-contrast typography and a simple, limited color palette focused on black, white, and a distinctive background tint. Visual elements often break traditional layout norms, appearing as cut-outs or overlapping pieces, eschewing typical component styling like consistent borders or backgrounds for a more deconstructed feel. The system prioritizes texture and visual surprise over smooth predictability, with text blocks often treated as separate, unaligned artifacts.", "theme": "light", "industry": "media", "source_url": "https://tomoseattle.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519008873-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519008873-thumb.jpg", "refero_style_id": "6f148ff6-ae72-496a-a21d-84d7779825ff", "extracted_at": "2026-04-30T03:17:09.460Z", "path": "skills/tomo/DESIGN.md" }, { "id": "tomorrow-happens", "name": "Tomorrow Happens", "description": "Tomorrow Happens employs a stark, editorial white-space aesthetic, prioritizing text and subtle visual cues over heavy graphical elements. The system emphasizes a high-contrast monochromatic palette with light, breathable typography. Interaction is hinted through understated borders and minimal sizing, creating a sense of quiet authority and focus on content.", "theme": "light", "industry": "design", "source_url": "https://tomorrow-happens.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512305608-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512305608-thumb.jpg", "refero_style_id": "cc91392f-c6df-4023-b7d5-607d9e5c3e77", "extracted_at": "2026-04-30T01:25:20.978Z", "path": "skills/tomorrow-happens/DESIGN.md" }, { "id": "touchy-coffee", "name": "Touchy Coffee", "description": "Touchy Coffee's design system evokes the feeling of a friendly, DIY publication with a strong personality. It uses a limited, somewhat desaturated color palette with a vivid accent program and a striking, custom logotype that's soft and rounded. The layout is structured but playful, featuring hand-drawn elements and a slightly retro, analog feel. Typography relies on a monospaced sans-serif for high legibility and a distinct voice.", "theme": "light", "industry": "ecommerce", "source_url": "https://touchycoffee.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508986091-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508986091-thumb.jpg", "refero_style_id": "6da76890-6e04-452a-834d-ff019e232c2b", "extracted_at": "2026-04-30T00:30:12.374Z", "path": "skills/touchy-coffee/DESIGN.md" }, { "id": "tparkes", "name": "Tparkes", "description": "Tparkes employs a stark, high-contrast digital canvas aesthetic. Typography, driven by a custom sans-serif, plays a central role, using a deliberate interplay of heavy weights and large sizes for impact, balanced by subdued text colors. Surfaces remain monochromatic, relying on deep gray and pure white for definition. The overall impression is one of directness and clarity, with UI details kept minimal to let content speak.", "theme": "light", "industry": "design", "source_url": "https://www.tparkes.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519745456-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519745456-thumb.jpg", "refero_style_id": "a21cf7a4-80e0-4f4a-9297-823a5180c2d3", "extracted_at": "2026-04-30T03:29:22.154Z", "path": "skills/tparkes/DESIGN.md" }, { "id": "trade-crypto", "name": "Trade Crypto", "description": "Gemini's design system offers a crisp, compact, and confident interface for financial markets. It balances extensive negative space with information-dense cards, punctuated by a vibrant blue accent for interactive elements. The typography is modern and precise, contributing to an atmosphere of focused functionality rather than elaborate decoration, where every element serves a clear purpose.", "theme": "light", "industry": "fintech", "source_url": "https://www.gemini.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510050679-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510050679-thumb.jpg", "refero_style_id": "76b0c23b-7a09-49f6-a53c-cc6fc6258d5f", "extracted_at": "2026-04-30T00:48:04.343Z", "path": "skills/trade-crypto/DESIGN.md" }, { "id": "traffic-productions", "name": "Traffic Productions", "description": "This design system projects a raw, industrial efficiency, like a minimalist print workshop. Bold, condensed typography in Suisse (or a similar sans-serif) dominates the visual field, creating an assertive, no-nonsense tone. The stark black and white palette is punctured by a single, aggressive yellow accent, reminiscent of hazard tape or highlighting, which directs attention and provides visual adrenaline. Understated component styling, characterized by sharp angles and strong lines, reinforces the functional and direct approach.", "theme": "light", "industry": "agency", "source_url": "https://traffic.productions", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775927611871-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775927611871-thumb.jpg", "refero_style_id": "657e55de-8cff-4d24-9a4e-17d3b7593a55", "extracted_at": "2026-04-11T17:13:51.707Z", "path": "skills/traffic-productions/DESIGN.md" }, { "id": "transform", "name": "Transform", "description": "Transform's visual system evokes a dark, pulsating theater space with bursts of electrifying color. Deep, immersive purples and magenta accents cut through stark black and white typography, creating a high-contrast experience that feels both bold and immediate. Typefaces are impactful and condensed, anchoring the dynamic palette and drawing attention to key announcements, while ample negative space ensures clarity amidst the visual energy.", "theme": "light", "industry": "media", "source_url": "https://transformfestival.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516879277-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516879277-thumb.jpg", "refero_style_id": "91939ad3-9e22-4256-a396-a1716a064ac4", "extracted_at": "2026-04-30T02:41:43.657Z", "path": "skills/transform/DESIGN.md" }, { "id": "transmissions", "name": "Transmissions", "description": "Transmissions employs a stark, high-fashion editorial aesthetic, characterized by extreme typographic scale shifts and a monochromatic palette. Visual emphasis is achieved through oversized headlines that dominate the canvas, often overlapping imagery, while interactive elements like navigation remain small and subtle. The design relies on high contrast and minimal ornamentation, creating a sense of sophisticated restraint and focus.", "theme": "light", "industry": "design", "source_url": "https://transmissions.cristobalbalenciagamuseoa.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514847460-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514847460-thumb.jpg", "refero_style_id": "63c1c0d1-d3b7-40f1-9b9d-8e3b5bd73f17", "extracted_at": "2026-04-30T02:07:45.660Z", "path": "skills/transmissions/DESIGN.md" }, { "id": "travelperk", "name": "Travelperk", "description": "Perk radiates controlled energy — a lime-charged black-and-cream field where electric #beff50 punches through near-black and warm off-white surfaces. The warm off-white (#f5f5eb) hero background reads as aged paper next to the electric lime, making the palette feel tactile rather than digital. A single custom sans, OTSono, does all the work at every scale from 10px UI labels to 200px display glyphs, with tight 0.89-0.90 leading and -0.03em tracking at display sizes making the oversized headlines feel compressed and purposeful. The 26px radius is the system's dominant shape language — applied uniformly to buttons, cards, and image frames — creating rounded-corner consistency that softens an otherwise high-contrast black/lime/cream palette. No shadows, no gradients — surfaces differ only by background value, with #14140f dark cards, #ffffff white cards, and #f5f5eb warm-cream cards all sharing the same 26px radius and no elevation metaphor.", "theme": "light", "industry": "saas", "source_url": "https://travelperk.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775949940090-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775949940090-thumb.jpg", "refero_style_id": "75c06591-34d2-493a-bd49-70551b5e4a53", "extracted_at": "2026-04-11T23:27:29.156Z", "path": "skills/travelperk/DESIGN.md" }, { "id": "trawelt", "name": "Trawelt", "description": "Trawelt embodies a vibrant, dark-mode consultancy aesthetic. Deep black canvases are punctuated by a singular, vivid green that marks brand elements, interactive states, and key navigational points. Typography balances a strong, characterful display font for headlines with a clean, functional sans-serif for body text. Components are largely borderless and flush with the background, relying on color contrast for definition, or a subtle, almost-white card surface to highlight content.", "theme": "dark", "industry": "agency", "source_url": "https://www.trawelt.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509101707-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509101707-thumb.jpg", "refero_style_id": "fade1fe1-bbd3-4b1a-ae19-fe88f6744fe0", "extracted_at": "2026-04-30T00:32:11.387Z", "path": "skills/trawelt/DESIGN.md" }, { "id": "treecard", "name": "Treecard", "description": "Treecard embraces a natural, confident visual language, defined by a deep forest green and a striking crisp white for text. The design is spacious, allowing content to breathe over muted background imagery. Typography is bold yet clear, leveraging a custom sans-serif to establish a distinct, trustworthy voice. The system prioritizes clarity and a strong connection to its environmental mission with minimal embellishments.", "theme": "light", "industry": "other", "source_url": "https://www.treecard.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520458871-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520458871-thumb.jpg", "refero_style_id": "c4404785-1b20-4a5d-b907-96769937e03f", "extracted_at": "2026-04-30T03:41:10.589Z", "path": "skills/treecard/DESIGN.md" }, { "id": "trigger-dev", "name": "Trigger.dev", "description": "Trigger.dev creates a 'technical luxury' dark mode experience, balancing utility with subtle visual richness. The deep charcoal backgrounds paired with crisp, cool-toned neutrals establish a serious, professional tone, while vibrant accents act as precise markers on a complex system. Custom fonts with precise letter-spacing and varied weights contribute to its sharp, information-dense feel. The interplay of minimalist buttons with sharp corners against a few pill-shaped elements hints at a system that values both traditional interface clarity and modern digital fluidity.", "theme": "dark", "industry": "devtools", "source_url": "https://trigger.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923436132-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923436132-thumb.jpg", "refero_style_id": "86541d12-7870-4d51-8c47-0880fdb1ea01", "extracted_at": "2026-04-11T16:04:22.777Z", "path": "skills/trigger-dev/DESIGN.md" }, { "id": "tripolis-park", "name": "Tripolis-Park™", "description": "Tripolis-Park embodies a confident-minimalist design language, characterized by a predominantly achromatic palette with only subtle background shifts. Typography is the primary conveyor of hierarchy and brand attitude, employing a mix of strong, impactful display fonts and versatile body text. Components are lightweight, often ghosted or outlined, emphasizing content and space rather than heavy ornamentation. The visual system prioritizes clarity and directness, letting information and subtle background textures speak for themselves.", "theme": "light", "industry": "other", "source_url": "https://www.tripolis-park.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517141580-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517141580-thumb.jpg", "refero_style_id": "bce52fd3-ac16-4e67-a45f-78bfc2350aad", "extracted_at": "2026-04-30T02:46:01.616Z", "path": "skills/tripolis-park/DESIGN.md" }, { "id": "true-staging", "name": "True Staging", "description": "True Staging establishes a serious yet refined industrial aesthetic, using a deep gray canvas punctuated by an antiqued peachy-orange accent. Typography pairs a classic serif for large expressive headlines with a clean sans-serif for functional text, setting up a contrast between permanence and precision. Components emphasize subtle outlining and generous border radii, lending a soft, approachable feel despite the muted palette. The overall impression is one of understated luxury and meticulous craftsmanship.", "theme": "dark", "industry": "other", "source_url": "https://www.truestaging.co.uk", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514205757-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514205757-thumb.jpg", "refero_style_id": "c26c462d-f219-4814-96da-c05e86f759b7", "extracted_at": "2026-04-30T01:57:05.127Z", "path": "skills/true-staging/DESIGN.md" }, { "id": "turso", "name": "Turso", "description": "Turso's design evokes a sophisticated 'hacker aesthetic' — dark, precise, and highly functional code tooling. The interplay of a deep, almost black background with a singular, vibrant teal accent color (#4ff7d1) creates an electric tension. Sharp rectangular panels with subtle, near-black borders provide structure, contrasting with the occasional pill-shaped button that introduces a touch of approachable modernity. Text hierarchy is established through font weight and size variations, not color, with the vivid teal reserved for key calls to action and distinguishing elements.", "theme": "dark", "industry": "devtools", "source_url": "https://turso.tech", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923258173-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923258173-thumb.jpg", "refero_style_id": "5a7ec81f-03b6-4d21-a706-0d1d323d8899", "extracted_at": "2026-04-11T16:01:23.142Z", "path": "skills/turso/DESIGN.md" }, { "id": "twingate", "name": "Twingate", "description": "This system projects an image of controlled innovation, like a high-tech console in a dimly lit server room. Dark, near-black surfaces create a sophisticated backdrop for critical information, highlighted by precise, vibrant accents. The interplay between the whispering 'TT Hoves Light' headlines and the sharp, functional 'TT Hoves Medium' body copy establishes a tone of serious capability. Strategic splashes of saturated violet and vivid green draw attention to key interactive elements and provide a subtle, energetic flicker against the subdued palette.", "theme": "dark", "industry": "saas", "source_url": "https://twingate.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925893964-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925893964-thumb.jpg", "refero_style_id": "0acef011-07da-4416-b874-ccdd675140f6", "extracted_at": "2026-04-11T16:45:21.409Z", "path": "skills/twingate/DESIGN.md" }, { "id": "twitch", "name": "Twitch", "description": "Twitch presents a vibrant, high-energy streaming platform built on a light canvas. Its visual identity balances functional clarity with dynamic accents. The dominant bright purple, used for primary CTAs and key highlights, injects brand personality into an otherwise neutral interface. A subtle use of layered grays and crisp typography ensures content remains the focal point, while bold status indicators ('LIVE' badge) cut through the visual noise.", "theme": "light", "industry": "media", "source_url": "https://twitch.tv", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776105296205-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776105296205-thumb.jpg", "refero_style_id": "40030487-56e3-447d-904f-b955ebadd0b5", "extracted_at": "2026-04-13T18:35:21.815Z", "path": "skills/twitch/DESIGN.md" }, { "id": "twocreate", "name": "Twocreate", "description": "This design system evokes a sense of quiet authority and refined minimalism, akin to an exclusive gallery brochure. The predominant use of an off-white background with stark, near-black typography creates a high-contrast, yet soft, visual experience. Subtle variations in text sizes and minimal interactive elements guide the eye without visual clutter, emphasizing content discernment over flashy engagements. The aesthetic is built on precision, restraint, and an almost tactile purity, making every element feel deliberately placed.", "theme": "light", "industry": "agency", "source_url": "https://twocreate.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925216633-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925216633-thumb.jpg", "refero_style_id": "8b6970fa-3478-4c1b-aadf-41ffe1ef68e6", "extracted_at": "2026-04-11T16:33:55.375Z", "path": "skills/twocreate/DESIGN.md" }, { "id": "twomuch-studio", "name": "TWOMUCH.STUDIO", "description": "TWOMUCH.STUDIO embraces a digital collage aesthetic, leveraging a chaotic white canvas heavily populated with overlapping 3D objects, renders, and varied media. The UI elements are starkly minimalist and functional: monochrome, unadorned typography, and rectangular card surfaces, serving as stoic anchors within the visual deluge. The system emphasizes clear delineation of interactive elements through a single vivid lime accent, creating functional clarity amidst the visual noise.", "theme": "light", "industry": "design", "source_url": "https://twomuch.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516592891-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516592891-thumb.jpg", "refero_style_id": "12b3e1b6-31b9-4843-9b3b-8f39c9dd1474", "extracted_at": "2026-04-30T02:36:58.516Z", "path": "skills/twomuch-studio/DESIGN.md" }, { "id": "twotwo", "name": "TWOTWO", "description": "TWOTWO embraces a bold, athletic visual language defined by strong contrasts and a singular, vibrant accent. The monochromatic canvas of dark grays and white provides a neutral backdrop for vivid chartreuse, which acts as the brand's energetic signature. Typography is direct and confident, echoing a sense of unadorned quality. Components are minimal, relying on shape and color for impact rather than complex ornamentation, creating a focused and dynamic user experience.", "theme": "light", "industry": "ecommerce", "source_url": "https://twotwo-official.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520790109-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520790109-thumb.jpg", "refero_style_id": "170a690b-7424-4c2e-9d08-975725cf9261", "extracted_at": "2026-04-30T03:46:49.896Z", "path": "skills/twotwo/DESIGN.md" }, { "id": "typeform", "name": "Typeform", "description": "Typeform operates in a register of editorial authority — a publishing house that also ships software. The hero section is a deep aubergine-black (#2a222b) that transitions to an almost-white cream (#faf9fb), creating a palette that feels like parchment under lamplight rather than a typical SaaS light-on-dark flip. The defining signature is the Tobias serif at display sizes: a classical editorial typeface with tight negative tracking (-0.031em at 64px) sitting alongside the geometric sans-serif TWK Lausanne, creating a deliberate tension between print heritage and digital utility. Buttons are low-key 12px radius rectangles in near-black — not pill-shaped, not sharp — quiet enough to let the typography lead. Purple (#9454ab) appears sparingly as a section label color for category eyebrows, never as a primary CTA, acting more like an editorial accent ink than a conversion color.", "theme": "mixed", "industry": "saas", "source_url": "https://typeform.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934370786-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775934370786-thumb.jpg", "refero_style_id": "a0d54731-58dc-448b-a6b0-ed543f397ab1", "extracted_at": "2026-04-11T19:07:51.673Z", "path": "skills/typeform/DESIGN.md" }, { "id": "typelist", "name": "TypeList", "description": "TypeList adopts a vibrant, playful design language built on an entirely white canvas punctuated by large, brightly colored interactive blocks. Typography is classic and understated, serving as an anchor to the dynamic color palette. The entire system feels like an interactive art exhibit, where color reveals content through large, expressive swatches rather than subtle accents.", "theme": "light", "industry": "design", "source_url": "https://typelist.upstatement.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520787808-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520787808-thumb.jpg", "refero_style_id": "76ace78c-94b7-421d-a8fd-47289328458f", "extracted_at": "2026-04-30T03:46:41.885Z", "path": "skills/typelist/DESIGN.md" }, { "id": "typewolf", "name": "Typewolf", "description": "This design system evokes the tactile quality of a letterpress studio, balancing classic elegance with a distinct, almost academic feel. A highly restrained palette of mauves and desaturated grays, anchored by a creamy off-white background, defines its sophisticated, understated mood. The interplay of custom serif and sans-serif fonts, particularly a heavy sans-serif with subtle negative letter-spacing for accents, establishes an intellectual yet approachable tone, akin to a well-curated typographic journal.", "theme": "light", "industry": "design", "source_url": "https://typewolf.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924011975-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924011975-thumb.jpg", "refero_style_id": "c46ecd77-9c92-4a85-9162-c6d4afd99d95", "extracted_at": "2026-04-11T16:13:52.486Z", "path": "skills/typewolf/DESIGN.md" }, { "id": "uber", "name": "Uber", "description": "Uber's design system feels like a precise, functional transport UI on an expansive, crisp canvas. It prioritizes direct interaction and clear information with high contrast black-on-white text. Distinctive elements include capsule-shaped interactive components and subtle, almost invisible, input fields, focusing user attention on action over aesthetics. The only chromatic color, a muted blue-green, appears sparingly, adding a touch of sophisticated calm to an otherwise stark, monochromatic palette.", "theme": "light", "industry": "other", "source_url": "https://uber.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924364120-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924364120-thumb.jpg", "refero_style_id": "caf8d2ef-4173-4431-9d26-05be0272e9f8", "extracted_at": "2026-04-11T16:19:43.090Z", "path": "skills/uber/DESIGN.md" }, { "id": "udemy", "name": "Udemy", "description": "Udemy's design system portrays a confident, organized learning platform. It uses a predominantly light theme with stark, dark gray typography for high contrast, ensuring readability for educational content. The visual signature comes from the judicious use of a vibrant violet accent for interaction and brand elements, creating moments of activation against the otherwise neutral canvas. Components are structured and purposeful, featuring soft-cornered cards, pill-shaped buttons, and a clear visual hierarchy that guides the user through course content.", "theme": "light", "industry": "other", "source_url": "https://www.udemy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510765286-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510765286-thumb.jpg", "refero_style_id": "c03afcbd-96ed-4b7f-8d0a-277fc0042ba7", "extracted_at": "2026-04-30T00:59:56.332Z", "path": "skills/udemy/DESIGN.md" }, { "id": "uglycash", "name": "UGLYCASH", "description": "UGLYCASH embraces a stark, high-contrast digital-first aesthetic with deeply saturated accent colors that pop against a near-white canvas and stark black typography. The visual style is bold, with large, confident headlines and playful, oversized rounded corners for interactive elements and content cards. Imagery is integrated directly into the UI as product showcases rather than decorative backdrops. The system balances aggressive typography with a comfortable, open layout.", "theme": "light", "industry": "fintech", "source_url": "https://ugly.cash", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509016757-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509016757-thumb.jpg", "refero_style_id": "680cf16b-0093-473b-854f-f1de9af5e698", "extracted_at": "2026-04-30T00:30:39.918Z", "path": "skills/uglycash/DESIGN.md" }, { "id": "ui", "name": "Ui", "description": "This design system feels like a finely tuned machine, presenting a clean and precise interface with a stark black-and-white aesthetic. The visual mood is serious and functional, achieved through a dominant achromatic palette and very subtle elevation. Geometric balance is created by mixing hard 10-14px radii for cards and inputs with highly rounded (near-pill) buttons and badges, suggesting both structure and approachability. The use of a custom sans-serif font across all elements with meticulous letter-spacing creates a unified, crisp typographic voice.", "theme": "light", "industry": "ai", "source_url": "https://ui.shadcn.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776366980055-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776366980055-thumb.jpg", "refero_style_id": "0fd67ec5-7e9c-4ca9-b368-5d9c7388477a", "extracted_at": "2026-04-16T19:16:42.279Z", "path": "skills/ui/DESIGN.md" }, { "id": "umbrel", "name": "Umbrel", "description": "Umbrel's design system evokes a sense of deep, sophisticated technology housed within a warm, user-centric environment. The prevailing darkness, created by near-black backgrounds, is punctuated by rich, vibrant gradients that give a feeling of digital depth and energy. Subtle contrasts and varied text weights maintain readability within the dark theme, while rounded corners and soft shadows on elements like buttons and cards introduce approachability to the complex technical offering.", "theme": "dark", "industry": "crypto", "source_url": "https://umbrel.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925844356-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925844356-thumb.jpg", "refero_style_id": "9e5bd4b1-0ba8-4592-a5ec-a935bd4ea9c6", "extracted_at": "2026-04-11T16:44:33.185Z", "path": "skills/umbrel/DESIGN.md" }, { "id": "uniswap", "name": "Uniswap", "description": "Uniswap's design system feels like a playful, high-energy data interface, grounded by stark neutrals and then splashed with a vibrant, almost neon palette. The soft, blurry background elements provide a sense of atmospheric depth without heavy shadows or complex textures, creating a digital ether. Type is uniformly monochrome, allowing bold, vivid accents to pop purely through color on interactive elements and data visualizations, drawing the eye instantly to critical information and actions. The overall impression is approachable yet cutting-edge, like a friendly gateway to complex financial technology.", "theme": "light", "industry": "crypto", "source_url": "https://uniswap.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924257510-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924257510-thumb.jpg", "refero_style_id": "e5b95270-9148-417a-89c6-32138d83a251", "extracted_at": "2026-04-11T16:17:59.864Z", "path": "skills/uniswap/DESIGN.md" }, { "id": "uniswap-cup", "name": "Uniswap Cup", "description": "The Uniswap Cup design system evokes a digital battle arena with a high-contrast, almost monochrome palette punctuated by a single vibrant fuchsia. The aesthetic is clean and precise, leveraging stark black and white surfaces for visual clarity, while sharp corners and a compact density suggest a dynamic, competitive environment. Typography combines robust monospace with subtle sans-serifs, and layout is highly structured, emphasizing information readouts and tournament brackets over fluid narrative.", "theme": "light", "industry": "crypto", "source_url": "https://unicup.uniswap.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509008974-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509008974-thumb.jpg", "refero_style_id": "fabb51a0-0f83-4177-b83e-4969705a389c", "extracted_at": "2026-04-30T00:30:35.154Z", "path": "skills/uniswap-cup/DESIGN.md" }, { "id": "unseen-studio", "name": "Unseen Studio®", "description": "This design system evokes a sense of stark minimalism and intellectual rigor, like a high-fashion editorial. The limited monochrome palette paired with custom serif and sans-serif typefaces creates a distinctive, almost academic-yet-modern feel. The generous use of letter spacing on display text, combined with tightly controlled line heights at smaller sizes, adds to the precise, almost etched quality of the content. Absence of decorative elements pushes focus entirely onto typography and content.", "theme": "light", "industry": "agency", "source_url": "https://unseen.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925131510-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925131510-thumb.jpg", "refero_style_id": "25009c35-8b3b-4898-9295-3e0e0aa07207", "extracted_at": "2026-04-11T16:32:29.217Z", "path": "skills/unseen-studio/DESIGN.md" }, { "id": "until", "name": "until", "description": "Until presents a calm, sophisticated aesthetic, combining a nearly monochromatic UI with thoughtful typographic play and tactile surface treatments. The primary canvas is a warm, off-white, contrasted with deep charcoal text and accents. Subtle shadows and rounded corner cards provide gentle dimensionality, making the interface feel grounded and inviting. A single olive green brand accent adds a touch of organic warmth, used sparingly to highlight key information and interactive elements.", "theme": "light", "industry": "other", "source_url": "https://www.untillabs.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508759898-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508759898-thumb.jpg", "refero_style_id": "ded6d7c4-2801-45f4-8b8a-089f1b37842d", "extracted_at": "2026-04-30T00:26:24.084Z", "path": "skills/until/DESIGN.md" }, { "id": "until-app", "name": "Until App", "description": "Until App employs a clean, iOS-native aesthetic characterized by high contrast typography over predominantly neutral backgrounds. Gradients are utilized as expressive surface fills within contained widgets, rather than affecting the overall canvas. Elements have generous border radii, signaling a soft, user-friendly interface. Interactions are marked by a singular vivid blue, providing clear functional highlights.", "theme": "light", "industry": "productivity", "source_url": "https://getuntil.app", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512979298-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512979298-thumb.jpg", "refero_style_id": "9a453290-9b32-46f3-b9c2-768c85da3aef", "extracted_at": "2026-04-30T01:36:45.298Z", "path": "skills/until-app/DESIGN.md" }, { "id": "unveil", "name": "UNVEIL®", "description": "This design system evokes a sense of highly precise, almost clinical, digital presentation. The stark achromatic palette and geometric typography create a serious, focused atmosphere. The lack of color accents and subtle interactive states prioritize content and function, presenting information with direct clarity. The overlapping image layers give an illusion of depth and interaction.", "theme": "light", "industry": "agency", "source_url": "https://unveil.fr", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925395467-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925395467-thumb.jpg", "refero_style_id": "48f3fc9d-f423-4774-aea5-9a3d68e39b54", "extracted_at": "2026-04-11T16:36:50.489Z", "path": "skills/unveil/DESIGN.md" }, { "id": "upstash", "name": "Upstash", "description": "This design system projects a clean, high-tech sensibility with judicious use of a vibrant primary green against a predominantly light, neutral canvas. Subtle gradients and sophisticated typography choices, including a custom, tightly-tracked headline font, prevent the aesthetic from becoming sterile, instead imparting an approachable authority. The interplay of soft, rounded elements (pill buttons, large card radii) with the sharp text contrasts with the precision implied by the serverless technology, making complex infrastructure feel accessible.", "theme": "light", "industry": "devtools", "source_url": "https://upstash.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923252702-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923252702-thumb.jpg", "refero_style_id": "e050061c-346d-44cc-92ba-6b22beb4a91f", "extracted_at": "2026-04-11T16:01:16.347Z", "path": "skills/upstash/DESIGN.md" }, { "id": "user-interviews", "name": "User Interviews", "description": "User Interviews employs a crisp, clear, and confident interface, building on a foundation of clean neutrals and a distinctive teal accent. Layouts are spacious, prioritizing readability and direct interaction. Typography balances approachability with clarity, while a preference for rounded, organic shapes softens the overall structure, creating a friendly yet authoritative digital workspace. Interactive elements are clearly defined through color and shape, maintaining a focus on user flow.", "theme": "light", "industry": "saas", "source_url": "https://www.userinterviews.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510566424-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510566424-thumb.jpg", "refero_style_id": "376baf20-9ace-405d-bf4a-086016f2b1e3", "extracted_at": "2026-04-30T00:56:36.970Z", "path": "skills/user-interviews/DESIGN.md" }, { "id": "usesammy", "name": "Usesammy", "description": "The Usesammy design system presents a purely functional, no-frills interface with a strong emphasis on content legibility and direct interaction. Its aesthetic is that of a system-level utility, characterized by a minimal achromatic palette, default browser typography, and a single vivid blue accent color primarily for active links and borders. The layout is direct and unadorned, providing a clear window into its underlying data, prioritizing information display over visual embellishment.", "theme": "light", "industry": "other", "source_url": "https://www.usesammy.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511973338-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511973338-thumb.jpg", "refero_style_id": "12ef36a6-d7bb-4900-beba-73453cd7b110", "extracted_at": "2026-04-30T01:19:50.075Z", "path": "skills/usesammy/DESIGN.md" }, { "id": "uy-studio", "name": "UY Studio", "description": "UY Studio employs a stark, gallery-like aesthetic, using high-contrast neutrals and minimal design elements. The visual system features large type for impactful statements, discreet navigation, and a strong emphasis on product presentation. Borders and typography create structural rhythm, avoiding heavy backgrounds or decorative gradients to foreground content. Components feel austere and understated, relying on subtle line work and precise spacing for definition.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.uy-studio.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515248896-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515248896-thumb.jpg", "refero_style_id": "b376d42c-b2cb-4a52-8cec-ebf19cf1883f", "extracted_at": "2026-04-30T02:14:31.291Z", "path": "skills/uy-studio/DESIGN.md" }, { "id": "v-a-c", "name": "V–A–C", "description": "V–A–C embraces a highly structured, almost architectural aesthetic, presenting content within a minimalist, monochrome grid. Information is delivered with an academic rigor: thin lines, expansive white space, and stark black typography create a sense of directness without embellishment. The design prioritizes visual organization and content discovery through a precise, fixed-width layout and sparse use of interactive elements, giving the impression of an expertly curated digital catalog.", "theme": "light", "industry": "media", "source_url": "https://v-a-c.org/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517693895-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517693895-thumb.jpg", "refero_style_id": "40154dc4-e681-4df9-be01-a6681d5887a6", "extracted_at": "2026-04-30T02:55:17.189Z", "path": "skills/v-a-c/DESIGN.md" }, { "id": "v-a-c-sreda", "name": "V–A–C Sreda", "description": "The V–A–C Sreda design system presents a stark, almost architectural aesthetic using a high-contrast black and white palette. Its visual identity revolves around precise lines, dotted paths, and block typography that evokes technical drawings or abstract diagrams. Emphasis is placed on direct, functional navigation with minimal embellishment, conveying information through calculated arrangement and a sense of measured tension between elements. The system eschews softness or fluidity in favor of a rigid-yet-dynamic structure, where type and line work define the visual rhythm.", "theme": "light", "industry": "media", "source_url": "https://sreda.v-a-c.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519406923-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519406923-thumb.jpg", "refero_style_id": "b634cbce-b4db-44a6-b2a4-b58d9d2fe93d", "extracted_at": "2026-04-30T03:23:45.818Z", "path": "skills/v-a-c-sreda/DESIGN.md" }, { "id": "v0-by-vercel", "name": "v0 by Vercel", "description": "The design feels like a functional schematic on a stark white drafting table. Its nearly monochrome palette — #FFFFFF, #FAFAFA, #EAEAEA, #171717 — creates a utility-first atmosphere where user input is the only source of color. Typography is the main architectural element; a custom sans-serif is used everywhere, with tight negative letter-spacing at large sizes creating dense, impactful headlines. The UI is built from simple primitives: solid black CTAs with an 8px radius and subtly bordered white chips, distinguishing primary commands from secondary suggestions.", "theme": "light", "industry": "ai", "source_url": "https://v0.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929113104-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775929113104-thumb.jpg", "refero_style_id": "50aa2b8e-4760-4379-a3c1-59b65d8576a7", "extracted_at": "2026-04-11T17:39:37.040Z", "path": "skills/v0-by-vercel/DESIGN.md" }, { "id": "v7labs", "name": "V7labs", "description": "V7 presents a data-driven, operational aesthetic with a strong dark mode emphasis contrasted by a single vibrant orange accent. Heavy-set headlines command attention, while compact, meticulously tracked body text conveys information efficiency. Surfaces are cool and dark, often in shades of gray, creating a backdrop for the brand's bold orange highlights, which are reserved for functional elements. Component shapes lean towards pronounced circularity and soft, rounded containers.", "theme": "mixed", "industry": "fintech", "source_url": "https://www.v7labs.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508931911-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508931911-thumb.jpg", "refero_style_id": "1ab79e76-a07f-48fd-8e93-0a0fee12abd7", "extracted_at": "2026-04-30T00:29:44.402Z", "path": "skills/v7labs/DESIGN.md" }, { "id": "vacation", "name": "Vacation®", "description": "Vacation® embraces a nostalgic, playful aesthetic, evoking mid-century leisure with a modern e-commerce functional layer. Its visual language balances warm, sun-kissed neutrals with a single prominent yellow-gold accent for primary interactions. Typography is a key differentiator, combining a variety of custom serif and sans-serif fonts to create a distinct, editorial feel. Components are generally soft and rounded, with subtle shadow details that nod to physical objects rather than stark digital interfaces.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.vacation.inc", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519972832-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519972832-thumb.jpg", "refero_style_id": "a0392801-aa0f-4c0c-81e1-4e1684eb832a", "extracted_at": "2026-04-30T03:33:17.296Z", "path": "skills/vacation/DESIGN.md" }, { "id": "val-town", "name": "Val Town", "description": "Val Town presents a precise yet playful technical aesthetic, balancing a stark white background and deep charcoals with a lively array of vivid blues and pinks. Clean, structured layouts punctuated by subtle shadows create clear informational hierarchy without feeling heavy. The system leverages a dual-font strategy: a modern sans-serif for broad content and a monospaced font for code, underscoring its developer-centric focus.", "theme": "light", "industry": "devtools", "source_url": "https://val.town", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923478176-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923478176-thumb.jpg", "refero_style_id": "4d0a5051-1c4c-4338-8406-2babdc97915c", "extracted_at": "2026-04-11T16:05:05.549Z", "path": "skills/val-town/DESIGN.md" }, { "id": "valiente-brands", "name": "VALIENTE BRANDS", "description": "This design system presents as a raw, almost brutalist exhibition of brand identity. A primary, vivid red against a near-white background commands attention, creating an aggressive, high-energy aesthetic. Typography is dense and tightly kerned, often acting as a visual element itself, reinforcing a sense of purposeful, impactful communication. The design feels like a bold statement rather than a polished interface, prioritizing directness and brand impact.", "theme": "light", "industry": "agency", "source_url": "https://valientebrands.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776010487158-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776010487158-thumb.jpg", "refero_style_id": "f63bf016-5b53-4ddf-9f8c-da43f75a9e2b", "extracted_at": "2026-04-12T16:15:04.875Z", "path": "skills/valiente-brands/DESIGN.md" }, { "id": "valo", "name": "Valo", "description": "Valo employs a dark, scientific command center aesthetic with high contrast text on a black canvas. Subtle animated gradients and abstract organic shapes introduce visual dynamics, contrasting with highly structured, minimalist typography featuring a distinctive custom font. Interactions are clean and understated, relying on ghost elements and an accent color for 'aha' moments, fostering a sense of controlled innovation and precision.", "theme": "dark", "industry": "ai", "source_url": "https://www.valohealth.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520018832-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520018832-thumb.jpg", "refero_style_id": "f65c3888-2eb3-41a1-87b3-f410b667097e", "extracted_at": "2026-04-30T03:34:01.058Z", "path": "skills/valo/DESIGN.md" }, { "id": "vanmoof", "name": "Vanmoof", "description": "VanMoof's design system relies on a stark, contemporary aesthetic, leveraging a predominantly monochrome palette to emphasize product visuals. Components are lightweight and often outlined, with minimal elevation, creating a sense of understated sophistication. Typography is precise and utilitarian, giving an authoritative yet accessible feel. The overall presentation prioritizes directness and clarity, allowing product design and functional accents to take center stage.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.vanmoof.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509619620-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509619620-thumb.jpg", "refero_style_id": "4887c681-d4e6-41d3-b83c-5650cf925ee9", "extracted_at": "2026-04-30T00:40:43.729Z", "path": "skills/vanmoof/DESIGN.md" }, { "id": "vanta", "name": "Vanta", "description": "Vanta projects a refined, authoritative presence through a primarily achromatic palette accented by deep, vivid violets. Stark white backgrounds provide a sense of expansive clarity, acting as a clean canvas for content. Typography is precise and impactful, balancing a custom sans-serif for functional elements with a sophisticated serif for headlines. Components are lightweight and well-defined by subtle borders, emphasizing content over heavy ornamentation. Elevation is minimal, achieved through soft borders and contained interactions rather than prominent shadows.", "theme": "light", "industry": "saas", "source_url": "https://www.vanta.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510253081-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510253081-thumb.jpg", "refero_style_id": "6b4c8ca5-476e-442b-b713-d5fc58cf04ac", "extracted_at": "2026-04-30T00:51:41.197Z", "path": "skills/vanta/DESIGN.md" }, { "id": "varo-bank", "name": "Varo Bank", "description": "Varo uses a vibrant, confident design language to convey financial accessibility. It primarily features a clean white canvas frequently punctuated by bold, saturated blocks of color for branding and accentuation. Typography is assertive, primarily using a custom grotesque sans-serif with controlled letter-spacing, giving a modern and approachable feel. Interactive elements are clearly delineated with a dominant purple accent, while a subtle elevation strategy ensures a lightweight, fluid user experience.", "theme": "light", "industry": "fintech", "source_url": "https://www.varomoney.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508718960-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508718960-thumb.jpg", "refero_style_id": "2c05cf8d-97c5-4f35-96ef-eb53fc03ea81", "extracted_at": "2026-04-30T00:25:46.795Z", "path": "skills/varo-bank/DESIGN.md" }, { "id": "vdl", "name": "VDL", "description": "The VDL design system evokes the precision of an architectural drawing: minimal and structural. Its visual identity builds on a stark contrast between a warm off-white canvas and deep, nearly black typography. Thin, deliberate lines define sections and interactive elements rather than heavy borders or fills. The typography, using a distinctive architectural sans-serif, carries the weight and character, operating with restrained letter-spacing. Interaction is subtle, relying on understated color shifts and background changes.", "theme": "light", "industry": "design", "source_url": "https://neutra-vdl.org", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513387423-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513387423-thumb.jpg", "refero_style_id": "111711b0-6feb-4ec0-a8da-532889808d0e", "extracted_at": "2026-04-30T01:43:28.671Z", "path": "skills/vdl/DESIGN.md" }, { "id": "vectary", "name": "Vectary", "description": "This design evokes a feeling of structured clarity and restrained energy. The almost monochromatic palette, dominated by deep grays and stark white, creates a serious and direct atmosphere. A single vivid violet accent color, used sparingly, cuts through the neutrality, acting as a precise digital highlight. Sharp corners prevail, reinforcing a sense of precision and modern utility, with only minor softening for interactive elements.", "theme": "light", "industry": "design", "source_url": "https://vectary.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932878626-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932878626-thumb.jpg", "refero_style_id": "dfe5faa4-a108-45a8-a68c-ed19be2db766", "extracted_at": "2026-04-11T18:41:39.753Z", "path": "skills/vectary/DESIGN.md" }, { "id": "veed", "name": "VEED", "description": "VEED champions a dynamic, high-contrast digital production studio feel, where rich dark surfaces meet a vibrant, almost neon, green for interactive elements. Typography is confident and direct, set against a backdrop of crisp white and dark gray panels that convey a sophisticated, tool-like precision. Visual hierarchy is established through a strong interplay of bold headings and generously spaced content blocks, punctuated by responsive, rounded components.", "theme": "light", "industry": "ai", "source_url": "https://www.veed.io", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510272754-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510272754-thumb.jpg", "refero_style_id": "fff821ec-a3bf-41a5-aea2-626185bcd227", "extracted_at": "2026-04-30T00:51:43.394Z", "path": "skills/veed/DESIGN.md" }, { "id": "vercel", "name": "Vercel", "description": "Vercel's design embodies a technical precision, like an advanced schematic unfolded on a clean, bright canvas. The interplay of crisp, near-achromatic grays for backgrounds and text creates a serious, developer-focused atmosphere, punctuated by strategic accents of rich, vivid hues. Nearly-monochromatic elements and a tight typographic scale prioritize information density, while subtly rounded corners and soft drop shadows prevent the interface from feeling clinical. The overall impression is one of high performance and controlled complexity.", "theme": "light", "industry": "devtools", "source_url": "https://vercel.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777421846591-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777421846591-thumb.jpg", "refero_style_id": "f24daf3a-d43f-4dec-85a9-8ac1d5148a03", "extracted_at": "2026-04-29T00:17:50.092Z", "path": "skills/vercel/DESIGN.md" }, { "id": "verse", "name": "Verse", "description": "Verse employs a stark, high-contrast dark mode aesthetic, reminiscent of a terminal interface or a hacker's workbench. The visual system is built on a foundation of pure black with minimal use of grays, allowing code-like typography and crisp borders to define the structure. Interactive elements are subtle, relying on text color changes and thin border lines rather than prominent fills. The overall impression is one of focused utility and technical precision, avoiding decorative flourishes.", "theme": "dark", "industry": "design", "source_url": "https://www.verse.sh", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515306780-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515306780-thumb.jpg", "refero_style_id": "486c3132-9ff7-4e27-9eef-ca2e130bd827", "extracted_at": "2026-04-30T02:15:22.897Z", "path": "skills/verse/DESIGN.md" }, { "id": "vibrants", "name": "Vibrants", "description": "Vibrants uses a clean, bright aesthetic where information is presented on a spacious white canvas. Typography is primarily functional, with clear sans-serifs defining structure, while a custom display font adds a touch of friendly sophistication to headlines. The system relies on a focused color palette, primarily neutral for backgrounds and text, punctuated by a vibrant green accent color that signals action. Components are lightweight with subtle rounding and minimal elevation, maintaining an airy and approachable feel.", "theme": "light", "industry": "ecommerce", "source_url": "https://vibrants.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520836024-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520836024-thumb.jpg", "refero_style_id": "f73ce3e0-4452-4b21-b36f-6fde27de2cd6", "extracted_at": "2026-04-30T03:47:40.920Z", "path": "skills/vibrants/DESIGN.md" }, { "id": "victor-cango", "name": "Victor Cango", "description": "Victor Cango's design system cultivates a bold, editorial aesthetic with high-contrast typography as its primary visual lever. The stark achromatic palette emphasizes content, allowing the expressive serif and sans-serif typefaces to dictate hierarchy and tone. Understated interactions and minimal UI elements focus attention on the typographic compositions and carefully placed visual assets, often with a subtly distorted or layered quality. The overall impression is one of confident, art-directed communication.", "theme": "light", "industry": "design", "source_url": "https://victorcango.fr", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514927251-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514927251-thumb.jpg", "refero_style_id": "66fdf7a4-7d28-452e-88ec-c84e49b3ae6f", "extracted_at": "2026-04-30T02:09:09.426Z", "path": "skills/victor-cango/DESIGN.md" }, { "id": "videoconferencia", "name": "Videoconferencia", "description": "Microsoft Teams' page feels like a sunlit open-plan office — bright white expanses punctuated by the distinctive Teams violet-purple (#5d5bd4) and dense navy text (#17253d). The light is almost clinical, with near-zero ambient color tinting, pulling all chromatic attention to the vivid Teams purple accent and photography. Segoe UI Variable's tight negative tracking at display sizes (−0.025em at 48px) is the typographic signature — Microsoft's own variable font doing what no system font substitute can replicate, with headlines that compress horizontally as they scale up. Cards sit as floating white rectangles with a 24px corner radius and a paired micro-shadow system, never harsh — rgba(0,0,0,0.12) 0px 0px 2px plus rgba(0,0,0,0.14) 0px 2px 4px creates a faint lift without drama. The only pill-shaped element (200px radius) reserved for one secondary UI button variant signals interactivity hierarchy without color alone.", "theme": "light", "industry": "productivity", "source_url": "https://microsoft.com/teams", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935184521-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775935184521-thumb.jpg", "refero_style_id": "206c6c51-df38-425f-8d07-b0cc9dd065cf", "extracted_at": "2026-04-11T19:21:51.014Z", "path": "skills/videoconferencia/DESIGN.md" }, { "id": "vimeo", "name": "Vimeo", "description": "Vimeo's design system evokes a digital atelier: functional, content-focused, and subtly expressive. A dominant dark gray canvas anchors the experience, punctuated by a vivid, cool teal accent that signifies interactivity and brand presence. Typography is compact and precise, establishing clear hierarchy without visual fanfare. Components are lightweight with softened corners, relying on shifts in neutral tones rather than heavy shadows or borders.", "theme": "light", "industry": "media", "source_url": "https://vimeo.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510459753-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510459753-thumb.jpg", "refero_style_id": "be6c7488-9cea-43db-bb28-2606f53ade14", "extracted_at": "2026-04-30T00:54:54.162Z", "path": "skills/vimeo/DESIGN.md" }, { "id": "virtual", "name": "Virtual", "description": "This design system presents a stark, high-contrast digital interface. Dominated by deep black backgrounds and crisp white text, it leverages an accent orange purely for subtle guidance and status. Interaction elements are clearly defined by white outline borders, maintaining the minimalist aesthetic. Typography combines a structured, technical display font with a more flexible body font to create hierarchy within this constrained palette. The overall impression is one of precise control and focused functionality within a dark, almost console-like environment.", "theme": "dark", "industry": "other", "source_url": "https://virtual.plus-ex.com/showroom", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515622785-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515622785-thumb.jpg", "refero_style_id": "572bc29f-8827-4f77-b248-08dddf1c2e26", "extracted_at": "2026-04-30T02:20:39.517Z", "path": "skills/virtual/DESIGN.md" }, { "id": "visionnaire", "name": "VISIONNAIRE", "description": "The VISIONNAIRE design system embraces a raw, minimalist aesthetic with a street-wear edge. It features stark black-and-white UI elements on a primarily white canvas, punctuated by a unique, muted sandy-beige for specific content sections and occasional product photography. Typography is compact and precise, often used in all-caps, defining a tight information architecture. Interactive elements are primarily ghost buttons or unstyled links, maintaining a flat, unornamented surface treatment.", "theme": "light", "industry": "ecommerce", "source_url": "https://vision-naire.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518704553-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518704553-thumb.jpg", "refero_style_id": "0ecfea58-c1f3-4671-806d-5ae0eb779f38", "extracted_at": "2026-04-30T03:12:06.923Z", "path": "skills/visionnaire/DESIGN.md" }, { "id": "visitors", "name": "Visitors", "description": "The Visitors design system employs a crisp, analytical aesthetic with a playful edge. It balances substantial negative space and achromatic surfaces with a vibrant, gradient-infused purple as its primary brand color, punctuated by a suite of vivid secondary accents. Typography is compact and precise, maintaining readability while maximizing information density. Interactive elements often manifest as ghost buttons or subtle, rounded containers, giving a lightweight feel until the accent color 'switches on' for primary actions. The pervasive use of rounded corners softens the otherwise direct, functional presentation.", "theme": "light", "industry": "saas", "source_url": "https://visitors.now", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508553847-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508553847-thumb.jpg", "refero_style_id": "e7876363-181a-44a9-9e5c-2255cf98aea5", "extracted_at": "2026-04-30T00:23:03.554Z", "path": "skills/visitors/DESIGN.md" }, { "id": "visual", "name": "Visual", "description": "Visual employs an editorial-minimalist aesthetic, using a muted, near-achromatic palette to emphasize typography and content. A primary accent of deep charcoal and secondary highlights of yellow are used sparingly to draw attention to key functional elements. The design prioritizes generous spacing and a deliberate grid, creating a sense of calm authority and allowing the AI-generated content to take center stage without visual clutter. Surfaces are mostly light, acting as a clean canvas.", "theme": "light", "industry": "ai", "source_url": "https://designstripe.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515757469-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515757469-thumb.jpg", "refero_style_id": "d2c0ed7b-c649-4d77-91de-1bd69dd10a9e", "extracted_at": "2026-04-30T02:23:30.610Z", "path": "skills/visual/DESIGN.md" }, { "id": "vita-architecture", "name": "Vita Architecture", "description": "Vita Architecture presents a restrained, high-contrast aesthetic favoring stark monochrome with precise typographic forms. Headlines use a unique custom serif, creating an impression of classic elegance, while body text uses a clean sans-serif for legibility. The primary identity relies on black borders and text against various shades of white and very light gray, punctuated subtly by a single vivid violet for select decorative elements. The overall feel is one of considered simplicity and architectural clarity.", "theme": "light", "industry": "agency", "source_url": "https://vitaarchitecture.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520867260-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520867260-thumb.jpg", "refero_style_id": "b406cea1-2f4f-4495-95f1-29868522e648", "extracted_at": "2026-04-30T03:48:05.021Z", "path": "skills/vita-architecture/DESIGN.md" }, { "id": "viture", "name": "VITURE", "description": "VITURE designs with a high-contrast, modern tech aesthetic. Black and white dominate the UI, serving as a canvas for striking product imagery and a singular vivid orange accent that highlights calls to action and critical information. Typography is sophisticated and varied, supporting both extensive content and bold headlines. Components are minimal, focusing on functionality with soft, large radii and subtle elevation for interactive elements.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.viture.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512735526-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512735526-thumb.jpg", "refero_style_id": "390cfba6-8c2f-4273-8c9e-750d470b6e2e", "extracted_at": "2026-04-30T01:32:42.617Z", "path": "skills/viture/DESIGN.md" }, { "id": "vivid-co", "name": "Vivid+Co", "description": "Vivid+Co employs a command-center dark theme, focusing on high contrast and dramatic impact. Large, confident typography dominates the layout, using subtle letter-spacing adjustments to control visual flow. The absence of strong chromatic accents outside of a single, muted gray for functional elements keeps the aesthetic clean and focused, punctuated by the refractive visuals. Components are minimalist, relying on precise typography and ghost-like interactive states rather than heavy fills or shadows.", "theme": "dark", "industry": "agency", "source_url": "https://vividand.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516565104-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516565104-thumb.jpg", "refero_style_id": "8875b14e-c59a-492f-8780-8027a480f21c", "extracted_at": "2026-04-30T02:36:26.835Z", "path": "skills/vivid-co/DESIGN.md" }, { "id": "vivid-spain", "name": "Vivid Spain", "description": "Vivid Spain's design system feels like a digital canvas touched by soft, diffused light, giving financial services an approachable, almost ethereal quality. The pervasive use of very subtle, near-gray lavenders and clear white creates a clean, expansive backdrop. Pops of vivid violet on interactive elements act as gentle guiding lights, preventing the light palette from feeling sterile and instead imbuing it with a sense of calm innovation. The subtle use of gradients adds a painterly depth, making backgrounds feel less like solid blocks and more like atmospheric washes.", "theme": "light", "industry": "fintech", "source_url": "https://vivid.money", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932924857-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932924857-thumb.jpg", "refero_style_id": "c25e8eb5-634d-4aca-b30b-d8ba5a50dc5a", "extracted_at": "2026-04-11T18:42:27.888Z", "path": "skills/vivid-spain/DESIGN.md" }, { "id": "vizcom", "name": "Vizcom", "description": "Vizcom presents a dark, high-contrast digital workbench aesthetic, inspired by traditional drawing and industrial design. The layout features stark monochrome surfaces punctuated by a single vivid blue for primary actions and interactive elements. Thin borders and subtle elevation define components, prioritizing functionality and a focused user experience. Textures of paper, charcoal, and engineering blueprints provide an underlying tactile quality to the otherwise digital interface.", "theme": "dark", "industry": "ai", "source_url": "https://vizcom.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508165431-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508165431-thumb.jpg", "refero_style_id": "d16b85ee-0bbc-4030-9190-71e1408ff119", "extracted_at": "2026-04-30T00:16:40.735Z", "path": "skills/vizcom/DESIGN.md" }, { "id": "vodafone", "name": "Vodafone", "description": "", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/vodafone/DESIGN.md" }, { "id": "voiceflow", "name": "Voiceflow", "description": "Voiceflow presents a light and airy interface, built on a spacious canvas of off-white and crisp backgrounds, punctuated by a single vibrant blue for primary actions. Typography is precise and clear, with a preference for slightly condensed sans-serifs for body text and a light, elegant serif for dramatic headlines. Cards and elements feature large, comfortable padding and rounded corners, creating a friendly yet professional feel. The overall impression is one of confident, approachable AI technology, with visual complexity reserved for product demonstrations.", "theme": "light", "industry": "ai", "source_url": "https://www.voiceflow.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507992819-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777507992819-thumb.jpg", "refero_style_id": "03b3d707-2a30-4f53-a524-347d1b70eb2c", "extracted_at": "2026-04-30T00:13:39.686Z", "path": "skills/voiceflow/DESIGN.md" }, { "id": "voltagent", "name": "VoltAgent", "description": "", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/voltagent/DESIGN.md" }, { "id": "volume", "name": "Volume", "description": "Volume's design system evokes an editorial quality through stark contrasts and classic typographic choices. The visual style pairs deep, rich imagery with highly legible, monochrome UI elements. Text is typically dark on light, using a limited color palette that emphasizes clarity and content over decorative flair. Subtle radii are used primarily for interactive elements, while backgrounds remain sharp, creating a sophisticated and somewhat archival feel.", "theme": "light", "industry": "media", "source_url": "https://vol.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519877971-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519877971-thumb.jpg", "refero_style_id": "edc0c03e-8c20-4e22-badd-2735fcb9f4a8", "extracted_at": "2026-04-30T03:31:40.481Z", "path": "skills/volume/DESIGN.md" }, { "id": "vsco", "name": "VSCO®", "description": "VSCO's design system creates a raw, utilitarian feel, blending high-contrast black and white with a select, vibrant yellow accent. The heavy reliance on a custom sans-serif font with tight letter-spacing for headlines establishes a direct, unadorned communication style. The overall impression is one of stark professionalism with a hint of creative energy, achieved through the deliberate scarcity of color and the bold, geometric typography.", "theme": "light", "industry": "media", "source_url": "https://vsco.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933198489-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933198489-thumb.jpg", "refero_style_id": "759c0588-ea22-44c1-a1cf-42cb81eb6cb0", "extracted_at": "2026-04-11T18:46:57.397Z", "path": "skills/vsco/DESIGN.md" }, { "id": "vucko", "name": "Vucko", "description": "Vucko's design system embodies unadorned precision with a high-contrast monochrome palette. Bold, oversized typography dominates the visual field, creating clear hierarchy through scale rather than color. Surface treatments are flat and minimal, emphasizing content, while subtle border radii apply to interactive elements and showcased cards. The overall effect is one of directness and sophisticated restraint, where motion is implied through scale and interaction rather than explicit graphical flourishes.", "theme": "light", "industry": "design", "source_url": "https://vucko.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509258904-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509258904-thumb.jpg", "refero_style_id": "cc5b19fd-12cf-4b30-801c-8a0363646e48", "extracted_at": "2026-04-30T00:34:40.800Z", "path": "skills/vucko/DESIGN.md" }, { "id": "waabi", "name": "Waabi", "description": "Waabi operates on a robust, authoritative visual language, characterized by stark contrasts between light and dark surfaces and bold, compact typography. A single vibrant magenta provides functional accents, drawing attention to calls-to-action and active states against the predominantly monochromatic palette. Components are designed for clarity and impact, with generous rounded corners hinting at a friendly usability layer beneath the serious brand posture. The overall impression is one of confident, high-tech efficiency.", "theme": "light", "industry": "ai", "source_url": "https://waabi.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508183607-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508183607-thumb.jpg", "refero_style_id": "91174f53-6770-4398-b3e7-ad14b1c39b6d", "extracted_at": "2026-04-30T00:16:45.750Z", "path": "skills/waabi/DESIGN.md" }, { "id": "waka-waka", "name": "Waka Waka", "description": "Waka Waka employs a stark, editorial aesthetic, reminiscent of print. Its visual system centers on high-contrast typography against an off-white canvas, conveying information with an almost journalistic directness. The layout is disciplined and grid-bound, using generous negative space around bold type and product photography to lend an artifact-like quality to content. Color is minimal, primarily serving as a background for the content block, with deep charcoal black for all text and UI elements.", "theme": "light", "industry": "design", "source_url": "https://wakawaka.world", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509295971-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509295971-thumb.jpg", "refero_style_id": "ea55601d-e953-48b3-99db-374b39bf2f56", "extracted_at": "2026-04-30T00:35:19.246Z", "path": "skills/waka-waka/DESIGN.md" }, { "id": "walden", "name": "Walden", "description": "Walden cultivates a serene, contemplative aesthetic, grounding product presentation in an almost stark, naturalistic minimalism. The visual language centers on muted, earthy neutrals with high contrast for text, creating a sense of understated luxury. Typography is functional and refined, ensuring clarity while blending into the quiet composition. Components are lightweight and largely border-driven, minimizing visual noise to allow product imagery and natural backgrounds to dominate.", "theme": "light", "industry": "ecommerce", "source_url": "https://walden.us", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519276822-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777519276822-thumb.jpg", "refero_style_id": "31903c2b-99bf-4fa8-8c92-238858f3563c", "extracted_at": "2026-04-30T03:21:34.883Z", "path": "skills/walden/DESIGN.md" }, { "id": "walletconnect", "name": "WalletConnect", "description": "WalletConnect's design system evokes a digital ledger on a crisp white backdrop, emphasizing clarity and efficient data display. A vibrant spectrum of blues serves as the brand accent, signaling interactive elements and critical information without visual clutter. Typography is precise and utilitarian, supporting the feeling of a clean, functional interface where content takes precedence. Components are lightweight with subtle radii, avoiding heavy shadows or ornate flourishes to maintain an uncluttered visual plane.", "theme": "light", "industry": "fintech", "source_url": "https://walletconnect.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512425874-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512425874-thumb.jpg", "refero_style_id": "29392960-0acf-4891-ad33-28a72f6a9b75", "extracted_at": "2026-04-30T01:27:33.221Z", "path": "skills/walletconnect/DESIGN.md" }, { "id": "wallpaper-projects", "name": "Wallpaper Projects", "description": "Wallpaper Projects evokes traditional luxury with a contemporary edge, balancing classic serif typography against minimalist sans-serifs. The palette is intentionally muted, centered around a rich, deep charcoal and a soft, warm off-white, allowing the sophisticated textures and patterns of the wallpaper imagery to take prominence. Interactions are subtle, favoring discreet hovers and ghost buttons over overt fanfare to maintain a refined and understated atmosphere. The overall feel is one of considered elegance and spatial artistry, with ample negative space. Visual hierarchy is established through a strong contrast in font sizes and weights, rather than a broad color spectrum.", "theme": "light", "industry": "design", "source_url": "https://wallpaperprojects.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514852720-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514852720-thumb.jpg", "refero_style_id": "0a2bcda6-b5b9-463d-bc8d-2c7ccaa2b776", "extracted_at": "2026-04-30T02:08:16.075Z", "path": "skills/wallpaper-projects/DESIGN.md" }, { "id": "warp", "name": "Warp", "description": "This design system conjures a high-tech command center feel, where dark surfaces meet crisp, focused information. The primary visual choice is the deeply desaturated dark background (#121212) contrasted with luminous white text (#FAFAFA), creating a sense of precision and low-light operations. Subtle uses of a muted violet (#CBB0F7) and an infrequent vivid green (#2ECC71) serve as functional indicators, akin to status lights on a console, reinforcing the industrial yet refined atmosphere. The almost exclusive use of the Matter font family, with its defined structure and variable weights, maintains a consistent technical aesthetic.", "theme": "dark", "industry": "devtools", "source_url": "https://warp.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923168907-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923168907-thumb.jpg", "refero_style_id": "d4c51049-58eb-404a-9fcb-f195928b1c99", "extracted_at": "2026-04-11T15:59:56.192Z", "path": "skills/warp/DESIGN.md" }, { "id": "watch-new-originals", "name": "Watch new Originals", "description": "Disney+ maintains a 'midnight command center' aesthetic, designed for content consumption. It features a predominantly dark background with contrasting light typography to highlight content. Functional elements are often subtle until interaction, utilizing a vibrant blue for calls to action, drawing attention against the otherwise subdued palette. The visual system is defined by its strong reliance on dark surfaces, minimal borders, and a focus on content presentation.", "theme": "dark", "industry": "media", "source_url": "https://www.disneyplus.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511054614-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777511054614-thumb.jpg", "refero_style_id": "e586b296-bfac-4e93-add2-daa384712b39", "extracted_at": "2026-04-30T01:04:39.226Z", "path": "skills/watch-new-originals/DESIGN.md" }, { "id": "wayfinder", "name": "Wayfinder", "description": "Wayfinder presents a dark, immersive canvas for interactive storytelling, drawing the user into an experience where content is paramount. Typography is both functional and expressive, set against a backdrop of deep, muted neutrals. Interactions are subtly highlighted through minimal borders and a deliberate avoidance of strong color, making the interface feel integrated with the narrative rather than superimposed upon it.", "theme": "dark", "industry": "media", "source_url": "https://wayfinder.nfb.ca", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517597288-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517597288-thumb.jpg", "refero_style_id": "d9fbc68b-0d42-4c09-829d-1207b781f46a", "extracted_at": "2026-04-30T02:53:36.804Z", "path": "skills/wayfinder/DESIGN.md" }, { "id": "wealthsimple", "name": "Wealthsimple", "description": "Wealthsimple projects an image of approachable financial sophistication, blending a muted, almost vintage-feeling color palette with modern typography. The design feels grounded and trustworthy, achieved through a dominant presence of off-white and dark gray surfaces that create a soft contrast. Touches of natural, desaturated color appear subtly, preventing the aesthetic from feeling stark while maintaining a sense of serious purpose. Custom fonts — one with a humanist, inviting feel, the other a crisp sans-serif — underpin content hierarchy without resorting to harsh visual cues.", "theme": "light", "industry": "fintech", "source_url": "https://wealthsimple.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943768579-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943768579-thumb.jpg", "refero_style_id": "043341c3-cf82-4be1-9142-fa5e6a370ca9", "extracted_at": "2026-04-11T21:43:12.642Z", "path": "skills/wealthsimple/DESIGN.md" }, { "id": "webflow", "name": "Webflow", "description": "Webflow's design system projects confident utility through a sharp, clean interface. A monochromatic foundation of stark blacks and whites is punctuated by a singular, vibrant blue, drawing focus to interactive elements. Typography is the primary conveyor of brand personality, with large, precisely tracked sans-serif headlines creating a modern, impactful presence while subtle shadows add depth to interactive elements without overwhelming the clean aesthetic.", "theme": "light", "industry": "devtools", "source_url": "https://webflow.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776105387270-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776105387270-thumb.jpg", "refero_style_id": "31471407-598a-45fd-a505-d921980d8855", "extracted_at": "2026-04-13T18:36:51.498Z", "path": "skills/webflow/DESIGN.md" }, { "id": "websmith-studio", "name": "Websmith Studio", "description": "Websmith Studio presents a visually understated design system built on a calming off-white canvas and grounded in dark, confident typography. The UI is characterized by lightweight components, ample whitespace, and minimal elevation, allowing product visuals to pop with their own distinct color palettes. Interactions are subtle and deliberate, maintaining the overall sense of quiet sophistication and focus on content.", "theme": "light", "industry": "agency", "source_url": "https://websmith.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517806765-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517806765-thumb.jpg", "refero_style_id": "11cfc460-807b-42c5-b10a-7b042c60f3e8", "extracted_at": "2026-04-30T02:57:10.083Z", "path": "skills/websmith-studio/DESIGN.md" }, { "id": "wellfound", "name": "Wellfound", "description": "Wellfound projects a functional, modern job market feel with a dominant light theme punctuated by dark, almost black, sections for emphasis. The design emphasizes clear navigation and content presentation using a structured layout and a clean typographic hierarchy. Subtle touches of vibrant accent colors are used sparingly to highlight interactive elements and brand identity, rather than for decorative flourishes. Components are generally lightweight, favoring soft borders over heavy shadows.", "theme": "light", "industry": "productivity", "source_url": "https://wellfound.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510320117-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510320117-thumb.jpg", "refero_style_id": "f8286b32-cc41-43e3-8b43-067333bb2e32", "extracted_at": "2026-04-30T00:52:31.047Z", "path": "skills/wellfound/DESIGN.md" }, { "id": "wemakethings", "name": "Wemakethings", "description": "Wemakethings uses a high-contrast, stark contemporary language, built on a pure black-and-white canvas that functions both as background and prominent border. Type is central to the identity, featuring two custom display fonts for impact and a contemporary sans-serif for content. The design relies on bold outlines, large-scale typography, and tight visual compositions to convey presence without relying on color or complex layouts.", "theme": "light", "industry": "agency", "source_url": "https://wemakethings.de", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520148991-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520148991-thumb.jpg", "refero_style_id": "15d57573-513b-49aa-91c7-1b7f87bb1a55", "extracted_at": "2026-04-30T03:36:05.314Z", "path": "skills/wemakethings/DESIGN.md" }, { "id": "wepresent", "name": "WePresent", "description": "WePresent adopts an editorial, deep-contrast aesthetic designed for immersive digital experiences. Its visual system pairs dark, luxurious backgrounds with stark white typography, creating a gallery-like atmosphere. The design emphasizes clear boundaries through prevalent outline styles for interactive elements, reinforcing a sense of curated content behind a frame. Typography is confident and expressive, balancing classic elegance with modern readability, while accent colors are restrained, used primarily for subtle interactive cues.", "theme": "dark", "industry": "media", "source_url": "https://wepresent.wetransfer.com/story/marina-abramovic-traces", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516603442-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516603442-thumb.jpg", "refero_style_id": "1203f8b5-f7ef-4960-96c1-145143909910", "extracted_at": "2026-04-30T02:37:03.503Z", "path": "skills/wepresent/DESIGN.md" }, { "id": "wgsn", "name": "WGSN", "description": "WGSN's visual system evokes a precise, authoritative environment through high-contrast typography and a stark monochrome palette. Information is presented on a clean white canvas, punctuated by dark, almost black, interactive elements. The design prioritizes clear communication and efficient navigation, using compact components and minimal decorative flourishes. Large, impactful headlines command attention, while subtle gray text provides supporting details, establishing a clear visual hierarchy.", "theme": "light", "industry": "other", "source_url": "https://www.wgsn.com/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515803908-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777515803908-thumb.jpg", "refero_style_id": "6cf3aec4-d028-44b0-b634-cc93e6c08e3c", "extracted_at": "2026-04-30T02:23:47.988Z", "path": "skills/wgsn/DESIGN.md" }, { "id": "whatsapp-com", "name": "WhatsApp.com", "description": "WhatsApp's visual system evokes a friendly, secure communication platform. It builds upon a soft, warm neutral base with a consistent, vibrant green acting as the core accent for primary calls to action. Rounded forms are prevalent, especially in buttons and imagery, contributing to a welcoming, approachable feel. Typography is direct and legible, maintaining clarity within a spacious layout. The overall impression is one of calm competence.", "theme": "light", "industry": "media", "source_url": "https://www.whatsapp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509950436-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509950436-thumb.jpg", "refero_style_id": "a643f3a0-6c99-4076-b03f-6f0691c21bd0", "extracted_at": "2026-04-30T00:46:17.820Z", "path": "skills/whatsapp-com/DESIGN.md" }, { "id": "whoop", "name": "WHOOP", "description": "WHOOP's design evokes a sense of precise, data-driven health monitoring. The dominant use of stark black and crisp white, punctuated by a deep indigo (#4a53ff), creates a high-contrast environment, mirroring the clarity of performance data. Softly rounded cards and buttons suggest an approachable interface for complex health metrics, while sharp, geometric typography reinforces the technical precision.", "theme": "mixed", "industry": "other", "source_url": "https://whoop.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925000052-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925000052-thumb.jpg", "refero_style_id": "05053a60-1964-4154-9d58-ebdf6352ed3a", "extracted_at": "2026-04-11T16:30:19.276Z", "path": "skills/whoop/DESIGN.md" }, { "id": "whop", "name": "Whop", "description": "Whop presents a confident, high-contrast digital canvas with a striking orange accent. Typography is central, using large, tightly tracked sans-serif headlines for impactful statements and a comfortable mono-spaced font for technical details. Surfaces are predominantly white, creating a crisp backdrop for the energetic primary orange, grounded by a subtle shadow effect that adds minimal depth. Interactivity is clearly defined through the bold orange for primary actions and soft, rounded ghost buttons for secondary choices, balancing directness with approachability.", "theme": "light", "industry": "productivity", "source_url": "https://whop.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510309020-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510309020-thumb.jpg", "refero_style_id": "9eeab5f0-eece-4898-a1d2-2db48ac2bc7d", "extracted_at": "2026-04-30T00:52:11.613Z", "path": "skills/whop/DESIGN.md" }, { "id": "winamp", "name": "Winamp", "description": "Winamp's visual system evokes a clean, high-contrast digital canvas with sharp, modern typography, accented by a subtle, almost invisible shadow treatment for components. The design maintains a comfortable informational density, balancing clear text hierarchy with a functional, minimal use of color. Cards and interactive elements use defined radii, providing a structured yet approachable feel.", "theme": "light", "industry": "media", "source_url": "https://www.winamp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516197464-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516197464-thumb.jpg", "refero_style_id": "bc4b4dee-8b32-494c-9a2d-d56fcd450b79", "extracted_at": "2026-04-30T02:30:17.233Z", "path": "skills/winamp/DESIGN.md" }, { "id": "windsurf", "name": "Windsurf", "description": "Windsurf operates with a high-contrast, dark-mode scheme, using a deep navy background that evokes a professional, sophisticated environment. A vibrant, almost neon cyan serves as the primary accent, signaling interactive elements and highlighting key information, complemented by a softer magenta for secondary accents. Typography is a blend of impactful, large-scale headlines with subtly tracked small text, creating a dynamic yet precise visual hierarchy. Components are lightweight and often borderless, preferring subtle color shifts and soft corners over heavy shadows or solid fills.", "theme": "dark", "industry": "devtools", "source_url": "https://windsurf.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509201486-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509201486-thumb.jpg", "refero_style_id": "cfab7b43-ed24-41e9-9272-c858700b865b", "extracted_at": "2026-04-30T00:33:57.338Z", "path": "skills/windsurf/DESIGN.md" }, { "id": "wired", "name": "WIRED", "description": "", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/wired/DESIGN.md" }, { "id": "wise", "name": "Wise", "description": "The Wise design system feels like an assured and straightforward financial platform, built on stark contrasts and an unwavering accent color. The primary palette of deep forest green, near-black, and bright white creates a dynamic and trustworthy visual identity. Heavy, condensed sans-serif headings anchor information with a no-nonsense tone, while clear, readable body text maintains legibility. Deliberately rounded corners on interactive elements provide a touch of modern approachability against otherwise sharp UI elements, emphasizing ease of use within a rigorous financial context.", "theme": "light", "industry": "fintech", "source_url": "https://wise.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776119210797-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776119210797-thumb.jpg", "refero_style_id": "367c0c6e-73a7-441c-a8ff-91d139ac60dc", "extracted_at": "2026-04-13T22:27:20.223Z", "path": "skills/wise/DESIGN.md" }, { "id": "wise-design", "name": "Wise Design", "description": "Wise Design hits like a silk-screened protest poster — electric lime green (#87ea5c) floods the hero at full saturation, then dark forest ink (#083400) type slams across it at display scale. The palette is deliberately non-fintech: vivid yellow (#ffea4b), peach (#ffbd89), cotton candy pink (#ffd5f0), and deep aubergine (#2a0831) coexist like a global currency collection. Wise Sans at weight 900 with 0.85 line-height is the signature — letterforms stack so tightly they almost collide, creating billboard compression at digital scale. Pills (9999px radius) are the only rounded UI element, while large content blocks use generous 86px radii creating soft-edged cards that contrast the aggressive type. The design system oscillates between screaming and whispering — massive stacked display type then a single quiet midsize line on white.", "theme": "mixed", "industry": "design", "source_url": "https://wise.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943985153-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943985153-thumb.jpg", "refero_style_id": "c5326639-873a-4257-ad1a-7da9111e9286", "extracted_at": "2026-04-11T21:48:17.504Z", "path": "skills/wise-design/DESIGN.md" }, { "id": "wispr-flow", "name": "Wispr Flow", "description": "Wispr Flow embraces a serene, almost academic aesthetic, blending a warm, muted palette with classic serif typography for large displays and a modern sans-serif for functional text. The design is characterized by generous spacing and soft, rounded elements that create a friendly and approachable feel. Dark, rich greens and deep grays are used to anchor sections, while a soft lavender provides a playful, yet restrained, accent for interactive elements.", "theme": "light", "industry": "productivity", "source_url": "https://wisprflow.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509293603-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509293603-thumb.jpg", "refero_style_id": "ac53825c-1e06-4ae0-8489-cace5c5e0339", "extracted_at": "2026-04-30T00:35:20.684Z", "path": "skills/wispr-flow/DESIGN.md" }, { "id": "wix-com", "name": "wix.com", "description": "Wix.com's system is a canvas of light, subtly animated surfaces, where interactive elements pulse with a vivid blue. The visual style balances a strong, opinionated display typography with more conventional body text for clarity. Cards and interactive components feature generous rounded corners, giving the interface a friendly, approachable feel, while the dominant white background is punctuated by soft, pastel-toned background fills and gradients.", "theme": "light", "industry": "saas", "source_url": "https://www.wix.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510214951-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510214951-thumb.jpg", "refero_style_id": "a31f5b99-6e7d-4e13-9b80-cd60e455bd76", "extracted_at": "2026-04-30T00:50:51.075Z", "path": "skills/wix-com/DESIGN.md" }, { "id": "wiza", "name": "Wiza", "description": "Wiza embodies a 'digital alchemy' aesthetic, blending a clean, approachable interface with subtle, almost magical, gradient accents. The dominant bright canvas, interspersed with soft lilac and white backgrounds, creates an airy yet grounded feel. Key information is spotlighted by a deep brand violet for headlines and interactive elements, while the generous use of 1440px pill-shaped radii for primary actions and subtle, multi-layered shadows on elevated components provides a nuanced sense of depth and a signature soft-futuristic touch.", "theme": "light", "industry": "ai", "source_url": "https://wiza.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933585234-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933585234-thumb.jpg", "refero_style_id": "3720657f-2b59-475e-a43d-b18cac718325", "extracted_at": "2026-04-11T18:53:33.030Z", "path": "skills/wiza/DESIGN.md" }, { "id": "wizz", "name": "Wizz", "description": "Wizz embraces a bold, high-contrast dark theme with a vibrant fuchsia accent color that creates a playful, energetic atmosphere. Typography is a central element, using distinct custom sans-serif typefaces for sharp, impactful headlines and clear body text. Surfaces are mostly dark and flat, relying on the single accent color for primary actions and highlights, with subtle elevation for key interactive elements.", "theme": "dark", "industry": "productivity", "source_url": "https://wizzapp.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509629576-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509629576-thumb.jpg", "refero_style_id": "408d0b89-be7d-4a09-bc29-8a8ce13d0a7b", "extracted_at": "2026-04-30T00:40:59.397Z", "path": "skills/wizz/DESIGN.md" }, { "id": "wonder", "name": "Wonder", "description": "Wonder is a dark-themed design system evoking a 'code editor' aesthetic with deep, muted purple backgrounds and high-contrast white text. It balances stark UI elements – sharp borders, minimal elevation – with a single vivid fuchsia accent that serves as a functional highlight. Typography is precise and utilitarian, hinting at a developer-tool context, while transparent and ghost elements create a sense of depth and interactivity within the dark canvas.", "theme": "dark", "industry": "devtools", "source_url": "https://wonder.design", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777595159441-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777595159441-thumb.jpg", "refero_style_id": "c81d2be0-05b7-4755-8046-f2d19fbc448c", "extracted_at": "2026-05-01T00:26:31.453Z", "path": "skills/wonder/DESIGN.md" }, { "id": "wope", "name": "Wope", "description": "Wope - violet horizon interface. The page feels like a control deck lit from beneath by ultraviolet light: a nearly black-violet canvas, pale gray body copy, and concentrated purple glow under the product UI. The signature move is contrast by illumination rather than by layering — surfaces stay close to #0a0118 and depth comes from translucent white borders, blur, and radiant gradients instead of heavy shadow. Rebond Grotesque appears only where the brand wants scale and impact, while Inter V handles everything else with tight negative tracking in larger sizes and occasional wide-tracked utility text. Buttons, badges, and small controls are all full pills at 999px radius, set against mostly 16px cards, so soft controls float inside a more architectural content frame.", "theme": "dark", "industry": "saas", "source_url": "https://wope.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776127671825-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1776127671825-thumb.jpg", "refero_style_id": "3882ed21-8ef8-4bc9-b125-7791c0f136bb", "extracted_at": "2026-04-14T00:48:59.323Z", "path": "skills/wope/DESIGN.md" }, { "id": "workable", "name": "Workable", "description": "Workable employs a direct and dynamic visual language, built on a clean canvas with a distinctive teal and dark forest green palette. Components are designed to be lightweight, with rounded corners that soften the strong typographic choices. Color is used purposefully for clear accents, interactive states, and to differentiate content blocks, while maintaining an overall sense of order and professionalism. The system balances functional clarity with subtle visual interest, avoiding heavy ornamentation.", "theme": "light", "industry": "saas", "source_url": "https://www.workable.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510372271-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777510372271-thumb.jpg", "refero_style_id": "0ab4c544-6147-4998-8365-3a0f6191e54f", "extracted_at": "2026-04-30T00:53:19.070Z", "path": "skills/workable/DESIGN.md" }, { "id": "worth-agency", "name": "Worth Agency", "description": "Worth Agency employs a vibrant, confident design language using bold typography and a limited, high-contrast color palette. Dominant bright surfaces are punctuated by a vivid orange-red for headings and accent elements, creating an energetic yet clean feel. Components are light, with subtle bordering and pronounced roundness, allowing the strong typography and accent colors to define the brand's presence.", "theme": "light", "industry": "agency", "source_url": "https://worth.agency", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514683316-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514683316-thumb.jpg", "refero_style_id": "906ef782-4be7-45ee-9800-0514d46e7518", "extracted_at": "2026-04-30T02:05:16.061Z", "path": "skills/worth-agency/DESIGN.md" }, { "id": "woset", "name": "Woset", "description": "Woset employs a playful yet considered aesthetic, reminiscent of a child's art cart organized with care. The system uses a clean, light canvas, punctuated by a vibrant primary yellow that brings a pop of creative energy. Typography is grounded, with a custom sans-serif family that balances friendliness with legibility. Components often feature generous border-radii, giving them a soft, approachable feel, while the overall density remains comfortable to allow product illustrations to breathe.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.woset.world", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517610542-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777517610542-thumb.jpg", "refero_style_id": "430813c0-f0c7-434f-92ef-d3a0780ba734", "extracted_at": "2026-04-30T02:53:52.998Z", "path": "skills/woset/DESIGN.md" }, { "id": "wouq", "name": "WOUQ", "description": "WOUQ employs a minimalist light theme with high contrast typography and ample whitespace. The design emphasizes content through a stark juxtaposition of black text on white backgrounds, occasionally softened by subtle light gray interactive states. Custom typography lends a distinctive character, maintaining readability while providing visual interest, particularly in navigation and large text blocks. Components are border-defined and largely achromatic, allowing content and occasional imagery to provide color and visual depth.", "theme": "light", "industry": "agency", "source_url": "https://wearewouq.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514318968-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514318968-thumb.jpg", "refero_style_id": "4fc87190-9783-4a85-bdc1-35800a2ec690", "extracted_at": "2026-04-30T01:59:05.490Z", "path": "skills/wouq/DESIGN.md" }, { "id": "woven", "name": "Woven", "description": "Woven's design system evokes a refined, artisanal mood with a predominantly monochrome palette punctuated by subtle, natural off-whites. Typography is compact and precise, often uppercase with generous tracking, conveying a sense of heritage and meticulous craftsmanship. Components are lightweight and border-focused, with minimal use of shadows, emphasizing content over heavy UI chrome. The overall effect is understated luxury, where visual tension is created through careful spacing and material contrast rather than bold color or complex graphics.", "theme": "light", "industry": "ecommerce", "source_url": "https://wovenwhisky.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518914675-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518914675-thumb.jpg", "refero_style_id": "76483bd1-37d3-4fb9-889b-aecf27b08b83", "extracted_at": "2026-04-30T03:15:35.560Z", "path": "skills/woven/DESIGN.md" }, { "id": "wrdlss", "name": "WRDLSS", "description": "WRDLSS employs a stark, monospaced ASCII-art aesthetic, reminiscent of early terminal interfaces. The design system prioritizes textual information over graphical elements, creating a dense, almost cryptographic visual texture for content. Interaction thrives on pure contrast and minimal UI elements. The overall impression is one of rigorous, almost ascetic functionality.", "theme": "light", "industry": "design", "source_url": "https://wrdlss.club", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512360595-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512360595-thumb.jpg", "refero_style_id": "a8dd9e77-f499-4c90-8dc9-38940ad7bf47", "extracted_at": "2026-04-30T01:26:14.408Z", "path": "skills/wrdlss/DESIGN.md" }, { "id": "wrike", "name": "Wrike", "description": "This system projects an image of digital precision and intelligent organization. It uses a restrained palette of muted blues and grays, punctuated by a vibrant, almost neon, green used sparingly for active elements. The overall impression is one of approachable authority, where clarity and structured information presentation are prioritized. Slightly rounded corners on cards and buttons soften the otherwise crisp, modern aesthetic of system-like interfaces.", "theme": "light", "industry": "productivity", "source_url": "https://wrike.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932254461-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775932254461-thumb.jpg", "refero_style_id": "e1c7cab3-dae7-47c3-bb2c-c8f616a8124f", "extracted_at": "2026-04-11T18:31:15.508Z", "path": "skills/wrike/DESIGN.md" }, { "id": "writer", "name": "WRITER", "description": "WRITER presents an authoritative yet approachable aesthetic, balancing corporate seriousness with a touch of AI-infused futurism. The design prioritizes clear information hierarchy through stark contrast and ample negative space, creating a sense of precision and advanced technology. Vivid violet and electric blue accents against a predominantly achromatic palette create distinct points of focus, signaling innovation and interaction. The interplay of soft, rounded buttons and sharp typographic edges establishes a dynamic visual tension, indicative of cutting-edge yet user-friendly platforms.", "theme": "light", "industry": "ai", "source_url": "https://writer.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923786277-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923786277-thumb.jpg", "refero_style_id": "ddd9ffaa-d831-4cb4-a5bf-a1efce421dca", "extracted_at": "2026-04-11T16:10:08.885Z", "path": "skills/writer/DESIGN.md" }, { "id": "x-formerly-twitter", "name": "X (formerly Twitter)", "description": "X (formerly Twitter) employs a high-contrast, functionally driven design system built on a monochrome base with a singular, vivid blue accent. Content takes precedence, rendered against crisp white and subtle gray surfaces, defined by thin borders and minimal elevation. Typography is compact and precise, maintaining a dense information flow, while rounded corners provide a subtle approachability to functional elements like buttons and cards.", "theme": "light", "industry": "media", "source_url": "https://create.video", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514009706-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514009706-thumb.jpg", "refero_style_id": "655340ae-abff-4a90-8545-8feb62411f68", "extracted_at": "2026-04-30T01:53:48.718Z", "path": "skills/x-formerly-twitter/DESIGN.md" }, { "id": "x.ai", "name": "xAI", "description": "", "theme": "", "industry": "", "source_url": "", "screenshot_url": "", "thumbnail_url": "", "refero_style_id": "", "extracted_at": "", "path": "skills/x.ai/DESIGN.md" }, { "id": "xai", "name": "xAI", "description": "xAI employs a darkened cosmic canvas aesthetic: deep black backgrounds, muted grays for surfaces, and sharp white typography for contrast. A single, vivid blue accent is reserved for interactive input states, creating a focal point against the otherwise reserved palette. Components are lightweight with minimal borders and generous radius for buttons, aiming for a sense of contained energy rather than heavy presence.", "theme": "dark", "industry": "ai", "source_url": "https://x.ai", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777502738951-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777502738951-thumb.jpg", "refero_style_id": "3b83dfe4-2f53-4a4d-819d-e6045ca5f7dc", "extracted_at": "2026-04-29T22:46:03.469Z", "path": "skills/xai/DESIGN.md" }, { "id": "xandraalvarezallende", "name": "Xandraalvarezallende", "description": "Xandra Álvarez Allende's visual system evokes a raw, direct artistic portfolio presentation. Bold, oversized typography dominates the canvas, creating visual tension and immediate impact. The aesthetic is stark: high-contrast black text on a pure white background, with imagery integrated as key focal points rather than decorative elements. There are no soft shadows or gradients, just direct visual statements with minimal component styling.", "theme": "light", "industry": "design", "source_url": "https://www.xandraalvarezallende.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516083275-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516083275-thumb.jpg", "refero_style_id": "ba71395f-502b-40b3-8c7b-d97a2f20b1ba", "extracted_at": "2026-04-30T02:28:24.910Z", "path": "skills/xandraalvarezallende/DESIGN.md" }, { "id": "xbox-com", "name": "Xbox.com", "description": "The Xbox.com design system is a high-contrast, energetic experience that balances deep digital visuals with striking lime accents. Dominant dark imagery is anchored by a stark white background and punctuated by vivid green calls to action, creating an immediate sense of urgency and gaming excitement. A rigid, square aesthetic through hard edges pervades the interface, reflecting the precision and digital nature of console gaming.", "theme": "light", "industry": "media", "source_url": "https://xbox.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933057132-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933057132-thumb.jpg", "refero_style_id": "3792d0ca-6c74-4667-a64d-76efe9f87076", "extracted_at": "2026-04-11T18:44:38.584Z", "path": "skills/xbox-com/DESIGN.md" }, { "id": "xxxi-studio", "name": "XXXI.studio", "description": "XXXI.studio employs a stark, almost architectural aesthetic, reminiscent of an unembellished gallery space. The design system is characterized by a high-contrast monochrome palette, minimal use of visual hierarchy, and precise typographic arrangements that feel more like labels and captions than flowing text. Emphasis is placed on direct content presentation with a sense of restrained utility and a muted, almost industrial background through subtle borders.", "theme": "light", "industry": "design", "source_url": "https://xxxi.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513701067-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513701067-thumb.jpg", "refero_style_id": "c9a6ceb4-c17c-4db5-9561-2f1af6b141a2", "extracted_at": "2026-04-30T01:48:34.937Z", "path": "skills/xxxi-studio/DESIGN.md" }, { "id": "yannick-gregoire", "name": "Yannick Gregoire", "description": "Yannick Gregoire uses a stark, high-contrast aesthetic reminiscent of early digital art or command-line interfaces. Its visual identity relies on pure black text on a white canvas, punctuated by a single vibrant green highlight. Typography utilizes a monospaced font, giving a structured, code-like feel. Components are minimal, often border-only or ghosted, emphasizing content over decorative elements.", "theme": "light", "industry": "design", "source_url": "https://yannickgregoire.nl", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514317695-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514317695-thumb.jpg", "refero_style_id": "875c43f3-04c7-4e9a-a994-dc0696b43374", "extracted_at": "2026-04-30T01:59:01.049Z", "path": "skills/yannick-gregoire/DESIGN.md" }, { "id": "yellowbird", "name": "Yellowbird®", "description": "Yellowbird® utilizes a high-contrast, playful aesthetic, rooted in an energetic yellow canvas and bold black typography. The system leans into strong visual boundaries with thick black outlines and defined shapes, avoiding subtle gradients or shadows. Typography, featuring custom display fonts, is a primary expressive element, varying dramatically in size and tracking to create a dynamic hierarchy. Components are chunky and direct, maintaining the brand's unapologetic visual presence through stark color blocking and distinct border treatments.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.yellowbirdfoods.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509142316-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509142316-thumb.jpg", "refero_style_id": "22cc86bc-6c5f-4413-a4a2-66b8ddc82ad0", "extracted_at": "2026-04-30T00:32:56.908Z", "path": "skills/yellowbird/DESIGN.md" }, { "id": "yinka-ilori-studio", "name": "Yinka Ilori Studio", "description": "Yinka Ilori Studio operates with a vibrant, playful maximalism, driven by bold color contrasts and an expressive, geometric typeface for headlines. The core palette is built around high-saturation pinks, oranges, and greens, creating an energetic and optimistic atmosphere. Typography balances a striking display sans-serif with a more conventional, readable sans for body text. Layouts embrace large, often abstract, graphic elements as backgrounds, with UI elements remaining minimal and functional against the lively backdrops.", "theme": "light", "industry": "design", "source_url": "https://yinkailori.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520232930-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520232930-thumb.jpg", "refero_style_id": "deccaba1-8d53-4a82-b4c7-e2b99a3dc326", "extracted_at": "2026-04-30T03:37:32.323Z", "path": "skills/yinka-ilori-studio/DESIGN.md" }, { "id": "yllw", "name": "Yllw", "description": "Yllw employs a bold, industrial aesthetic: stark black typography makes an immediate impact against a mostly white and 'foggy gray' canvas. The layout often alternates between dense, high-contrast text blocks and more spacious sections featuring architectural line drawings, giving a sense of technical precision without being overly rigid. Component borders are crisp, often 1px black, reinforcing the structured, no-nonse feel, while a single vivid yellow accent provides a punch of energetic utility for alerts and interactive prompts.", "theme": "light", "industry": "agency", "source_url": "https://www.yllw.com/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508774715-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508774715-thumb.jpg", "refero_style_id": "9483a10e-e098-4f94-ae22-ab5a63702243", "extracted_at": "2026-04-30T00:27:18.654Z", "path": "skills/yllw/DESIGN.md" }, { "id": "your-workplace-has-the-answer-just-ask-dala-for-it", "name": "Your workplace has the answer. Just ask Dala for it.", "description": "Dala adopts a deep space digital aesthetic: a completely dark canvas punctuated by holographic, energetic typography and interactive elements. Its visual identity relies on vibrant, glowing accents against achromatic backgrounds. Components are lightweight and often border-driven, emphasizing digital dimensionality over physical presence. The overall mood is futuristic and intelligent, with strong visual hierarchy created through size and color contrast.", "theme": "dark", "industry": "ai", "source_url": "https://dala.craftedbygc.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516414291-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777516414291-thumb.jpg", "refero_style_id": "e5f5f8cf-e68d-4ed1-bbf5-6b67569af648", "extracted_at": "2026-04-30T02:33:56.653Z", "path": "skills/your-workplace-has-the-answer-just-ask-dala-for-it/DESIGN.md" }, { "id": "youtube", "name": "YouTube", "description": "The design prioritizes content delivery with a near-monochromatic palette and a spacious layout. A pure white background ( #ffffff) serves as a digital canvas, allowing black text (#0f0f0f) and a singular vivid blue (#065fd4) for interactive elements to carry all visual weight. Rounded corners (10px, 18px) provide subtle softness against an otherwise austere, functional aesthetic. The lack of decorative elements directs full attention to the video and community content.", "theme": "light", "industry": "media", "source_url": "https://youtube.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933347653-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775933347653-thumb.jpg", "refero_style_id": "8fc58a26-47be-406e-8429-37925551c0ec", "extracted_at": "2026-04-11T18:49:26.033Z", "path": "skills/youtube/DESIGN.md" }, { "id": "ysl", "name": "Ysl", "description": "This design system projects a mood of stark, high-fashion minimalism through a monochromatic palette. Visual energy stems from deep photographic imagery rather than UI ornamentation. The rigid, unforgiving aesthetic is defined by zero border radius and a strict black-and-white color scheme, creating a canvas where product photography and brand typography command full attention. Subtle spacing maintains a sense of luxury without clutter, allowing each element to breathe within a visually demanding context.", "theme": "dark", "industry": "ecommerce", "source_url": "https://ysl.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943840081-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775943840081-thumb.jpg", "refero_style_id": "bb2a2b0b-c84e-48ee-9dd9-7b623f81a422", "extracted_at": "2026-04-11T21:44:16.301Z", "path": "skills/ysl/DESIGN.md" }, { "id": "yuga", "name": "Yuga", "description": "Yuga Labs employs a high-contrast digital-native aesthetic, leveraging stark black and white with minimal color accents. Typography is compact and commanding, featuring a proprietary heavy sans-serif that defines the brand's voice. Surfaces are predominantly flat, and interactivity is signaled through subtle highlights and generous border radii, resulting in a bold, direct, and slightly playful presentation.", "theme": "dark", "industry": "crypto", "source_url": "https://yuga.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512338722-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777512338722-thumb.jpg", "refero_style_id": "5f2dd17d-72e6-4aa4-88e6-6be9e41299ab", "extracted_at": "2026-04-30T01:25:55.713Z", "path": "skills/yuga/DESIGN.md" }, { "id": "yung-studio", "name": "Yung Studio", "description": "This design system presents a stark, high-contrast aesthetic, mimicking a digital command console. Its core identity is built on pure black and white, creating immediate visual impact. The generous negative space and tight letter-spacing in headlines maintain an air of intentional precision, while the signature 9999px pill-shaped buttons introduce a single, playful soft edge.", "theme": "dark", "industry": "agency", "source_url": "https://yung.studio", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925291436-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775925291436-thumb.jpg", "refero_style_id": "2d43b251-ad01-4e59-9068-502457aa0592", "extracted_at": "2026-04-11T16:35:12.450Z", "path": "skills/yung-studio/DESIGN.md" }, { "id": "zapier", "name": "Zapier", "description": "This design system prioritizes a muted, approachable aesthetic with a core palette centered around a soft, almost 'parchment' white and black. Accents of vivid orange provide directional guidance and visual energy without overwhelming the understated neutrals. The use of custom typefaces at distinct weights lends a sophisticated, editorial feel to headlines, counterbalancing the otherwise utilitarian Inter for body copy. The overall effect is one of quiet efficiency, welcoming users with soft tones and clear hierarchies.", "theme": "light", "industry": "saas", "source_url": "https://zapier.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922857106-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775922857106-thumb.jpg", "refero_style_id": "63295283-c1a3-4adb-891a-d1365a47a50b", "extracted_at": "2026-04-11T15:54:40.331Z", "path": "skills/zapier/DESIGN.md" }, { "id": "zara", "name": "Zara", "description": "Zara's interface projects an unyielding, high-fashion minimalism through a stark monochrome palette and precise typography. The visual brand is built on a high-contrast black-on-white foundation, creating a sophisticated backdrop where product photography becomes the primary source of color and texture. An absence of soft edges or expressive spacing reinforces a refined, almost austere aesthetic.", "theme": "light", "industry": "ecommerce", "source_url": "https://zara.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926257707-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775926257707-thumb.jpg", "refero_style_id": "97823ba1-ee1e-489d-aefd-8d72a578669a", "extracted_at": "2026-04-11T16:51:15.568Z", "path": "skills/zara/DESIGN.md" }, { "id": "zed", "name": "Zed", "description": "Zed's visual design evokes the quiet confidence of precision engineering, much like a well-crafted mechanical keyboard. A primary palette of cool blues and grays, accented by vibrant UI indicators, creates a focused, high-performance atmosphere. The interplay of crisp, small typography and generous negative space ensures clarity, allowing the powerful functionality of the editor to take center stage.", "theme": "light", "industry": "devtools", "source_url": "https://zed.dev", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923018209-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775923018209-thumb.jpg", "refero_style_id": "a541789c-36e7-45a4-9d1d-143921a82a8b", "extracted_at": "2026-04-11T15:57:24.708Z", "path": "skills/zed/DESIGN.md" }, { "id": "zellerfeld", "name": "Zellerfeld", "description": "Zellerfeld's visual style is a 'concrete brutalism meets digital futurism' aesthetic. It pairs stark, unadorned typography with substantial, well-defined components, often set against a cool gray canvas. There's a deliberate lack of decorative elements, keeping the focus on solid forms and product imagery. Elevation is minimal, often relying on subtle background shifts or high-contrast borders rather than deep shadows. A single vibrant blue acts as a functional highlight, drawing attention to active states and new content.", "theme": "light", "industry": "ecommerce", "source_url": "https://www.zellerfeld.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508333567-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777508333567-thumb.jpg", "refero_style_id": "a6efcd16-dcd8-435b-9bd6-8c590589b424", "extracted_at": "2026-04-30T00:19:23.270Z", "path": "skills/zellerfeld/DESIGN.md" }, { "id": "zendesk", "name": "Zendesk", "description": "Zendesk employs a crisp, bright aesthetic with high contrast typography and a single vibrant accent color. The visual system prioritizes legibility and direct communication on a clean white canvas, grounded by dark, information-dense footers. Components are lightweight and functional, using subtle rounding and a clear hierarchy driven by size and color. Interaction points are sharply defined by the key accent green, making actions feel clear and responsive.", "theme": "light", "industry": "saas", "source_url": "https://thankyoumachine.zendesk.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520681204-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777520681204-thumb.jpg", "refero_style_id": "b859ee70-863e-44c6-ab5c-f8cdb404c570", "extracted_at": "2026-04-30T03:45:05.177Z", "path": "skills/zendesk/DESIGN.md" }, { "id": "zeus-jones", "name": "Zeus Jones", "description": "Zeus Jones projects a refined, artistic sensibility with a foundational off-white canvas and a rich, muted chromatic dark gray that anchors all textual and interactive elements. The design is characterized by large, confident typography that mixes serifs and sans-serifs, creating a dynamic yet sophisticated feel. Playful, pill-shaped buttons with deep curves add a touch of approachability against substantial spacing and a generally sparse layout. The hero section often features dramatic, ethereal gradient backgrounds that contrast with the otherwise understated UI.", "theme": "light", "industry": "agency", "source_url": "https://zeusjones.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518647814-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777518647814-thumb.jpg", "refero_style_id": "b619e1b9-86ee-4a10-b6e6-47b10927c3a2", "extracted_at": "2026-04-30T03:11:09.471Z", "path": "skills/zeus-jones/DESIGN.md" }, { "id": "zikd", "name": "Zikd", "description": "Zikd employs a high-contrast theme defined by its stark black and white palette, punctuated by a soft, muted blue for interactive elements. Typography is bold and direct, ensuring clarity against dark backgrounds. Component surfaces feature sharp corners, with softer rounding reserved for interactive elements, contributing to a sense of precision and responsiveness.", "theme": "dark", "industry": "other", "source_url": "https://www.zikd.space/en", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513643277-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513643277-thumb.jpg", "refero_style_id": "5e047af6-228d-4de1-b008-6fe88c547a47", "extracted_at": "2026-04-30T01:47:42.429Z", "path": "skills/zikd/DESIGN.md" }, { "id": "zipline", "name": "Zipline", "description": "Zipline's aesthetic is an open-air flight path: stark typography grounded in cream and black, punctuated by a single vibrant violet. The system prioritizes crisp text on expansive, neutral backgrounds, using strong contrasts to anchor content. Components are lightweight and direct, relying on bold text and large-radius containers rather than subtle shadows or complex surface layering. Color is deployed sparingly to highlight navigation, branding, and interactive elements, retaining an overall impression of efficiency and precision.", "theme": "light", "industry": "other", "source_url": "https://www.zipline.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509564252-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509564252-thumb.jpg", "refero_style_id": "4a248569-2b5a-4416-bb2a-c78890218b9f", "extracted_at": "2026-04-30T00:39:53.395Z", "path": "skills/zipline/DESIGN.md" }, { "id": "zoox", "name": "Zoox", "description": "Zoox employs a sophisticated, muted aesthetic, blending an off-black and white core with subtle, cool-toned neutrals and a singular vibrant teal accent. Typography is dominant, commanding attention with generous sizing and precise control over letter-spacing. Surfaces vary between stark white, dark gray, and a soft, desaturated teal, creating distinct visual sections without harsh transitions. Components are often outlined or ghosted, relying on subtle borders and rounded corners, avoiding heavy fills or deep shadows to maintain a lightweight, intentional feel.", "theme": "light", "industry": "ai", "source_url": "https://zoox.com", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509491848-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777509491848-thumb.jpg", "refero_style_id": "e85a82b1-c70e-42de-8c42-4bd95dd5e047", "extracted_at": "2026-04-30T00:38:40.871Z", "path": "skills/zoox/DESIGN.md" }, { "id": "zora", "name": "Zora", "description": "Zora's design evokes an 'underground market' feel, blending a stark monochromatic UI with unexpected, almost illicit, bursts of vivid color. The primary interaction zones are kept deliberately understated with muted grays and crisp whites, allowing product imagery and the occasional electric gradient to dominate. This tension between a neutral, almost unstyled frame and hyper-vivid accents creates an edgy, disruptive atmosphere.", "theme": "light", "industry": "crypto", "source_url": "https://zora.co", "screenshot_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924295519-screenshot.jpg", "thumbnail_url": "https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1775924295519-thumb.jpg", "refero_style_id": "5c4eb249-fa38-4254-81e0-a32ee22766e2", "extracted_at": "2026-04-11T16:18:36.124Z", "path": "skills/zora/DESIGN.md" } ] }