WunderOS by Pentad Labs

• Starting extraction… ✓ Page loaded
• Waiting for body content to render… ✓ Body content rendered
• Waiting for SPA hydration… ✓ Hydration settled (1.1s)
• Waiting for main content… ✓ Main content detected
• Scrolling page to trigger lazy content… ✓ Full page scrolled (lazy content triggered)
• Dismissing cookie consent banners… i No cookie banner detected
• Dismissing region/interstitial modals… i No interstitial modal detected
• Final content stabilization… ✓ Page fully loaded and stable

• Validating page content… ✓ Content validated: 34904 chars

  Extracting design tokens…

• Analyzing design system (17 parallel tasks)… ✓ Colors: 5 found ✓ Typography: 20 styles ✓ Spacing: 20 values ✓ Border radius: 4 values ✓ Borders: 8 combinations ! Shadows: 0 found ✓ Buttons: 2 variants ✓ Inputs: found ✓ Links: 4 styles ✓ Breakpoints: 1 detected ! Icon systems: 0 detected ! Frameworks: 0 detected · Gradients: 0 found ✓ Motion: 1 durations, 3 easings

• Extracting hover/focus state colors… ✓ Hover/focus: 48 state colors found
• Revealing hidden content (menus, carousels)… i Reveal: no click-toggle menus or carousels found

✓ Brand extraction complete!

🎨 Brand Extraction │ ├─ ]8;;https://pentad.ai/\https://pentad.ai/]8;;
├─ 50:24 │ ├─ Logo │ ├─ inline svg · #16161d │ ├─ ]8;;https://pentad.ai/\https://pentad.ai/]8;;
│ ├─ 24×24px │ ├─ Favicons │ ├─ og:image ]8;;https://pentad.ai/assets/og.png\https://pentad.ai/assets/og.png]8;;
│ ├─ twitter:image ]8;;https://pentad.ai/assets/og.png\https://pentad.ai/assets/og.png]8;;
│ └─ favicon.ico ]8;;https://pentad.ai/favicon.ico\https://pentad.ai/favicon.ico]8;;
│ ├─ Colors │ ├─ ● #e8471b primary rgb(232, 71, 27)
│ ├─ ● #f5f6f8 background rgb(245, 246, 248)
│ ├─ ● #16161d text rgb(22, 22, 29)
│ ├─ ● #787b82 neutral rgb(120, 123, 130)
│ └─ ● #4d4d4d neutral rgb(77, 77, 77)
│ ├─ Typography │ ├─ Fonts: IBM Plex Serif, IBM Plex Sans, IBM Plex Mono │ ├─ IBM Plex Serif [ 70px (display), 22px (body), 19px (body), 14px (body) ] │ │ └─ Weights: 600 │ ├─ IBM Plex Sans [ 17px (link), 16px (heading-3), 15px (heading-2), 14px (link), 12px (text), 11px (caption) ] │ │ └─ Weights: 600, 700 │ ├─ Arial [ 15px (ui) ] │ └─ IBM Plex Mono [ 13px (link), 11px (caption) ] │ └─ Weights: 500 │ ├─ Spacing │ ├─ System: 8px │ ├─ 3px 0.19rem │ ├─ 5.12px 0.32rem │ ├─ 7.2px 0.45rem │ ├─ 8px 0.50rem │ ├─ 8.8px 0.55rem │ ├─ 10.4px 0.65rem │ ├─ 11.2px 0.70rem │ ├─ 12px 0.75rem │ ├─ 15px 0.94rem │ ├─ 15.2px 0.95rem │ ├─ 16.8px 1.05rem │ ├─ 18px 1.13rem │ ├─ 20px 1.25rem │ ├─ 25px 1.56rem │ └─ 25.6px 1.60rem │ ├─ Border Radius │ └─ 1px (a, form, Email Address, button) │ ├─ Borders │ ├─ ● 0px 0px 1px none none solid #16161d rgb(22, 22, 29) (nav, h3, a) │ └─ ● 0px 0px 2px none none solid #787b82 rgb(120, 123, 130) (a) │ ├─ Buttons │ └─ Variant: #e8471b rgb(232, 71, 27) │ └─ Default │ ├─ bg: #e8471b rgb(232, 71, 27) │ ├─ text: #ffffff rgb(255, 255, 255) │ ├─ radius: 1px │ └─ border: 1px solid rgb(232, 71, 27) │ ├─ Inputs │ └─ Text Inputs │ └─ email │ ├─ Default │ │ ├─ bg: #ffffff rgb(255, 255, 255) │ │ ├─ text: #16161d rgb(22, 22, 29) │ │ ├─ border: 1px solid rgb(22, 22, 29) │ │ ├─ padding: 8px 10.4px │ │ ├─ radius: 1px │ └─ Focus │ └─ border-color: var(–vermillion) var(–vermillion) │ ├─ Links │ ├─ #16161d rgb(22, 22, 29) │ │ ├─ Default │ │ │ ├─ decoration: underline 1px rgb(214, 216, 221) │ │ └─ Hover │ │ └─ color: var(–vermillion) var(–vermillion) │ ├─ #787b82 rgb(120, 123, 130) │ │ ├─ Default │ │ └─ Hover │ │ └─ color: var(–vermillion) var(–vermillion) │ ├─ #ffffff rgb(255, 255, 255) │ │ ├─ Default │ │ └─ Hover │ │ └─ color: var(–vermillion) var(–vermillion) │ └─ #3d3d3d rgb(61, 61, 61) │ ├─ Default │ └─ Hover │ └─ color: var(–vermillion) var(–vermillion) │ ├─ Breakpoints │ └─ 640px │ ├─ Motion │ ├─ Scale 0.001s │ ├─ Easing ease (ease) │ ├─ By context │ │ ├─ nav 0.001s · ease │ │ ├─ link 0.001s · ease [color, border-color, background] │ │ ├─ hero 0.001s · ease │ │ ├─ input 0.001s · ease-out [border-color] │ │ ├─ button 0.001s · ease │ ├─ Hover patterns │ │ ├─ color-shift a “Agentic OS” │ └─ Keyframes │ ├─ wos-rise 0.001s [other] │ └─ formkit-bouncedelay-formkit-form-data-uid-f91626f793- 0.001s [other] │ │ └─ ✓ Complete

✨ Analysis summary: 5 colors, 20 text styles, 1 breakpoints.