Refto
Browse all Markers

Marker

Skills Website Inspiration

Browse 1 curated Skills marker examples captured from real site versions to review the exact moments, sections, and UI details worth referencing.

1 curated examples24 per page

Why Marker Pages Matter

Marker collections surface specific captured moments for Skills, so you can inspect the exact UI reference without scrubbing an entire recording.

What To Compare

Pay attention to the captured timestamp, surrounding context, and how that Skills moment fits into the full page narrative and conversion flow.

Design Analysis

What stands out in Skills websites

Build the experience as an index, dossier, or ledger rather than a promotional portfolio. Let whitespace do most of the talking. Use thin rules, utility stamps, and microtype to organize information with extreme restrain...

Recurring Signals

  • Build the experience as an index, dossier, or ledger rather than a promotional portfolio.
  • Let whitespace do most of the talking.
  • Use thin rules, utility stamps, and microtype to organize information with extreme restraint.
  • Use sparse archival imagery, muted product stills, and occasional dark slabs to punctuate the page.
  • Keep every image isolated and surrounded by substantial white space.
  • Let visual artifacts feel collected, documented, or filed rather than marketed.

Related Keywords

OverviewImage DirectionColorsTypographyLet whitespace do most of the talking

Aaron Sananes

Home

2026-01-06

Build the experience as an index, dossier, or ledger rather than a promotional portfolio. Let whitespace do most of the talking. Use thin rules, utility stamps, and microtype to organize information with extreme restrain...

  • Build the experience as an index, dossier, or ledger rather than a promotional portfolio.
  • Let whitespace do most of the talking.
Open example
Home
Aaron Sananes
Aaron Sananes - Home

Continue Exploring

Use these internal hubs to keep branching from Skills into broader design research, structured design analysis, or adjacent website inspiration taxonomies.

Hub

More Markers

Return to the broader markers hub if you want to branch into adjacent topics beyond Skills.

Related Hub

Design Topics

Browse pages grouped by repeated design signals when you want inspiration organized by visual patterns instead of taxonomy alone.

Related Hub

DESIGN.md Examples

Study structured design analysis, reusable tokens, and AI-readable system guidance tied back to real production websites.

Workflow Collection

Developer Tools UI References

References and tools for docs-heavy products, developer tooling, terminals, dashboards, SDK workflows, and technical product surfaces.

Workflow Collection

Figma AI References

References for Figma AI, Figma Make, MCP-assisted design workflows, and editable UI generation.

Workflow Collection

AI Design System Examples

DESIGN.md-style references, token-driven systems, and tools for AI-readable design workflows.

Explore More

Categories

Switch to the categories hub to compare Skills inspiration against a different browsing dimension.

Explore More

Styles

Switch to the styles hub to compare Skills inspiration against a different browsing dimension.

Explore More

Sections

Switch to the sections hub to compare Skills inspiration against a different browsing dimension.

Skills Inspiration FAQ

What makes marker pages different from normal tag pages?

Marker pages point to captured UI moments inside real page versions, so you can jump directly to a specific Skills reference instead of scanning an entire page manually.

How many Skills marker references are included here?

This collection currently includes 1 curated Skills marker references tied to real version data and timestamps.