Refto
Browse all Markers

Marker

About Website Inspiration

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

4 curated examples24 per page

Why Marker Pages Matter

Marker collections surface specific captured moments for About, 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 About moment fits into the full page narrative and conversion flow.

Design Analysis

What stands out in About websites

Clinical Modular Lattice is a precise scientific system that keeps the UI almost invisible while diagrams and statements carry the novelty. It should feel clean, serious, and quietly forward-looking rather than futuristi... Use full-bleed landscape media as th...

Recurring Signals

  • Primary ( 010A21): Main type, lines, and structural emphasis.
  • Secondary ( 6D7483): Supporting paragraphs and secondary nav tone.
  • Tertiary ( FFF35A): CTA fill and geometric highlight cells.
  • Use the display grotesk for large conceptual statements only.
  • Keep body copy calm and evenly spaced.
  • Avoid ornamental type choices that would dilute the scientific tone.

Related Keywords

OverviewImage DirectionColorsTypographyKeep body copy calm and evenly spacedUse full-bleed landscape media as the first impressionLet black and outdoor imagery drive the contrastKeep the whole experience optimistic and low-noiseKeep the shell nearly white

Coding Bio

Home

2026-02-03

Clinical Modular Lattice is a precise scientific system that keeps the UI almost invisible while diagrams and statements carry the novelty. It should feel clean, serious, and quietly forward-looking rather than futuristi...

  • Primary ( 010A21): Main type, lines, and structural emphasis.
  • Secondary ( 6D7483): Supporting paragraphs and secondary nav tone.
Open example

Lightship

Home

2026-01-20

Use full-bleed landscape media as the first impression. Let the page oscillate between cinematic outdoor scale and grounded technical panels. Keep the controls black, minimal, and secondary to the image story. Favor moun...

  • Use full-bleed landscape media as the first impression.
  • Let the page oscillate between cinematic outdoor scale and grounded technical panels.
Open example

Lens

Home

2026-01-14

Build the page as an airy white ecosystem space with only one strong fill color: mint. Let faint background linework and soft cards provide just enough personality without compromising clarity. Keep the whole experience...

  • Build the page as an airy white ecosystem space with only one strong fill color: mint.
  • Let faint background linework and soft cards provide just enough personality without compromising clarity.
Open example
Home
Coding Bio
Coding Bio - Home
Home
Lightship
Lightship - Home
Home
Lens
Lens - Home
Home
Trawelt
Trawelt - Home

Continue Exploring

Use these internal hubs to keep branching from About 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 About.

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 About inspiration against a different browsing dimension.

Explore More

Styles

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

Explore More

Sections

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

About 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 About reference instead of scanning an entire page manually.

How many About marker references are included here?

This collection currently includes 4 curated About marker references tied to real version data and timestamps.