@master/internal-site 0.0.0-stage → 0.1.1

package/src/home/icons/catalog.ts

@@ -0,0 +1,381 @@
+import type { SvgComponent } from 'astro/types'
+import type { StaticImage } from '@master/internal-site/types/StaticImage'
+import { homeIconArtwork } from '@master/internal-site/home/icons/artwork.ts'
+type HomeSectionId = 'hero' | 'design-system' | 'language-service' | 'delivery-modes' | 'css-cost' | 'code-diagnostics' | 'ai-agents' | 'development-workflow' | 'get-started'
+import SectionDesignSystem from '@master/internal-site/home/icons/section-design-system.svg'
+import SectionEditor from '@master/internal-site/home/icons/section-editor.svg'
+import SectionRendering from '@master/internal-site/home/icons/section-rendering.svg'
+import SectionCssSize from '@master/internal-site/home/icons/section-css-size.svg'
+import SectionLint from '@master/internal-site/home/icons/section-lint.svg'
+import SectionAiAgents from '@master/internal-site/home/icons/section-ai-agents.svg'
+import SectionWorkflow from '@master/internal-site/home/icons/section-workflow.svg'
+import DesignThemeModes from '@master/internal-site/home/icons/design-theme-modes.svg'
+import DesignThemeTokens from '@master/internal-site/home/icons/design-theme-tokens.svg'
+import DesignP3Gamut from '@master/internal-site/home/icons/design-p3-gamut.svg'
+import DesignLayoutMotion from '@master/internal-site/home/icons/design-layout-motion.svg'
+import DesignCascadeLayers from '@master/internal-site/home/icons/design-cascade-layers.svg'
+import EditorHoverInspection from '@master/internal-site/home/icons/editor-hover-inspection.svg'
+import EditorManifestCompletions from '@master/internal-site/home/icons/editor-manifest-completions.svg'
+import EditorFocusedHighlighting from '@master/internal-site/home/icons/editor-focused-highlighting.svg'
+import EditorColorTools from '@master/internal-site/home/icons/editor-color-tools.svg'
+import RenderStatic from '@master/internal-site/home/icons/render-static.svg'
+import RenderProgressive from '@master/internal-site/home/icons/render-progressive.svg'
+import RenderRuntime from '@master/internal-site/home/icons/render-runtime.svg'
+import AgentCheckPreviewApply from '@master/internal-site/home/icons/agent-check-preview-apply.svg'
+import AgentClients from '@master/internal-site/home/icons/agent-clients.svg'
+import AgentProjectTools from '@master/internal-site/home/icons/agent-project-tools.svg'
+import WorkflowIntegrations from '@master/internal-site/home/icons/workflow-integrations.svg'
+import WorkflowTraceChange from '@master/internal-site/home/icons/workflow-trace-change.svg'
+import WorkflowMonorepo from '@master/internal-site/home/icons/workflow-monorepo.svg'
+import WorkflowRouteStyles from '@master/internal-site/home/icons/workflow-route-styles.svg'
+import LintInvalidClasses from '@master/internal-site/home/icons/lint-invalid-classes.svg'
+import LintInvalidClassesCompact from '@master/internal-site/home/icons/lint-invalid-classes-compact.svg'
+import LintClassOrder from '@master/internal-site/home/icons/lint-class-order.svg'
+import LintClassOrderCompact from '@master/internal-site/home/icons/lint-class-order-compact.svg'
+import LintConflictingClasses from '@master/internal-site/home/icons/lint-conflicting-classes.svg'
+import LintConflictingClassesCompact from '@master/internal-site/home/icons/lint-conflicting-classes-compact.svg'
+import LintStrictVocabulary from '@master/internal-site/home/icons/lint-strict-vocabulary.svg'
+import LintStrictVocabularyCompact from '@master/internal-site/home/icons/lint-strict-vocabulary-compact.svg'
+import LintThemeTokens from '@master/internal-site/home/icons/lint-theme-tokens.svg'
+import LintThemeTokensCompact from '@master/internal-site/home/icons/lint-theme-tokens-compact.svg'
+import LintFixPreviews from '@master/internal-site/home/icons/lint-fix-previews.svg'
+import LintFixPreviewsCompact from '@master/internal-site/home/icons/lint-fix-previews-compact.svg'
+import McpScanProject from '@master/internal-site/home/icons/mcp-scan-project.svg'
+import McpScanProjectCompact from '@master/internal-site/home/icons/mcp-scan-project-compact.svg'
+import McpManifestQuery from '@master/internal-site/home/icons/mcp-manifest-query.svg'
+import McpManifestQueryCompact from '@master/internal-site/home/icons/mcp-manifest-query-compact.svg'
+import McpInspectClass from '@master/internal-site/home/icons/mcp-inspect-class.svg'
+import McpInspectClassCompact from '@master/internal-site/home/icons/mcp-inspect-class-compact.svg'
+import McpTraceClass from '@master/internal-site/home/icons/mcp-trace-class.svg'
+import McpTraceClassCompact from '@master/internal-site/home/icons/mcp-trace-class-compact.svg'
+import McpRenderCss from '@master/internal-site/home/icons/mcp-render-css.svg'
+import McpRenderCssCompact from '@master/internal-site/home/icons/mcp-render-css-compact.svg'
+import McpLintProject from '@master/internal-site/home/icons/mcp-lint-project.svg'
+import McpLintProjectCompact from '@master/internal-site/home/icons/mcp-lint-project-compact.svg'
+import McpCssCompare from '@master/internal-site/home/icons/mcp-css-compare.svg'
+import McpCssCompareCompact from '@master/internal-site/home/icons/mcp-css-compare-compact.svg'
+import McpPreviewFixes from '@master/internal-site/home/icons/mcp-preview-fixes.svg'
+import McpPreviewFixesCompact from '@master/internal-site/home/icons/mcp-preview-fixes-compact.svg'
+import McpApplyPreview from '@master/internal-site/home/icons/mcp-apply-preview.svg'
+import McpApplyPreviewCompact from '@master/internal-site/home/icons/mcp-apply-preview-compact.svg'
+
+/** Preview and handoff metadata. Import individual assets at the actual placement. */
+export const homeIconGroups = [
+  { id: 'sections', label: 'Section marks', description: 'Seven waypoints through the homepage.' },
+  { id: 'design', label: 'Design system', description: 'Themes, tokens and native CSS foundations.' },
+  { id: 'editor', label: 'Editor', description: 'Tools for reading and writing class names.' },
+  { id: 'rendering', label: 'Rendering', description: 'Three paths from class names to CSS.' },
+  { id: 'agents', label: 'AI agents', description: 'Connected clients and a reviewable workflow.' },
+  { id: 'workflow', label: 'Workflow', description: 'Shared foundations across projects and routes.' },
+  { id: 'lint', label: 'Lint checks', description: 'Six checks, with archived compact vector studies.' },
+  { id: 'mcp', label: 'MCP tools', description: 'Nine tools, with a matching glass illustration for each.' },
+] as const
+
+export type HomeIconGroup = typeof homeIconGroups[number]['id']
+
+export interface HomeIconDefinition {
+  id: string
+  group: HomeIconGroup
+  label: string
+  target: { section: HomeSectionId, item?: string }
+  placement: 'section' | 'card' | 'item'
+  concept: string
+  recommendedSize: 96 | 48 | 40
+  artwork: { light: StaticImage, dark: StaticImage }
+  /** Astro SVG components: render them from `.astro` files. */
+  Icon: SvgComponent
+  CompactIcon?: SvgComponent
+}
+
+/** 41 themed WebP illustrations; 15 dense-list themes also retain archived 32-unit SVG studies. */
+export const homeIcons = [
+  {
+    id: 'section-design-system', group: 'sections', label: 'Design system',
+    artwork: homeIconArtwork['section-design-system'],
+    target: { section: 'design-system' }, placement: 'section',
+    concept: 'Modules arranged on a shared drafting frame.',
+    recommendedSize: 96, Icon: SectionDesignSystem
+  },
+  {
+    id: 'section-editor', group: 'sections', label: 'Editor',
+    artwork: homeIconArtwork['section-editor'],
+    target: { section: 'language-service' }, placement: 'section',
+    concept: 'A thin editing plane, one focused row and an independent pointer.',
+    recommendedSize: 96, Icon: SectionEditor
+  },
+  {
+    id: 'section-rendering', group: 'sections', label: 'Rendering',
+    artwork: homeIconArtwork['section-rendering'],
+    target: { section: 'delivery-modes' }, placement: 'section',
+    concept: 'One source branches into three delivery targets.',
+    recommendedSize: 96, Icon: SectionRendering
+  },
+  {
+    id: 'section-css-size', group: 'sections', label: 'CSS size',
+    artwork: homeIconArtwork['section-css-size'],
+    target: { section: 'css-cost' }, placement: 'section',
+    concept: 'A bundle of rules contracts beside a measurement rail.',
+    recommendedSize: 96, Icon: SectionCssSize
+  },
+  {
+    id: 'section-lint', group: 'sections', label: 'Lint',
+    artwork: homeIconArtwork['section-lint'],
+    target: { section: 'code-diagnostics' }, placement: 'section',
+    concept: 'Three checkmarks verify three rows on a transparent editing plane.',
+    recommendedSize: 96, Icon: SectionLint
+  },
+  {
+    id: 'section-ai-agents', group: 'sections', label: 'AI agents',
+    artwork: homeIconArtwork['section-ai-agents'],
+    target: { section: 'ai-agents' }, placement: 'section',
+    concept: 'Connected agents form a loop around a checked result.',
+    recommendedSize: 96, Icon: SectionAiAgents
+  },
+  {
+    id: 'section-workflow', group: 'sections', label: 'Workflow',
+    artwork: homeIconArtwork['section-workflow'],
+    target: { section: 'development-workflow' }, placement: 'section',
+    concept: 'Three workstations connect in a stepped sequence.',
+    recommendedSize: 96, Icon: SectionWorkflow
+  },
+  {
+    id: 'design-theme-modes', group: 'design', label: 'Light and dark, same markup',
+    artwork: homeIconArtwork['design-theme-modes'],
+    target: { section: 'design-system', item: 'theme-modes' }, placement: 'card',
+    concept: 'One panel, two lighting conditions, a shared outline.',
+    recommendedSize: 96, Icon: DesignThemeModes
+  },
+  {
+    id: 'design-theme-tokens', group: 'design', label: 'Tokens, defined once',
+    artwork: homeIconArtwork['design-theme-tokens'],
+    target: { section: 'design-system', item: 'theme-variables' }, placement: 'card',
+    concept: 'A single reference supplies three different properties.',
+    recommendedSize: 96, Icon: DesignThemeTokens
+  },
+  {
+    id: 'design-p3-gamut', group: 'design', label: 'Wide-gamut color',
+    artwork: homeIconArtwork['design-p3-gamut'],
+    target: { section: 'design-system', item: 'p3-palette' }, placement: 'card',
+    concept: 'An outer gamut encloses a smaller sampled triangle.',
+    recommendedSize: 96, Icon: DesignP3Gamut
+  },
+  {
+    id: 'design-layout-motion', group: 'design', label: 'Layout and motion, together',
+    artwork: homeIconArtwork['design-layout-motion'],
+    target: { section: 'design-system', item: 'art-gallery' }, placement: 'card',
+    concept: 'A grid cell follows a curved path out of its layout.',
+    recommendedSize: 96, Icon: DesignLayoutMotion
+  },
+  {
+    id: 'design-cascade-layers', group: 'design', label: 'Native CSS, in predictable layers',
+    artwork: homeIconArtwork['design-cascade-layers'],
+    target: { section: 'design-system', item: 'cascade-layers' }, placement: 'card',
+    concept: 'Five separated planes share one registration axis.',
+    recommendedSize: 96, Icon: DesignCascadeLayers
+  },
+  {
+    id: 'editor-hover-inspection', group: 'editor', label: 'Hover inspection',
+    artwork: homeIconArtwork['editor-hover-inspection'],
+    target: { section: 'language-service', item: 'hover-inspection' }, placement: 'card',
+    concept: 'A pointer opens a cross-section above a class string.',
+    recommendedSize: 96, Icon: EditorHoverInspection
+  },
+  {
+    id: 'editor-manifest-completions', group: 'editor', label: 'Manifest completions',
+    artwork: homeIconArtwork['editor-manifest-completions'],
+    target: { section: 'language-service', item: 'manifest-aware-suggestions' }, placement: 'card',
+    concept: 'An unfinished input connects to a selected candidate.',
+    recommendedSize: 96, Icon: EditorManifestCompletions
+  },
+  {
+    id: 'editor-focused-highlighting', group: 'editor', label: 'Focused highlighting',
+    artwork: homeIconArtwork['editor-focused-highlighting'],
+    target: { section: 'language-service', item: 'active-syntax-highlighting' }, placement: 'card',
+    concept: 'An inspection frame isolates one line in an editing plane.',
+    recommendedSize: 96, Icon: EditorFocusedHighlighting
+  },
+  {
+    id: 'editor-color-tools', group: 'editor', label: 'Color tools',
+    artwork: homeIconArtwork['editor-color-tools'],
+    target: { section: 'language-service', item: 'color-tools' }, placement: 'card',
+    concept: 'A floating sample disc connects to a point on a color coordinate plane.',
+    recommendedSize: 96, Icon: EditorColorTools
+  },
+  {
+    id: 'render-static', group: 'rendering', label: 'Static rendering',
+    artwork: homeIconArtwork['render-static'],
+    target: { section: 'delivery-modes', item: 'static' }, placement: 'card',
+    concept: 'Source fragments resolve into a finished stylesheet.',
+    recommendedSize: 96, Icon: RenderStatic
+  },
+  {
+    id: 'render-progressive', group: 'rendering', label: 'Progressive rendering',
+    artwork: homeIconArtwork['render-progressive'],
+    target: { section: 'delivery-modes', item: 'progressive' }, placement: 'card',
+    concept: 'A prepared panel receives one additional piece.',
+    recommendedSize: 96, Icon: RenderProgressive
+  },
+  {
+    id: 'render-runtime', group: 'rendering', label: 'Runtime rendering',
+    artwork: homeIconArtwork['render-runtime'],
+    target: { section: 'delivery-modes', item: 'runtime' }, placement: 'card',
+    concept: 'New rule blocks assemble inside a browser frame.',
+    recommendedSize: 96, Icon: RenderRuntime
+  },
+  {
+    id: 'agent-check-preview-apply', group: 'agents', label: 'Lint, preview, then apply',
+    artwork: homeIconArtwork['agent-check-preview-apply'],
+    target: { section: 'ai-agents', item: 'agent-session' }, placement: 'card',
+    concept: 'Three staggered stages check, compare and confirm.',
+    recommendedSize: 96, Icon: AgentCheckPreviewApply
+  },
+  {
+    id: 'agent-clients', group: 'agents', label: 'Works with your agent',
+    artwork: homeIconArtwork['agent-clients'],
+    target: { section: 'ai-agents', item: 'mcp-clients' }, placement: 'card',
+    concept: 'Different connectors share one project hub.',
+    recommendedSize: 96, Icon: AgentClients
+  },
+  {
+    id: 'agent-project-tools', group: 'agents', label: 'Project tools',
+    artwork: homeIconArtwork['agent-project-tools'],
+    target: { section: 'ai-agents', item: 'mcp-tools' }, placement: 'card',
+    concept: 'Three abstract capabilities dock into a shared transparent rail.',
+    recommendedSize: 96, Icon: AgentProjectTools
+  },
+  {
+    id: 'workflow-integrations', group: 'workflow', label: 'Framework integrations',
+    artwork: homeIconArtwork['workflow-integrations'],
+    target: { section: 'development-workflow', item: 'frameworks' }, placement: 'card',
+    concept: 'Complementary connectors meet across an open gap.',
+    recommendedSize: 96, Icon: WorkflowIntegrations
+  },
+  {
+    id: 'workflow-trace-change', group: 'workflow', label: 'Trace a change',
+    artwork: homeIconArtwork['workflow-trace-change'],
+    target: { section: 'development-workflow', item: 'impact' }, placement: 'card',
+    concept: 'One changed node reaches three dependent nodes.',
+    recommendedSize: 96, Icon: WorkflowTraceChange
+  },
+  {
+    id: 'workflow-monorepo', group: 'workflow', label: 'Monorepo-aware',
+    artwork: homeIconArtwork['workflow-monorepo'],
+    target: { section: 'development-workflow', item: 'workspaces' }, placement: 'card',
+    concept: 'Three transparent project sheets share one thin foundation.',
+    recommendedSize: 96, Icon: WorkflowMonorepo
+  },
+  {
+    id: 'workflow-route-styles', group: 'workflow', label: 'Route-level styles',
+    artwork: homeIconArtwork['workflow-route-styles'],
+    target: { section: 'development-workflow', item: 'routes' }, placement: 'card',
+    concept: 'A source branches into routes carrying their own sheets.',
+    recommendedSize: 96, Icon: WorkflowRouteStyles
+  },
+  {
+    id: 'lint-invalid-classes', group: 'lint', label: 'Invalid classes',
+    artwork: homeIconArtwork['lint-invalid-classes'],
+    target: { section: 'code-diagnostics', item: 'Invalid classes' }, placement: 'item',
+    concept: 'A malformed piece fails to pass a calibrated opening.',
+    recommendedSize: 48, Icon: LintInvalidClasses, CompactIcon: LintInvalidClassesCompact
+  },
+  {
+    id: 'lint-class-order', group: 'lint', label: 'Class order',
+    artwork: homeIconArtwork['lint-class-order'],
+    target: { section: 'code-diagnostics', item: 'Class order' }, placement: 'item',
+    concept: 'Uneven source rows settle into an ordered column.',
+    recommendedSize: 48, Icon: LintClassOrder, CompactIcon: LintClassOrderCompact
+  },
+  {
+    id: 'lint-conflicting-classes', group: 'lint', label: 'Conflicting classes',
+    artwork: homeIconArtwork['lint-conflicting-classes'],
+    target: { section: 'code-diagnostics', item: 'Conflicting classes' }, placement: 'item',
+    concept: 'Two paths compete for the same destination slot.',
+    recommendedSize: 48, Icon: LintConflictingClasses, CompactIcon: LintConflictingClassesCompact
+  },
+  {
+    id: 'lint-strict-vocabulary', group: 'lint', label: 'Strict vocabulary',
+    artwork: homeIconArtwork['lint-strict-vocabulary'],
+    target: { section: 'code-diagnostics', item: 'Strict vocabulary' }, placement: 'item',
+    concept: 'A shaped opening admits only a matching piece.',
+    recommendedSize: 48, Icon: LintStrictVocabulary, CompactIcon: LintStrictVocabularyCompact
+  },
+  {
+    id: 'lint-theme-tokens', group: 'lint', label: 'Theme tokens',
+    artwork: homeIconArtwork['lint-theme-tokens'],
+    target: { section: 'code-diagnostics', item: 'Theme tokens' }, placement: 'item',
+    concept: 'Raw values align with a named reference on a ruler.',
+    recommendedSize: 48, Icon: LintThemeTokens, CompactIcon: LintThemeTokensCompact
+  },
+  {
+    id: 'lint-fix-previews', group: 'lint', label: 'Fix previews',
+    artwork: homeIconArtwork['lint-fix-previews'],
+    target: { section: 'code-diagnostics', item: 'Fix previews' }, placement: 'item',
+    concept: 'Before and after sheets carry minus and plus marks.',
+    recommendedSize: 48, Icon: LintFixPreviews, CompactIcon: LintFixPreviewsCompact
+  },
+  {
+    id: 'mcp-scan-project', group: 'mcp', label: 'Scan project',
+    artwork: homeIconArtwork['mcp-scan-project'],
+    target: { section: 'ai-agents', item: 'mastercss_scan_project' }, placement: 'item',
+    concept: 'A scan line crosses a source sheet inside a capture frame.',
+    recommendedSize: 40, Icon: McpScanProject, CompactIcon: McpScanProjectCompact
+  },
+  {
+    id: 'mcp-manifest-query', group: 'mcp', label: 'Query manifest',
+    artwork: homeIconArtwork['mcp-manifest-query'],
+    target: { section: 'ai-agents', item: 'mastercss_manifest_query' }, placement: 'item',
+    concept: 'Staggered index sheets sit beside a separate inspection lens.',
+    recommendedSize: 40, Icon: McpManifestQuery, CompactIcon: McpManifestQueryCompact
+  },
+  {
+    id: 'mcp-inspect-class', group: 'mcp', label: 'Inspect class',
+    artwork: homeIconArtwork['mcp-inspect-class'],
+    target: { section: 'ai-agents', item: 'mastercss_inspect_class' }, placement: 'item',
+    concept: 'A single source piece unfolds into inspectable lines.',
+    recommendedSize: 40, Icon: McpInspectClass, CompactIcon: McpInspectClassCompact
+  },
+  {
+    id: 'mcp-trace-class', group: 'mcp', label: 'Trace class',
+    artwork: homeIconArtwork['mcp-trace-class'],
+    target: { section: 'ai-agents', item: 'mastercss_trace_class' }, placement: 'item',
+    concept: 'A continuous path links source, intermediate node and output.',
+    recommendedSize: 40, Icon: McpTraceClass, CompactIcon: McpTraceClassCompact
+  },
+  {
+    id: 'mcp-render-css', group: 'mcp', label: 'Render CSS',
+    artwork: homeIconArtwork['mcp-render-css'],
+    target: { section: 'ai-agents', item: 'mastercss_render_css' }, placement: 'item',
+    concept: 'Separate rule fragments converge toward one output sheet.',
+    recommendedSize: 40, Icon: McpRenderCss, CompactIcon: McpRenderCssCompact
+  },
+  {
+    id: 'mcp-lint-project', group: 'mcp', label: 'Lint project',
+    artwork: homeIconArtwork['mcp-lint-project'],
+    target: { section: 'ai-agents', item: 'mastercss_lint_project' }, placement: 'item',
+    concept: 'A circular check verifies a layered collection of source sheets.',
+    recommendedSize: 40, Icon: McpLintProject, CompactIcon: McpLintProjectCompact
+  },
+  {
+    id: 'mcp-css-compare', group: 'mcp', label: 'Compare CSS',
+    artwork: homeIconArtwork['mcp-css-compare'],
+    target: { section: 'ai-agents', item: 'mastercss_css_compare' }, placement: 'item',
+    concept: 'A double-ended arrow compares two clearly separated outputs.',
+    recommendedSize: 40, Icon: McpCssCompare, CompactIcon: McpCssCompareCompact
+  },
+  {
+    id: 'mcp-preview-fixes', group: 'mcp', label: 'Preview fixes',
+    artwork: homeIconArtwork['mcp-preview-fixes'],
+    target: { section: 'ai-agents', item: 'mastercss_preview_fixes' }, placement: 'item',
+    concept: 'An eye examines additions and removals before confirmation.',
+    recommendedSize: 40, Icon: McpPreviewFixes, CompactIcon: McpPreviewFixesCompact
+  },
+  {
+    id: 'mcp-apply-preview', group: 'mcp', label: 'Apply preview',
+    artwork: homeIconArtwork['mcp-apply-preview'],
+    target: { section: 'ai-agents', item: 'mastercss_apply_preview' }, placement: 'item',
+    concept: 'A confirmed piece is directed into its target sheet.',
+    recommendedSize: 40, Icon: McpApplyPreview, CompactIcon: McpApplyPreviewCompact
+  },
+] as const satisfies readonly HomeIconDefinition[]
+
+export type HomeIconId = typeof homeIcons[number]['id']

package/src/home/icons/design-cascade-layers.svg

@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M42.67 58.15 L74.65 74.53 C76.24 75.34 76.24 76.66 74.65 77.47 L59.07 85.45 C57.48 86.26 54.92 86.26 53.33 85.45 L21.35 69.07 C19.76 68.26 19.76 66.94 21.35 66.13 L36.93 58.15 C38.52 57.34 41.08 57.34 42.67 58.15 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M42.67 56.35 L74.65 72.73 C76.24 73.54 76.24 74.86 74.65 75.67 L59.07 83.65 C57.48 84.46 54.92 84.46 53.33 83.65 L21.35 67.27 C19.76 66.46 19.76 65.14 21.35 64.33 L36.93 56.35 C38.52 55.54 41.08 55.54 42.67 56.35 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M42.67 56.35 L74.65 72.73 C76.24 73.54 76.24 74.86 74.65 75.67 L59.07 83.65 C57.48 84.46 54.92 84.46 53.33 83.65 L21.35 67.27 C19.76 66.46 19.76 65.14 21.35 64.33 L36.93 56.35 C38.52 55.54 41.08 55.54 42.67 56.35 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M66.78 68.7 L74.65 72.73 C76.24 73.54 76.24 74.86 74.65 75.67 L59.07 83.65 C57.48 84.46 54.92 84.46 53.33 83.65 L21.35 67.27 C19.76 66.46 19.76 65.14 21.35 64.33 L29.22 60.3" stroke-opacity="0.38" />
+  <path d="M42.67 56.35 L66.78 68.7 M29.22 60.3 L36.93 56.35 C38.52 55.54 41.08 55.54 42.67 56.35" stroke-opacity="0.12" />
+  <path d="M42.81 56.6 L73.96 72.56 C75.5 73.35 75.5 74.63 73.96 75.42 L58.78 83.2 C57.24 83.99 54.74 83.99 53.19 83.2 L22.04 67.24 C20.5 66.45 20.5 65.17 22.04 64.38 L37.22 56.6 C38.76 55.81 41.26 55.81 42.81 56.6 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M42.67 47.15 L74.65 63.53 C76.24 64.34 76.24 65.66 74.65 66.47 L59.07 74.45 C57.48 75.26 54.92 75.26 53.33 74.45 L21.35 58.07 C19.76 57.26 19.76 55.94 21.35 55.13 L36.93 47.15 C38.52 46.34 41.08 46.34 42.67 47.15 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M42.67 45.35 L74.65 61.73 C76.24 62.54 76.24 63.86 74.65 64.67 L59.07 72.65 C57.48 73.46 54.92 73.46 53.33 72.65 L21.35 56.27 C19.76 55.46 19.76 54.14 21.35 53.33 L36.93 45.35 C38.52 44.54 41.08 44.54 42.67 45.35 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M42.67 45.35 L74.65 61.73 C76.24 62.54 76.24 63.86 74.65 64.67 L59.07 72.65 C57.48 73.46 54.92 73.46 53.33 72.65 L21.35 56.27 C19.76 55.46 19.76 54.14 21.35 53.33 L36.93 45.35 C38.52 44.54 41.08 44.54 42.67 45.35 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M66.78 57.7 L74.65 61.73 C76.24 62.54 76.24 63.86 74.65 64.67 L59.07 72.65 C57.48 73.46 54.92 73.46 53.33 72.65 L21.35 56.27 C19.76 55.46 19.76 54.14 21.35 53.33 L29.22 49.3" stroke-opacity="0.38" />
+  <path d="M42.67 45.35 L66.78 57.7 M29.22 49.3 L36.93 45.35 C38.52 44.54 41.08 44.54 42.67 45.35" stroke-opacity="0.12" />
+  <path d="M42.81 45.6 L73.96 61.56 C75.5 62.35 75.5 63.63 73.96 64.42 L58.78 72.2 C57.24 72.99 54.74 72.99 53.19 72.2 L22.04 56.24 C20.5 55.45 20.5 54.17 22.04 53.38 L37.22 45.6 C38.76 44.81 41.26 44.81 42.81 45.6 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M42.67 36.15 L74.65 52.53 C76.24 53.34 76.24 54.66 74.65 55.47 L59.07 63.45 C57.48 64.26 54.92 64.26 53.33 63.45 L21.35 47.07 C19.76 46.26 19.76 44.94 21.35 44.13 L36.93 36.15 C38.52 35.34 41.08 35.34 42.67 36.15 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M42.67 34.35 L74.65 50.73 C76.24 51.54 76.24 52.86 74.65 53.67 L59.07 61.65 C57.48 62.46 54.92 62.46 53.33 61.65 L21.35 45.27 C19.76 44.46 19.76 43.14 21.35 42.33 L36.93 34.35 C38.52 33.54 41.08 33.54 42.67 34.35 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M42.67 34.35 L74.65 50.73 C76.24 51.54 76.24 52.86 74.65 53.67 L59.07 61.65 C57.48 62.46 54.92 62.46 53.33 61.65 L21.35 45.27 C19.76 44.46 19.76 43.14 21.35 42.33 L36.93 34.35 C38.52 33.54 41.08 33.54 42.67 34.35 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M66.78 46.7 L74.65 50.73 C76.24 51.54 76.24 52.86 74.65 53.67 L59.07 61.65 C57.48 62.46 54.92 62.46 53.33 61.65 L21.35 45.27 C19.76 44.46 19.76 43.14 21.35 42.33 L29.22 38.3" stroke-opacity="0.38" />
+  <path d="M42.67 34.35 L66.78 46.7 M29.22 38.3 L36.93 34.35 C38.52 33.54 41.08 33.54 42.67 34.35" stroke-opacity="0.12" />
+  <path d="M42.81 34.6 L73.96 50.56 C75.5 51.35 75.5 52.63 73.96 53.42 L58.78 61.2 C57.24 61.99 54.74 61.99 53.19 61.2 L22.04 45.24 C20.5 44.45 20.5 43.17 22.04 42.38 L37.22 34.6 C38.76 33.81 41.26 33.81 42.81 34.6 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M42.67 25.15 L74.65 41.53 C76.24 42.34 76.24 43.66 74.65 44.47 L59.07 52.45 C57.48 53.26 54.92 53.26 53.33 52.45 L21.35 36.07 C19.76 35.26 19.76 33.94 21.35 33.13 L36.93 25.15 C38.52 24.34 41.08 24.34 42.67 25.15 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M42.67 23.35 L74.65 39.73 C76.24 40.54 76.24 41.86 74.65 42.67 L59.07 50.65 C57.48 51.46 54.92 51.46 53.33 50.65 L21.35 34.27 C19.76 33.46 19.76 32.14 21.35 31.33 L36.93 23.35 C38.52 22.54 41.08 22.54 42.67 23.35 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M42.67 23.35 L74.65 39.73 C76.24 40.54 76.24 41.86 74.65 42.67 L59.07 50.65 C57.48 51.46 54.92 51.46 53.33 50.65 L21.35 34.27 C19.76 33.46 19.76 32.14 21.35 31.33 L36.93 23.35 C38.52 22.54 41.08 22.54 42.67 23.35 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M66.78 35.7 L74.65 39.73 C76.24 40.54 76.24 41.86 74.65 42.67 L59.07 50.65 C57.48 51.46 54.92 51.46 53.33 50.65 L21.35 34.27 C19.76 33.46 19.76 32.14 21.35 31.33 L29.22 27.3" stroke-opacity="0.38" />
+  <path d="M42.67 23.35 L66.78 35.7 M29.22 27.3 L36.93 23.35 C38.52 22.54 41.08 22.54 42.67 23.35" stroke-opacity="0.12" />
+  <path d="M42.81 23.6 L73.96 39.56 C75.5 40.35 75.5 41.63 73.96 42.42 L58.78 50.2 C57.24 50.99 54.74 50.99 53.19 50.2 L22.04 34.24 C20.5 33.45 20.5 32.17 22.04 31.38 L37.22 23.6 C38.76 22.81 41.26 22.81 42.81 23.6 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M42.67 14.15 L74.65 30.53 C76.24 31.34 76.24 32.66 74.65 33.47 L59.07 41.45 C57.48 42.26 54.92 42.26 53.33 41.45 L21.35 25.07 C19.76 24.26 19.76 22.94 21.35 22.13 L36.93 14.15 C38.52 13.34 41.08 13.34 42.67 14.15 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M42.67 12.35 L74.65 28.73 C76.24 29.54 76.24 30.86 74.65 31.67 L59.07 39.65 C57.48 40.46 54.92 40.46 53.33 39.65 L21.35 23.27 C19.76 22.46 19.76 21.14 21.35 20.33 L36.93 12.35 C38.52 11.54 41.08 11.54 42.67 12.35 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M42.67 12.35 L74.65 28.73 C76.24 29.54 76.24 30.86 74.65 31.67 L59.07 39.65 C57.48 40.46 54.92 40.46 53.33 39.65 L21.35 23.27 C19.76 22.46 19.76 21.14 21.35 20.33 L36.93 12.35 C38.52 11.54 41.08 11.54 42.67 12.35 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M42.67 12.35 L74.65 28.73 C76.24 29.54 76.24 30.86 74.65 31.67 L59.07 39.65 C57.48 40.46 54.92 40.46 53.33 39.65 L21.35 23.27 C19.76 22.46 19.76 21.14 21.35 20.33 L36.93 12.35 C38.52 11.54 41.08 11.54 42.67 12.35 Z" stroke-opacity="0.38" />
+  <path d="M42.81 12.6 L73.96 28.56 C75.5 29.35 75.5 30.63 73.96 31.42 L58.78 39.2 C57.24 39.99 54.74 39.99 53.19 39.2 L22.04 23.24 C20.5 22.45 20.5 21.17 22.04 20.38 L37.22 12.6 C38.76 11.81 41.26 11.81 42.81 12.6 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M44.72 19.28 L61.12 27.68 C62.03 28.14 62.03 28.9 61.12 29.36 L54.56 32.72 C53.65 33.18 52.19 33.18 51.28 32.72 L34.88 24.32 C33.97 23.86 33.97 23.1 34.88 22.64 L41.44 19.28 C42.35 18.82 43.81 18.82 44.72 19.28 Z" stroke-opacity="0.5" />
+</svg>

package/src/home/icons/design-layout-motion.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M41.36 47.26 L73.34 63.64 C75.15 64.57 75.15 66.07 73.34 67 L51.2 78.34 C49.39 79.27 46.45 79.27 44.64 78.34 L12.66 61.96 C10.85 61.03 10.85 59.53 12.66 58.6 L34.8 47.26 C36.61 46.33 39.55 46.33 41.36 47.26 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M41.36 45.46 L73.34 61.84 C75.15 62.77 75.15 64.27 73.34 65.2 L51.2 76.54 C49.39 77.47 46.45 77.47 44.64 76.54 L12.66 60.16 C10.85 59.23 10.85 57.73 12.66 56.8 L34.8 45.46 C36.61 44.53 39.55 44.53 41.36 45.46 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M41.36 45.46 L73.34 61.84 C75.15 62.77 75.15 64.27 73.34 65.2 L51.2 76.54 C49.39 77.47 46.45 77.47 44.64 76.54 L12.66 60.16 C10.85 59.23 10.85 57.73 12.66 56.8 L34.8 45.46 C36.61 44.53 39.55 44.53 41.36 45.46 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M41.36 45.46 L73.34 61.84 C75.15 62.77 75.15 64.27 73.34 65.2 L51.2 76.54 C49.39 77.47 46.45 77.47 44.64 76.54 L12.66 60.16 C10.85 59.23 10.85 57.73 12.66 56.8 L34.8 45.46 C36.61 44.53 39.55 44.53 41.36 45.46 Z" stroke-opacity="0.42" />
+  <path d="M41.4 45.76 L72.55 61.72 C74.32 62.62 74.32 64.09 72.55 64.99 L50.99 76.04 C49.22 76.94 46.36 76.94 44.6 76.04 L13.45 60.08 C11.68 59.18 11.68 57.71 13.45 56.81 L35.01 45.76 C36.78 44.86 39.64 44.86 41.4 45.76 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M50.95 50.37 L22.25 65.07 M63.75 56.93 L35.05 71.63 M28.49 48.69 L67.03 68.43 M18.97 53.57 L57.51 73.31" stroke-opacity="0.3" />
+  <path d="M65.14 58.06 L74.16 62.68 C75.07 63.14 75.07 63.9 74.16 64.36 L68.42 67.3 C67.51 67.76 66.05 67.76 65.14 67.3 L56.12 62.68 C55.21 62.22 55.21 61.46 56.12 61 L61.86 58.06 C62.77 57.6 64.23 57.6 65.14 58.06 Z" stroke-width="1.25" stroke-opacity="0.52" />
+  <path d="M51 50 C58 49 54 34 65 32" stroke-width="1.1" stroke-opacity="0.58" />
+  <path d="M61 29 L65 32 L61 35" stroke-width="1.1" stroke-opacity="0.58" />
+  <path d="M73.23 19.13 L83.07 24.17 C84.2 24.75 84.2 25.69 83.07 26.27 L74.87 30.47 C73.74 31.05 71.9 31.05 70.77 30.47 L60.93 25.43 C59.8 24.85 59.8 23.91 60.93 23.33 L69.13 19.13 C70.26 18.55 72.1 18.55 73.23 19.13 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M73.23 17.33 L83.07 22.37 C84.2 22.95 84.2 23.89 83.07 24.47 L74.87 28.67 C73.74 29.25 71.9 29.25 70.77 28.67 L60.93 23.63 C59.8 23.05 59.8 22.11 60.93 21.53 L69.13 17.33 C70.26 16.75 72.1 16.75 73.23 17.33 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M73.23 17.33 L83.07 22.37 C84.2 22.95 84.2 23.89 83.07 24.47 L74.87 28.67 C73.74 29.25 71.9 29.25 70.77 28.67 L60.93 23.63 C59.8 23.05 59.8 22.11 60.93 21.53 L69.13 17.33 C70.26 16.75 72.1 16.75 73.23 17.33 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M73.23 17.33 L83.07 22.37 C84.2 22.95 84.2 23.89 83.07 24.47 L74.87 28.67 C73.74 29.25 71.9 29.25 70.77 28.67 L60.93 23.63 C59.8 23.05 59.8 22.11 60.93 21.53 L69.13 17.33 C70.26 16.75 72.1 16.75 73.23 17.33 Z" stroke-opacity="0.55" />
+  <path d="M73.2 17.38 L82.78 22.29 C83.88 22.85 83.88 23.77 82.78 24.33 L74.8 28.42 C73.69 28.99 71.9 28.99 70.8 28.42 L61.22 23.51 C60.12 22.95 60.12 22.03 61.22 21.47 L69.2 17.38 C70.31 16.81 72.1 16.81 73.2 17.38 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+</svg>

package/src/home/icons/design-p3-gamut.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M31 67.8 C23 49.8 31 21.8 46 18.8 C60 15.8 67 38.8 79 53.8 Q80.5 55.8 77.5 56.8 L34 69.8 Q32 70.3 31 67.8 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M31 66 C23 48 31 20 46 17 C60 14 67 37 79 52 Q80.5 54 77.5 55 L34 68 Q32 68.5 31 66 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M31 66 C23 48 31 20 46 17 C60 14 67 37 79 52 Q80.5 54 77.5 55 L34 68 Q32 68.5 31 66 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M31 66 C23 48 31 20 46 17 C60 14 67 37 79 52 Q80.5 54 77.5 55 L34 68 Q32 68.5 31 66 Z" stroke-opacity="0.5" />
+  <path d="M31.54 65.26 C23.75 47.72 31.54 20.45 46.15 17.53 C59.79 14.61 66.6 37.01 78.29 51.62 Q79.75 53.57 76.83 54.54 L34.46 67.2 Q32.51 67.69 31.54 65.26 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M37 58 L47 30 L66 49 Z" stroke-width="1.25" stroke-opacity="0.62" />
+  <path d="M38.55 58 C38.55 58.86 37.86 59.55 37 59.55 C36.14 59.55 35.45 58.86 35.45 58 C35.45 57.14 36.14 56.45 37 56.45 C37.86 56.45 38.55 57.14 38.55 58 Z" fill="currentColor" fill-opacity="0.72" stroke="none" />
+  <path d="M48.55 30 C48.55 30.86 47.86 31.55 47 31.55 C46.14 31.55 45.45 30.86 45.45 30 C45.45 29.14 46.14 28.45 47 28.45 C47.86 28.45 48.55 29.14 48.55 30 Z" fill="currentColor" fill-opacity="0.72" stroke="none" />
+  <path d="M67.55 49 C67.55 49.86 66.86 50.55 66 50.55 C65.14 50.55 64.45 49.86 64.45 49 C64.45 48.14 65.14 47.45 66 47.45 C66.86 47.45 67.55 48.14 67.55 49 Z" fill="currentColor" fill-opacity="0.72" stroke="none" />
+  <path d="M19 25 L19 70 Q19 76 25 76 L79 76 M16 45 L19 45 M38 76 L38 79 M58 76 L58 79" stroke-width="0.9" stroke-opacity="0.34" />
+</svg>

package/src/home/icons/design-theme-modes.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M43.9 31.9 L84.9 52.9 C86.71 53.83 86.71 55.33 84.9 56.26 L58.66 69.7 C56.85 70.63 53.91 70.63 52.1 69.7 L11.1 48.7 C9.29 47.77 9.29 46.27 11.1 45.34 L37.34 31.9 C39.15 30.97 42.09 30.97 43.9 31.9 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M43.9 30.1 L84.9 51.1 C86.71 52.03 86.71 53.53 84.9 54.46 L58.66 67.9 C56.85 68.83 53.91 68.83 52.1 67.9 L11.1 46.9 C9.29 45.97 9.29 44.47 11.1 43.54 L37.34 30.1 C39.15 29.17 42.09 29.17 43.9 30.1 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M43.9 30.1 L84.9 51.1 C86.71 52.03 86.71 53.53 84.9 54.46 L58.66 67.9 C56.85 68.83 53.91 68.83 52.1 67.9 L11.1 46.9 C9.29 45.97 9.29 44.47 11.1 43.54 L37.34 30.1 C39.15 29.17 42.09 29.17 43.9 30.1 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M43.9 30.1 L84.9 51.1 C86.71 52.03 86.71 53.53 84.9 54.46 L58.66 67.9 C56.85 68.83 53.91 68.83 52.1 67.9 L11.1 46.9 C9.29 45.97 9.29 44.47 11.1 43.54 L37.34 30.1 C39.15 29.17 42.09 29.17 43.9 30.1 Z" stroke-opacity="0.42" />
+  <path d="M44.01 30.49 L83.94 50.95 C85.7 51.85 85.7 53.31 83.94 54.22 L58.38 67.31 C56.62 68.21 53.76 68.21 51.99 67.31 L12.06 46.85 C10.3 45.95 10.3 44.49 12.06 43.58 L37.62 30.49 C39.38 29.59 42.24 29.59 44.01 30.49 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M65.22 42.7 L82.44 51.52 C83.8 52.22 83.8 53.34 82.44 54.04 L57.84 66.64 C56.48 67.34 54.28 67.34 52.92 66.64 L35.7 57.82 C34.34 57.12 34.34 56 35.7 55.3 L60.3 42.7 C61.66 42 63.86 42 65.22 42.7 Z" fill="currentColor" fill-opacity="0.04" stroke="none" />
+  <path d="M64.4 40.6 L31.6 57.4" stroke-opacity="0.32" />
+  <path d="M39.8 44.8 C37.99 45.73 35.05 45.73 33.24 44.8 C31.43 43.87 31.43 42.37 33.24 41.44 C35.05 40.51 37.99 40.51 39.8 41.44 C41.61 42.37 41.61 43.87 39.8 44.8 Z" stroke-width="1.4" stroke-opacity="0.7" />
+  <path d="M43.9 39.34 L42.26 40.18 M30.78 46.06 L29.14 46.9 M29.14 39.34 L30.78 40.18 M42.26 46.06 L43.9 46.9 M36.52 38.08 L36.52 39.26 M36.52 46.98 L36.52 48.16 M26.68 43.12 L28.98 43.12 M44.06 43.12 L46.36 43.12" stroke-width="1.1" stroke-opacity="0.6" />
+  <path d="M66.86 52.78 C63.99 50.89 58 50.6 54.56 52.36 C50.46 54.46 52.43 57.99 58.25 58.87 C54.97 57.02 56.2 54.54 59.73 53.49 C61.94 52.78 64.56 52.61 66.86 52.78 Z" stroke-width="1.4" stroke-opacity="0.7" />
+</svg>

package/src/home/icons/design-theme-tokens.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M46.76 49 L54 49 L54 27 Q54 23 58 23 L68 23 M54 49 L67 49 M54 49 L54 69 Q54 73 58 73 L67 73" stroke-opacity="0.42" />
+  <path d="M42 49 L46.76 49" stroke-opacity="0.13" />
+  <path d="M32.28 42.4 L45.4 49.12 C47.21 50.05 47.21 51.55 45.4 52.48 L32.28 59.2 C30.47 60.13 27.53 60.13 25.72 59.2 L12.6 52.48 C10.79 51.55 10.79 50.05 12.6 49.12 L25.72 42.4 C27.53 41.47 30.47 41.47 32.28 42.4 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M32.28 40.6 L45.4 47.32 C47.21 48.25 47.21 49.75 45.4 50.68 L32.28 57.4 C30.47 58.33 27.53 58.33 25.72 57.4 L12.6 50.68 C10.79 49.75 10.79 48.25 12.6 47.32 L25.72 40.6 C27.53 39.67 30.47 39.67 32.28 40.6 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M32.28 40.6 L45.4 47.32 C47.21 48.25 47.21 49.75 45.4 50.68 L32.28 57.4 C30.47 58.33 27.53 58.33 25.72 57.4 L12.6 50.68 C10.79 49.75 10.79 48.25 12.6 47.32 L25.72 40.6 C27.53 39.67 30.47 39.67 32.28 40.6 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M32.28 40.6 L45.4 47.32 C47.21 48.25 47.21 49.75 45.4 50.68 L32.28 57.4 C30.47 58.33 27.53 58.33 25.72 57.4 L12.6 50.68 C10.79 49.75 10.79 48.25 12.6 47.32 L25.72 40.6 C27.53 39.67 30.47 39.67 32.28 40.6 Z" stroke-opacity="0.48" />
+  <path d="M32.19 40.72 L44.97 47.26 C46.74 48.17 46.74 49.63 44.97 50.54 L32.19 57.08 C30.43 57.99 27.57 57.99 25.81 57.08 L13.03 50.54 C11.26 49.63 11.26 48.17 13.03 47.26 L25.81 40.72 C27.57 39.81 30.43 39.81 32.19 40.72 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M31 49 C31 50.1 30.1 51 29 51 C27.9 51 27 50.1 27 49 C27 47.9 27.9 47 29 47 C30.1 47 31 47.9 31 49 Z" fill="currentColor" fill-opacity="0.7" stroke="none" />
+  <path d="M82 23 C82 26.87 78.87 30 75 30 C71.13 30 68 26.87 68 23 C68 19.13 71.13 16 75 16 C78.87 16 82 19.13 82 23 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M82 23 C82 26.87 78.87 30 75 30 C71.13 30 68 26.87 68 23 C68 19.13 71.13 16 75 16 C78.87 16 82 19.13 82 23 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M82 23 C82 26.87 78.87 30 75 30 C71.13 30 68 26.87 68 23 C68 19.13 71.13 16 75 16 C78.87 16 82 19.13 82 23 Z" stroke-opacity="0.46" />
+  <path d="M81.82 22.9 C81.82 26.67 78.77 29.72 75 29.72 C71.23 29.72 68.18 26.67 68.18 22.9 C68.18 19.13 71.23 16.08 75 16.08 C78.77 16.08 81.82 19.13 81.82 22.9 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M71 42 L79 42 C80.66 42 82 43.34 82 45 L82 53 C82 54.66 80.66 56 79 56 L71 56 C69.34 56 68 54.66 68 53 L68 45 C68 43.34 69.34 42 71 42 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M71 42 L79 42 C80.66 42 82 43.34 82 45 L82 53 C82 54.66 80.66 56 79 56 L71 56 C69.34 56 68 54.66 68 53 L68 45 C68 43.34 69.34 42 71 42 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M71 42 L79 42 C80.66 42 82 43.34 82 45 L82 53 C82 54.66 80.66 56 79 56 L71 56 C69.34 56 68 54.66 68 53 L68 45 C68 43.34 69.34 42 71 42 Z" stroke-opacity="0.46" />
+  <path d="M71.1 42.08 L78.9 42.08 C80.51 42.08 81.82 43.39 81.82 45 L81.82 52.8 C81.82 54.41 80.51 55.72 78.9 55.72 L71.1 55.72 C69.49 55.72 68.18 54.41 68.18 52.8 L68.18 45 C68.18 43.39 69.49 42.08 71.1 42.08 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M68 80 L68 69 Q68 65 72 65 L83 65 M75 69 L75 73 Q75 75 77 75 L81 75" stroke-width="1.35" stroke-opacity="0.6" />
+  <path d="M55.4 49 C55.4 49.77 54.77 50.4 54 50.4 C53.23 50.4 52.6 49.77 52.6 49 C52.6 48.23 53.23 47.6 54 47.6 C54.77 47.6 55.4 48.23 55.4 49 Z" fill="currentColor" fill-opacity="0.65" stroke="none" />
+</svg>

package/src/home/icons/editor-color-tools.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M43.77 43.05 L75.75 59.43 C77.56 60.36 77.56 61.86 75.75 62.79 L52.79 74.55 C50.98 75.48 48.04 75.48 46.23 74.55 L14.25 58.17 C12.44 57.24 12.44 55.74 14.25 54.81 L37.21 43.05 C39.02 42.12 41.96 42.12 43.77 43.05 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M43.77 41.25 L75.75 57.63 C77.56 58.56 77.56 60.06 75.75 60.99 L52.79 72.75 C50.98 73.68 48.04 73.68 46.23 72.75 L14.25 56.37 C12.44 55.44 12.44 53.94 14.25 53.01 L37.21 41.25 C39.02 40.32 41.96 40.32 43.77 41.25 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M43.77 41.25 L75.75 57.63 C77.56 58.56 77.56 60.06 75.75 60.99 L52.79 72.75 C50.98 73.68 48.04 73.68 46.23 72.75 L14.25 56.37 C12.44 55.44 12.44 53.94 14.25 53.01 L37.21 41.25 C39.02 40.32 41.96 40.32 43.77 41.25 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M43.77 41.25 L75.75 57.63 C77.56 58.56 77.56 60.06 75.75 60.99 L52.79 72.75 C50.98 73.68 48.04 73.68 46.23 72.75 L14.25 56.37 C12.44 55.44 12.44 53.94 14.25 53.01 L37.21 41.25 C39.02 40.32 41.96 40.32 43.77 41.25 Z" stroke-opacity="0.42" />
+  <path d="M43.8 41.56 L74.95 57.51 C76.71 58.42 76.71 59.88 74.95 60.79 L52.59 72.24 C50.82 73.14 47.96 73.14 46.2 72.24 L15.05 56.29 C13.29 55.38 13.29 53.92 15.05 53.01 L37.41 41.56 C39.18 40.66 42.04 40.66 43.8 41.56 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M26.96 55.32 L49.92 67.08 M26.96 55.32 L42.54 47.34" stroke-opacity="0.42" />
+  <path d="M54.84 60.36 C52.58 61.52 48.9 61.52 46.64 60.36 C44.38 59.2 44.38 57.32 46.64 56.16 C48.9 55 52.58 55 54.84 56.16 C57.1 57.32 57.1 59.2 54.84 60.36 Z" stroke-width="1.3" stroke-opacity="0.7" />
+  <path d="M51.89 58.26 C51.89 58.9 51.38 59.41 50.74 59.41 C50.1 59.41 49.59 58.9 49.59 58.26 C49.59 57.62 50.1 57.11 50.74 57.11 C51.38 57.11 51.89 57.62 51.89 58.26 Z" fill="currentColor" fill-opacity="0.65" stroke="none" />
+  <path d="M79.02 33.42 C74.04 35.97 65.96 35.97 60.98 33.42 C56 30.87 56 26.73 60.98 24.18 C65.96 21.63 74.04 21.63 79.02 24.18 C84 26.73 84 30.87 79.02 33.42 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M79.02 31.62 C74.04 34.17 65.96 34.17 60.98 31.62 C56 29.07 56 24.93 60.98 22.38 C65.96 19.83 74.04 19.83 79.02 22.38 C84 24.93 84 29.07 79.02 31.62 Z" fill="currentColor" fill-opacity="0.04" stroke="none" />
+  <path d="M79.02 31.62 C74.04 34.17 65.96 34.17 60.98 31.62 C56 29.07 56 24.93 60.98 22.38 C65.96 19.83 74.04 19.83 79.02 22.38 C84 24.93 84 29.07 79.02 31.62 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M79.02 31.62 C74.04 34.17 65.96 34.17 60.98 31.62 C56 29.07 56 24.93 60.98 22.38 C65.96 19.83 74.04 19.83 79.02 22.38 C84 24.93 84 29.07 79.02 31.62 Z" stroke-opacity="0.5" />
+  <path d="M78.79 31.4 C73.93 33.89 66.07 33.89 61.21 31.4 C56.36 28.91 56.36 24.89 61.21 22.4 C66.07 19.91 73.93 19.91 78.79 22.4 C83.64 24.89 83.64 28.91 78.79 31.4 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M74.1 29.1 C71.84 30.26 68.16 30.26 65.9 29.1 C63.64 27.94 63.64 26.06 65.9 24.9 C68.16 23.74 71.84 23.74 74.1 24.9 C76.36 26.06 76.36 27.94 74.1 29.1 Z" stroke-width="1.3" stroke-opacity="0.65" />
+  <path d="M63 39 L55 50" stroke-opacity="0.4" />
+  <path d="M62 42 C62 42.55 61.55 43 61 43 C60.45 43 60 42.55 60 42 C60 41.45 60.45 41 61 41 C61.55 41 62 41.45 62 42 Z" fill="currentColor" fill-opacity="0.55" stroke="none" />
+</svg>

package/src/home/icons/editor-focused-highlighting.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M46.36 30.9 L84.9 50.64 C86.71 51.57 86.71 53.07 84.9 54 L56.2 68.7 C54.39 69.63 51.45 69.63 49.64 68.7 L11.1 48.96 C9.29 48.03 9.29 46.53 11.1 45.6 L39.8 30.9 C41.61 29.97 44.55 29.97 46.36 30.9 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M46.36 29.1 L84.9 48.84 C86.71 49.77 86.71 51.27 84.9 52.2 L56.2 66.9 C54.39 67.83 51.45 67.83 49.64 66.9 L11.1 47.16 C9.29 46.23 9.29 44.73 11.1 43.8 L39.8 29.1 C41.61 28.17 44.55 28.17 46.36 29.1 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M46.36 29.1 L84.9 48.84 C86.71 49.77 86.71 51.27 84.9 52.2 L56.2 66.9 C54.39 67.83 51.45 67.83 49.64 66.9 L11.1 47.16 C9.29 46.23 9.29 44.73 11.1 43.8 L39.8 29.1 C41.61 28.17 44.55 28.17 46.36 29.1 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M46.36 29.1 L84.9 48.84 C86.71 49.77 86.71 51.27 84.9 52.2 L56.2 66.9 C54.39 67.83 51.45 67.83 49.64 66.9 L11.1 47.16 C9.29 46.23 9.29 44.73 11.1 43.8 L39.8 29.1 C41.61 28.17 44.55 28.17 46.36 29.1 Z" stroke-opacity="0.42" />
+  <path d="M46.4 29.49 L83.94 48.72 C85.7 49.62 85.7 51.09 83.94 51.99 L55.99 66.31 C54.22 67.21 51.36 67.21 49.6 66.31 L12.06 47.08 C10.3 46.18 10.3 44.71 12.06 43.81 L40.01 29.49 C41.78 28.59 44.64 28.59 46.4 29.49 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M43.9 35.82 L66.04 47.16" stroke-width="1.65" stroke-opacity="0.46" />
+  <path d="M24.22 45.9 L42.26 55.14" stroke-width="1.65" stroke-opacity="0.46" />
+  <path d="M37.75 38.55 L66.45 53.25 C67.58 53.83 67.58 54.77 66.45 55.35 L62.35 57.45 C61.22 58.03 59.38 58.03 58.25 57.45 L29.55 42.75 C28.42 42.17 28.42 41.23 29.55 40.65 L33.65 38.55 C34.78 37.97 36.62 37.97 37.75 38.55 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M37.75 38.55 L66.45 53.25 C67.58 53.83 67.58 54.77 66.45 55.35 L62.35 57.45 C61.22 58.03 59.38 58.03 58.25 57.45 L29.55 42.75 C28.42 42.17 28.42 41.23 29.55 40.65 L33.65 38.55 C34.78 37.97 36.62 37.97 37.75 38.55 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M37.75 38.55 L66.45 53.25 C67.58 53.83 67.58 54.77 66.45 55.35 L62.35 57.45 C61.22 58.03 59.38 58.03 58.25 57.45 L29.55 42.75 C28.42 42.17 28.42 41.23 29.55 40.65 L33.65 38.55 C34.78 37.97 36.62 37.97 37.75 38.55 Z" stroke-opacity="0.66" />
+  <path d="M38.02 38.7 L65.97 53.01 C67.07 53.58 67.07 54.49 65.97 55.06 L61.98 57.1 C60.87 57.67 59.09 57.67 57.98 57.1 L30.03 42.79 C28.93 42.22 28.93 41.31 30.03 40.74 L34.02 38.7 C35.13 38.13 36.91 38.13 38.02 38.7 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M34.88 41.28 L48.82 48.42" stroke-width="1.9" stroke-opacity="0.78" />
+  <path d="M52.92 50.52 L61.12 54.72" stroke-width="1.9" stroke-opacity="0.78" />
+</svg>

package/src/home/icons/editor-hover-inspection.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M37.9 46.42 L73.98 64.9 C75.79 65.83 75.79 67.33 73.98 68.26 L52.66 79.18 C50.85 80.11 47.91 80.11 46.1 79.18 L10.02 60.7 C8.21 59.77 8.21 58.27 10.02 57.34 L31.34 46.42 C33.15 45.49 36.09 45.49 37.9 46.42 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M37.9 44.62 L73.98 63.1 C75.79 64.03 75.79 65.53 73.98 66.46 L52.66 77.38 C50.85 78.31 47.91 78.31 46.1 77.38 L10.02 58.9 C8.21 57.97 8.21 56.47 10.02 55.54 L31.34 44.62 C33.15 43.69 36.09 43.69 37.9 44.62 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M37.9 44.62 L73.98 63.1 C75.79 64.03 75.79 65.53 73.98 66.46 L52.66 77.38 C50.85 78.31 47.91 78.31 46.1 77.38 L10.02 58.9 C8.21 57.97 8.21 56.47 10.02 55.54 L31.34 44.62 C33.15 43.69 36.09 43.69 37.9 44.62 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M37.9 44.62 L64.8 58.4 M70.18 61.16 L73.98 63.1 C75.79 64.03 75.79 65.53 73.98 66.46 L52.66 77.38 C50.85 78.31 47.91 78.31 46.1 77.38 L10.02 58.9 C8.21 57.97 8.21 56.47 10.02 55.54 L31.34 44.62 C33.15 43.69 36.09 43.69 37.9 44.62" stroke-opacity="0.42" />
+  <path d="M38.01 44.95 L64.8 58.67 M69.8 61.23 L73.15 62.95 C74.91 63.85 74.91 65.31 73.15 66.22 L52.38 76.85 C50.62 77.76 47.76 77.76 45.99 76.85 L10.85 58.85 C9.09 57.95 9.09 56.49 10.85 55.58 L31.62 44.95 C33.38 44.04 36.24 44.04 38.01 44.95" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M37.9 53.02 L55.94 62.26" stroke-width="1.7" stroke-opacity="0.58" />
+  <path d="M32.16 55.96 L47.74 63.94" stroke-width="1.7" stroke-opacity="0.58" />
+  <path d="M26.42 58.9 L46.1 68.98" stroke-width="1.7" stroke-opacity="0.58" />
+  <path d="M52.72 28.2 L80.6 42.48 C82.41 43.41 82.41 44.91 80.6 45.84 L65.84 53.4 C64.03 54.33 61.09 54.33 59.28 53.4 L31.4 39.12 C29.59 38.19 29.59 36.69 31.4 35.76 L46.16 28.2 C47.97 27.27 50.91 27.27 52.72 28.2 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M52.72 26.4 L80.6 40.68 C82.41 41.61 82.41 43.11 80.6 44.04 L65.84 51.6 C64.03 52.53 61.09 52.53 59.28 51.6 L31.4 37.32 C29.59 36.39 29.59 34.89 31.4 33.96 L46.16 26.4 C47.97 25.47 50.91 25.47 52.72 26.4 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M52.72 26.4 L80.6 40.68 C82.41 41.61 82.41 43.11 80.6 44.04 L65.84 51.6 C64.03 52.53 61.09 52.53 59.28 51.6 L31.4 37.32 C29.59 36.39 29.59 34.89 31.4 33.96 L46.16 26.4 C47.97 25.47 50.91 25.47 52.72 26.4 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M52.72 26.4 L80.6 40.68 C82.41 41.61 82.41 43.11 80.6 44.04 L66.8 51.11 M64.8 52 C63.04 52.5 60.78 52.37 59.28 51.6 L31.4 37.32 C29.59 36.39 29.59 34.89 31.4 33.96 L46.16 26.4 C47.97 25.47 50.91 25.47 52.72 26.4" stroke-opacity="0.42" />
+  <path d="M52.81 26.63 L79.96 40.54 C81.72 41.44 81.72 42.91 79.96 43.81 L66.26 50.83 M64.93 51.45 C63.18 52.06 60.76 51.97 59.19 51.17 L32.04 37.26 C30.28 36.36 30.28 34.89 32.04 33.99 L46.42 26.63 C48.18 25.72 51.04 25.72 52.81 26.63" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M51.49 33.75 L66.25 41.31" stroke-width="1.7" stroke-opacity="0.58" />
+  <path d="M45.75 36.69 L58.05 42.99" stroke-width="1.7" stroke-opacity="0.58" />
+  <path d="M66 52 L66 62.92 L69.43 59.96 L73.96 59.96 Z" fill="white" fill-opacity="0.2" stroke="none" />
+  <path d="M66 52 L66 62.92 L69.43 59.96 L73.96 59.96 Z" stroke-width="1.25" stroke-opacity="0.9" />
+</svg>

package/src/home/icons/editor-manifest-completions.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M30.52 17.04 L64.96 34.68 C66.32 35.38 66.32 36.5 64.96 37.2 L58.4 40.56 C57.04 41.26 54.84 41.26 53.48 40.56 L19.04 22.92 C17.68 22.22 17.68 21.1 19.04 20.4 L25.6 17.04 C26.96 16.34 29.16 16.34 30.52 17.04 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M30.52 15.24 L64.96 32.88 C66.32 33.58 66.32 34.7 64.96 35.4 L58.4 38.76 C57.04 39.46 54.84 39.46 53.48 38.76 L19.04 21.12 C17.68 20.42 17.68 19.3 19.04 18.6 L25.6 15.24 C26.96 14.54 29.16 14.54 30.52 15.24 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M30.52 15.24 L64.96 32.88 C66.32 33.58 66.32 34.7 64.96 35.4 L58.4 38.76 C57.04 39.46 54.84 39.46 53.48 38.76 L19.04 21.12 C17.68 20.42 17.68 19.3 19.04 18.6 L25.6 15.24 C26.96 14.54 29.16 14.54 30.52 15.24 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M30.52 15.24 L64.96 32.88 C66.32 33.58 66.32 34.7 64.96 35.4 L58.4 38.76 C57.04 39.46 54.84 39.46 53.48 38.76 L19.04 21.12 C17.68 20.42 17.68 19.3 19.04 18.6 L25.6 15.24 C26.96 14.54 29.16 14.54 30.52 15.24 Z" stroke-opacity="0.42" />
+  <path d="M30.82 15.45 L64.36 32.63 C65.69 33.3 65.69 34.4 64.36 35.08 L57.97 38.35 C56.65 39.03 54.5 39.03 53.18 38.35 L19.64 21.17 C18.31 20.5 18.31 19.4 19.64 18.72 L26.03 15.45 C27.35 14.77 29.5 14.77 30.82 15.45 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M29.7 20.7 L47.74 29.94" stroke-width="1.8" stroke-opacity="0.58" />
+  <path d="M54.3 29.94 L47.74 33.3" stroke-width="1.2" stroke-opacity="0.8" />
+  <path d="M46.16 42.3 L76.5 57.84 C77.86 58.54 77.86 59.66 76.5 60.36 L70.76 63.3 C69.4 64 67.2 64 65.84 63.3 L35.5 47.76 C34.14 47.06 34.14 45.94 35.5 45.24 L41.24 42.3 C42.6 41.6 44.8 41.6 46.16 42.3 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M46.16 40.5 L76.5 56.04 C77.86 56.74 77.86 57.86 76.5 58.56 L70.76 61.5 C69.4 62.2 67.2 62.2 65.84 61.5 L35.5 45.96 C34.14 45.26 34.14 44.14 35.5 43.44 L41.24 40.5 C42.6 39.8 44.8 39.8 46.16 40.5 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M46.16 40.5 L76.5 56.04 C77.86 56.74 77.86 57.86 76.5 58.56 L70.76 61.5 C69.4 62.2 67.2 62.2 65.84 61.5 L35.5 45.96 C34.14 45.26 34.14 44.14 35.5 43.44 L41.24 40.5 C42.6 39.8 44.8 39.8 46.16 40.5 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M46.16 40.5 L76.5 56.04 C77.86 56.74 77.86 57.86 76.5 58.56 L70.76 61.5 C69.4 62.2 67.2 62.2 65.84 61.5 L35.5 45.96 C34.14 45.26 34.14 44.14 35.5 43.44 L41.24 40.5 C42.6 39.8 44.8 39.8 46.16 40.5 Z" stroke-opacity="0.48" />
+  <path d="M46.42 40.67 L75.97 55.81 C77.29 56.49 77.29 57.59 75.97 58.26 L70.38 61.13 C69.05 61.8 66.91 61.8 65.58 61.13 L36.03 45.99 C34.71 45.31 34.71 44.21 36.03 43.54 L41.62 40.67 C42.95 40 45.09 40 46.42 40.67 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M50.26 48.06 L64.2 55.2" stroke-width="1.6" stroke-opacity="0.62" />
+  <path d="M42.39 44.03 L42.39 45.67 L49.32 45.39" stroke-width="1.3" stroke-opacity="0.76" />
+  <path d="M46.16 59.3 L76.5 74.84 C77.86 75.54 77.86 76.66 76.5 77.36 L70.76 80.3 C69.4 81 67.2 81 65.84 80.3 L35.5 64.76 C34.14 64.06 34.14 62.94 35.5 62.24 L41.24 59.3 C42.6 58.6 44.8 58.6 46.16 59.3 Z" fill="currentColor" fill-opacity="0.02" stroke="none" />
+  <path d="M46.16 57.5 L76.5 73.04 C77.86 73.74 77.86 74.86 76.5 75.56 L70.76 78.5 C69.4 79.2 67.2 79.2 65.84 78.5 L35.5 62.96 C34.14 62.26 34.14 61.14 35.5 60.44 L41.24 57.5 C42.6 56.8 44.8 56.8 46.16 57.5 Z" fill="currentColor" fill-opacity="0.03" stroke="none" />
+  <path d="M46.16 57.5 L76.5 73.04 C77.86 73.74 77.86 74.86 76.5 75.56 L70.76 78.5 C69.4 79.2 67.2 79.2 65.84 78.5 L35.5 62.96 C34.14 62.26 34.14 61.14 35.5 60.44 L41.24 57.5 C42.6 56.8 44.8 56.8 46.16 57.5 Z" fill="white" fill-opacity="0.07" stroke="none" />
+  <path d="M46.16 57.5 L76.5 73.04 C77.86 73.74 77.86 74.86 76.5 75.56 L70.76 78.5 C69.4 79.2 67.2 79.2 65.84 78.5 L35.5 62.96 C34.14 62.26 34.14 61.14 35.5 60.44 L41.24 57.5 C42.6 56.8 44.8 56.8 46.16 57.5 Z" stroke-opacity="0.32" />
+  <path d="M46.42 57.67 L75.97 72.81 C77.29 73.49 77.29 74.59 75.97 75.26 L70.38 78.13 C69.05 78.8 66.91 78.8 65.58 78.13 L36.03 62.99 C34.71 62.31 34.71 61.21 36.03 60.54 L41.62 57.67 C42.95 57 45.09 57 46.42 57.67 Z" stroke="white" stroke-width="0.6" stroke-opacity="0.5" />
+  <path d="M50.26 65.06 L58.46 69.26" stroke-width="1.6" stroke-opacity="0.4" />
+  <path d="M26 43 L26 50 Q26 55 31 55 L36 55" stroke-width="1.1" stroke-opacity="0.55" />
+  <path d="M33 52 L36 55 L33 58" stroke-width="1.1" stroke-opacity="0.55" />
+</svg>