Educational analysiscommunication
Loom
Async video messaging tool for recording and sharing screen and camera.
Source subject: loom.com · Public evidence only
BUILD_WITH_THIS.md
Generated as educational analysis. Inferences are hypotheses, not source-code claims.
Observation
- Reference site: https://www.loom.com
- Most visible content themes: 1: One video is worth a thousand words · 2: Millions of people across 400,000 companies choose Loom · 2: Ship faster with AI bug reports · 2: The easiest screen recorder you’ll ever use · 2: Lightning fast screen recording · 2: So much more than a screen recorder · 3: Edit your videos like a pro · 3: Share or embed video anywhere you work
Inference
- The reference patterns may be useful for products with similar user jobs, not merely a similar appearance.
Recommendation
- Start from the user problem, reuse principles selectively, and build original assets and copy.
SITEMAP.md
Generated as educational analysis. Inferences are hypotheses, not source-code claims.
Observation
- Discovered path: /
- Discovered path: /signup
- Discovered path: /screen-recorder
Inference
- Only crawled and sitemap-discovered public URLs are represented.
Recommendation
- Treat this as a partial inventory and validate against product analytics and content ownership.
STACK_GUESS.md
Generated as educational analysis. Inferences are hypotheses, not source-code claims.
Observation
- Next.js: NEXT_DATA, /_next/
- Google Analytics: googletagmanager
- Sanity: sanity
- Next.js: NEXT_DATA, /_next/
- Google Analytics: googletagmanager
- Sanity: sanity
Inference
- Technology detection is probabilistic because production builds can remove or disguise signatures.
Recommendation
- Verify stack choices using public engineering sources before adopting them.
ARCHITECTURE.md
Generated as educational analysis. Inferences are hypotheses, not source-code claims.
Observation
- Analyzed 3 public page(s) on www.loom.com.
- Public paths: /, /signup, /screen-recorder
Inference
- Rendering and service boundaries cannot be proven from HTML alone.
Recommendation
- Choose the smallest deployable architecture that meets latency, SEO, and data needs.
DECISIONS.md
Generated as educational analysis. Inferences are hypotheses, not source-code claims.
Observation
- Evidence base includes 3 fetched page(s).
Inference
- Visible product choices suggest tradeoffs but do not reveal the original team’s rationale.
Recommendation
- Record each decision with context, alternatives, consequences, and a review date.
DESIGN.md
Generated as educational analysis. Inferences are hypotheses, not source-code claims.
Observation
- Observed colors: rgba(255,255,255,0), rgba(24, 104, 219, 0.20)
- Observed font families: none in inline/style CSS
Inference
- Repeated tokens may indicate a shared design system; external stylesheets were not executed or downloaded.
Recommendation
- Define semantic color and type tokens before copying visual treatments.
- Validate contrast and responsive behavior in the target product context.
IA.md
Generated as educational analysis. Inferences are hypotheses, not source-code claims.
Observation
- Navigation labels: record your screen, Chrome extension, desktop app, mobile app, Download now
- Heading outline: 1: One video is worth a thousand words · 2: Millions of people across 400,000 companies choose Loom · 2: Ship faster with AI bug reports · 2: The easiest screen recorder you’ll ever use · 2: Lightning fast screen recording · 2: So much more than a screen recorder · 3: Edit your videos like a pro · 3: Share or embed video anywhere you work · 3: Engage and connect with video · 2: Keep your content safe · 2: Video messaging for all use cases · 3: Sales · 3: Engineering · 3: Customer support · 3: Design · 2: Powerful features for easy, custom recordings · 2: How to use async video messaging to improve communication · 3: When to Choose Synchronous Vs. Asynchronous Communication · 3: Let Loom AI Do the Work: Say Goodbye to Manual Documentation · 2: Loom for Enterprise
Inference
- Repeated navigation labels likely represent primary information architecture.
Recommendation
- Model user tasks first, then test whether this hierarchy fits them.
COMPONENTS.md
Generated as educational analysis. Inferences are hypotheses, not source-code claims.
Observation
- Observed forms: 0
- Observed calls to action: Toggle menu close.css-pws6wr{display:block;color:thd-color-black;}.css-pws6wr > svg,.css-pws6wr > img{display:block;width:calc(3 * var(--lns-unit,8px));height:calc(3 * var(--lns-unit,8px));}.css-pws6wr [data-testid='ads-refreshed-icon']{display:block;width:calc(3 * var(--lns-unit,8px));height:calc(3 * var(--lns-unit,8px));}.css-pws6wr [data-testid='ads-refreshed-icon'] svg{padding:8%;height:100%;width:100%;}.css-kxjlgc{display:inline-block;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;line-height:1;-webkit-padding-end:var(--ds--button--new-icon-padding-end, 0);padding-inline-end:var(--ds--button--new-icon-padding-end, 0);-webkit-padding-start:var(--ds--button--new-icon-padding-start, 0);padding-inline-start:var(--ds--button--new-icon-padding-start, 0);}@media screen and (forced-colors: active){.css-kxjlgc{color:CanvasText;-webkit-filter:grayscale(1);filter:grayscale(1);}}.css-1t4wpzr{overflow:hidden;pointer-events:none;color:currentColor;vertical-align:bottom;width:var(--ds-space-200, 16px);height:var(--ds-space-200, 16px);}.css-1t4wpzr stop{stop-color:currentColor;}, Get Loom for free, View more, Learn moreOpen in new window, Download now, .css-kxjlgc{display:inline-block;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;line-height:1;-webkit-padding-end:var(--ds--button--new-icon-padding-end, 0);padding-inline-end:var(--ds--button--new-icon-padding-end, 0);-webkit-padding-start:var(--ds--button--new-icon-padding-start, 0);padding-inline-start:var(--ds--button--new-icon-padding-start, 0);}@media screen and (forced-colors: active){.css-kxjlgc{color:CanvasText;-webkit-filter:grayscale(1);filter:grayscale(1);}}.css-1t4wpzr{overflow:hidden;pointer-events:none;color:currentColor;vertical-align:bottom;width:var(--ds-space-200, 16px);height:var(--ds-space-200, 16px);}.css-1t4wpzr stop{stop-color:currentColor;}, .css-kxjlgc{display:inline-block;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;line-height:1;-webkit-padding-end:var(--ds--button--new-icon-padding-end, 0);padding-inline-end:var(--ds--button--new-icon-padding-end, 0);-webkit-padding-start:var(--ds--button--new-icon-padding-start, 0);padding-inline-start:var(--ds--button--new-icon-padding-start, 0);}@media screen and (forced-colors: active){.css-kxjlgc{color:CanvasText;-webkit-filter:grayscale(1);filter:grayscale(1);}}.css-1t4wpzr{overflow:hidden;pointer-events:none;color:currentColor;vertical-align:bottom;width:var(--ds-space-200, 16px);height:var(--ds-space-200, 16px);}.css-1t4wpzr stop{stop-color:currentColor;}, Learn more, See all use cases, Explore our blogOpen in new window, .css-5hw014{display:block;color:currentColor;}.css-5hw014 > svg,.css-5hw014 > img{display:block;width:1.25em;height:1.25em;}.css-5hw014 [data-testid='ads-refreshed-icon']{display:block;width:1.25em;height:1.25em;}.css-5hw014 [data-testid='ads-refreshed-icon'] svg{padding:8%;height:100%;width:100%;}.css-kxjlgc{display:inline-block;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;line-height:1;-webkit-padding-end:var(--ds--button--new-icon-padding-end, 0);padding-inline-end:var(--ds--button--new-icon-padding-end, 0);-webkit-padding-start:var(--ds--button--new-icon-padding-start, 0);padding-inline-start:var(--ds--button--new-icon-padding-start, 0);}@media screen and (forced-colors: active){.css-kxjlgc{color:CanvasText;-webkit-filter:grayscale(1);filter:grayscale(1);}}.css-1t4wpzr{overflow:hidden;pointer-events:none;color:currentColor;vertical-align:bottom;width:var(--ds-space-200, 16px);height:var(--ds-space-200, 16px);}.css-1t4wpzr stop{stop-color:currentColor;}Learn more, .css-ztipld{display:block;color:var(--lns-color-body);}.css-ztipld > svg,.css-ztipld > img{display:block;width:1.5em;height:1.5em;}.css-ztipld [data-testid='ads-refreshed-icon']{display:block;width:1.5em;height:1.5em;}.css-ztipld [data-testid='ads-refreshed-icon'] svg{padding:8%;height:100%;width:100%;}
Inference
- Repeated structures may be implemented as reusable components, but DOM output cannot prove source boundaries.
Recommendation
- Create components around behavior and responsibility, not visual resemblance alone.