Design Atlas
Type
website
Verdict
Useful
Licence
Conditional licence, mixedmixedThe footer identifies the site source as MIT and links to agent-facing llms.txt and index.md files. The site's writing, illustrations and project imagery remain look-only unless separately licensed.
Agent channels
llms-txt
Pricing
free
Reviewed

← Atlas · Topics: inspiration, components

Chánh Đại ​

Type
website
Verdict
Useful
Licence
Conditional licence, mixedmixedThe footer identifies the site source as MIT and links to agent-facing llms.txt and index.md files. The site's writing, illustrations and project imagery remain look-only unless separately licensed.
Agent channels
llms-txt
Pricing
free
Reviewed

What it is ​

Chánh Đại's design-engineer portfolio combines a personal profile with a substantial public catalogue of components, page blocks, projects, writing, experience and recognition. Its homepage presents this material inside a spare, ruled interface.

When to open it ​

Use it to study how a personal portfolio can also function as a browsable component and block catalogue, or when you need a line-art, editorial direction for a technical site.

Most useful ​

  • The opening illustration uses a large isometric outline, faint construction guides and a handwritten cursor note, making the hero feel like an annotated drawing sheet.
  • Thin rules divide the page into a compact centered frame; labels, metadata and figures consistently read like captions in a technical document.
  • The avatar and name sit across the hero's lower edge, with the role and social links on neighboring ruled bands.
  • Components and blocks are introduced with counts, short names and dedicated routes, while projects expand into descriptions, dates and feature lists.
  • The page offers a visible theme control, command search and links to agent-readable llms.txt and index.md files.

Using it with agents ​

The footer exposes an llms.txt link and an index.md link. Use those published files to navigate the portfolio's sections; inspect the live component or block before describing its appearance or interaction.

Watch out for ​

  • Handwritten notes, illustration and fine rules are part of this site's personal art direction. Dense linework can compete with content at smaller sizes.
  • The long homepage includes advertising and extensive recognition and analytics sections; choose a specific section when using it as a reference.
  • The footer states that the source is MIT. That does not grant reuse rights for the site's written material, third-party logos or artwork.

Reusable ideas ​

  • Carry one illustration style through the hero, section rules and marginal annotations to give a technical portfolio a coherent identity.
  • Use consistent caption-like metadata and section labels to make a long page easier to scan.
  • Pair component previews with a short description and a stable detail route so the portfolio can serve as both profile and catalogue.

Sahil Singh, Chloé Maillot, The Component Gallery