# Grayhat Project: Listen.dev Website & Docs

> Landing page and documentation website for a supply-chain security startup.

## Document Metadata

- Canonical human URL: https://grayhat.studio/projects/listen-dev-website-docs
- Content language: en
- Variant: compact

### Discovery Links

- [Human Page](https://grayhat.studio/projects/listen-dev-website-docs)
- [Compact LLM](https://grayhat.studio/projects/listen-dev-website-docs/llms.txt)
- [Full LLM](https://grayhat.studio/projects/listen-dev-website-docs/llms-full.txt)
- [Root LLM Context](https://grayhat.studio/llms.txt)
- [Sitemap](https://grayhat.studio/sitemap.xml)
- [Robots](https://grayhat.studio/robots.txt)
- [OpenAPI](https://grayhat.studio/api/openapi.json)
- [API Catalog](https://grayhat.studio/.well-known/api-catalog)

### API Links

- [/api/public/v1/projects/{id}](https://grayhat.studio/api/public/v1/projects/listen-dev-website-docs)

## Site Header

### Company Information

- Company: Grayhat Developers PVT Ltd
- Brand: Grayhat
- Base URL: https://grayhat.studio/
- Tagline: We build cool stuff
- Description: Grayhat develops technology solutions for clients around the world, ranging from startup apps to full-fledged existing systems.
- Vision: We aim to make a significant impact in future tech, and build solutions which can be used by the people around us.
- Established: 2022
- Service areas: Global

### Primary Navigation

- [Home](https://grayhat.studio/)
- [Careers](https://grayhat.studio/careers)
- [Team](https://grayhat.studio/team)
- [Projects](https://grayhat.studio/projects)
- [Clients](https://grayhat.studio/clients)
- [Research](https://grayhat.studio/research)
- [Blog](https://grayhat.studio/blog)
- [About](https://grayhat.studio/about)

### Social Links

- [LinkedIn](https://www.linkedin.com/company/76504684)
- [GitHub](https://github.com/grayhatdevelopers)
- [Dribbble](https://dribbble.com/grayhatstudio)
- [Discord](https://grayhat.studio/discord)
- [Instagram](https://www.instagram.com/grayhatdevelopers)
- [Facebook](https://www.facebook.com/grayhatdevelopers)

## Summary

Landing page and documentation website for a supply-chain security startup.

## Project Resource Estimate

- People count: 1
- Estimated cost bucket: <5k USD
- Role composition: 1x Associate Software Engineer
- Estimation disclaimer: Figures are approximate and provided for transparency. Final project costs may vary based on scope, timeline, and evolving requirements.

## Project Details

- Project ID: `PROJ-0034`
- Slug: listen-dev-website-docs
- Status: Completed
- Client: Garnet
- Category: External
- Type: Web Design
- Tags: Web Design
- Start date: 2024-02-10
- End date: 2024-04-15
- Duration: 8 weeks
- Year: 2024
- Gallery attachments: 3
- Created at: 2026-06-04 19:56:32.148960
- Canonical Project: https://grayhat.studio/projects/listen-dev-website-docs
- Project API: https://grayhat.studio/api/public/v1/projects/listen-dev-website-docs

## Complete Description

We designed and developed the landing page and documentation platform for Listen.dev, a modern supply-chain security startup helping engineering teams identify, understand, and resolve vulnerabilities throughout their software development lifecycle.

Built in Next.js with Framer Motion, the experience was crafted to feel familiar to modern developers, drawing inspiration from the best of developer tooling. We also connected a CMS to create content focused on actionable security education, technical blogs, and a frictionless onboarding experience.

Performance and developer experience remained central throughout development. We carefully optimized rendering strategies, reduced unnecessary client-side complexity, streamlined SVG and animation usage, and improved overall page performance while preserving the polished visual identity of the product.

## Client and Testimonial Context

- Client: Garnet
- Client website: https://www.garnet.ai/
- Client territory: Toronto and Greater Toronto Area
- Client short bio: Garnet captures kernel-level runtime evidence for CI, agents, and sandboxes to reveal what untrusted code actually did.
- Testimonial author: Umar Sikandar
- Testimonial author designation: Co Founder
- Testimonial company: Garnet
- Testimonial: Working with Grayhat on listen.dev was a great experience. Their team delivered a high-quality user interface that matched our vision and helped bring the product to life. Throughout the project, they were responsive, easy to work with, and consistently demonstrated strong technical expertise and attention to detail.

We were very happy with the outcome and would confidently recommend Grayhat to any company looking for a reliable development partner.

## Project Links

- [Live project](https://listen.dev)
- [View website: Website](https://listen.dev)
- [View docs: Docs](https://docs.listen.dev)

## Project Media

- image: /content-assets/company-site/project-media/1e74ffb9e6b2bd3f933e3221.webp
- image: /content-assets/company-site/project-media/7b3751e51b3394ffcc9c1bc5.webp
- image: /content-assets/company-site/project-media/ea954d3f2330e2edfbead1cf.webp

## Related Pages

- [Home](https://grayhat.studio/)
- [About](https://grayhat.studio/about)
- [Privacy Policy](https://grayhat.studio/privacy-policy)
- [Terms and Conditions](https://grayhat.studio/terms-and-conditions)
- [Schedule a Booking](https://grayhat.studio/schedule-a-booking)
- [Careers](https://grayhat.studio/careers)
- [Team](https://grayhat.studio/team)
- [Clients](https://grayhat.studio/clients)
- [Testimonials](https://grayhat.studio/reviews)
- [Projects](https://grayhat.studio/projects)
- [Research](https://grayhat.studio/research)
- [Tech Radar](https://grayhat.studio/tech-radar)
- [Sitemap](https://grayhat.studio/sitemap)
- [Blog](https://grayhat.studio/blog)

## Agent Notes

- This page has no child pages, so compact and full include the same page body.

## Site Footer

### Contact

- [info@grayhat.studio](mailto:info@grayhat.studio?subject=[grayhat.com.pk])
- [24, Street 3, Sector F DHA-2, Islamabad, Pakistan](https://maps.app.goo.gl/8gk8pTmDQxRaRPn49)

### Important Pages

- [Home](https://grayhat.studio/)
- [Careers](https://grayhat.studio/careers)
- [Team](https://grayhat.studio/team)
- [Projects](https://grayhat.studio/projects)
- [Clients](https://grayhat.studio/clients)
- [Research](https://grayhat.studio/research)
- [Blog](https://grayhat.studio/blog)
- [About](https://grayhat.studio/about)

### Project Categories

- [AI](https://grayhat.studio/projects?view=rows&type=AI)
- [App](https://grayhat.studio/projects?view=rows&type=App)
- [Game](https://grayhat.studio/projects?view=rows&type=Game)
- [SDK/Backend/Low-level](https://grayhat.studio/projects?view=rows&type=SDK%2FBackend%2FLow-level)
- [Web Design](https://grayhat.studio/projects?view=rows&type=Web+Design)

### Legal Links

- [Privacy Policy](https://grayhat.studio/privacy-policy)
- [Terms and Conditions](https://grayhat.studio/terms-and-conditions)
- [Sitemap](https://grayhat.studio/sitemap)

### Third-party Platforms

- [Behance](https://www.behance.net/GrayhatDevelopers)
- [Clutch](https://clutch.co/profile/grayhat)
- [Crunchbase](https://www.crunchbase.com/organization/grayhat-developers)
- [DesignRush](https://www.designrush.com/agency/profile/grayhat)
- [Facebook](https://facebook.com/grayhatdevelopers)
- [Glassdoor](https://www.glassdoor.com/Location/All-Grayhat-Developers-Islamabad-IS-Office-Locations-EI_IE8570949.4,22_IL.23,35_IC3139539.htm)
- [Goodfirms](https://www.goodfirms.co/company/grayhat)
- [Google](https://share.google/N4RSu8HIrzICS2mFD)
- [LinkedIn](https://www.linkedin.com/company/grayhatpk/)
- [P@SHA](https://directory.pasha.org.pk/?view_company=1315)
- [PSEB](https://techdestination.com/tech-hub-portal/)
- [SECP](https://eservices.secp.gov.pk/eServices/ControllerServlet?request_id=SEARCH_NAME&searchName=GRAYHAT&searchOption=Beginning%20With)
- [The Manifest](https://themanifest.com/company/grayhat)
- [TrustPilot](https://www.trustpilot.com/review/grayhat.studio)
- [Upwork](https://www.upwork.com/agencies/1539292796322222080/)

### Social Media

- [Instagram](https://www.instagram.com/grayhatdevelopers)
- [Facebook](https://www.facebook.com/grayhatdevelopers)

### Footer Metadata

- Tagline alt: We make 💻, ☕, and 🦄s
- Made in: Pakistan
- Copyright marker: Established in 2022