Refto
Browse all Markers

Marker

Slug Website Inspiration

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

20 curated examples24 per page

Why Marker Pages Matter

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

Design Analysis

What stands out in Slug websites

Soft Commerce Bloom is a commerce-marketing language built from restraint: a light editorial serif voice, a barely-there warm wash, and proof delivered through warm video and customer imagery. The page should feel commer... Clinical Modular Lattice is a precis...

Recurring Signals

  • Primary ( 000000): Main type and dark supporting CTA.
  • Secondary ( FAF8EF): Atmospheric bloom and grouped surface tone.
  • Tertiary ( A3FDA7): High-intent signal pill and primary CTA fill.
  • Use the low-weight serif for conceptual headlines and section openers.
  • Keep all interface copy in a plain, contemporary sans.
  • Avoid heavy bolding; let scale and whitespace create luxury.

Related Keywords

OverviewImage DirectionColorsTypographyKeep body copy calm and evenly spacedLayoutTertiary ( FA651E): Rare annotation or proof accentUse full-bleed landscape media as the first impressionLet black and outdoor imagery drive the contrastKeep the rest of the field extremely clean

Swap Commerce

Home

2026-02-03

Soft Commerce Bloom is a commerce-marketing language built from restraint: a light editorial serif voice, a barely-there warm wash, and proof delivered through warm video and customer imagery. The page should feel commer...

  • Primary ( 000000): Main type and dark supporting CTA.
  • Secondary ( FAF8EF): Atmospheric bloom and grouped surface tone.
Open example

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

Hex Security

Home

2026-02-03

Forensic Grid Security is a security-marketing system that feels closer to a lab panel than a startup site. It balances formal serif headlines with mono annotation copy, sparse wireframes, and large off-white breathing z...

  • Primary ( 000000): Main type, rules, and button outlines.
  • Secondary ( DCDCDC): Map grid, section rules, and supporting wireframes.
Open example
Home
Play
Play - Home
Home
Swap Commerce
Swap Commerce - Home
Home
Coding Bio
Coding Bio - Home
Home
Hex Security
Hex Security - Home
Home
Poetry camera
Poetry camera - Home
Home
Qudrix
Qudrix - Home
Home
Chantal Ho-A-Hing
Chantal Ho-A-Hing - Home
Home
Lightship
Lightship - Home
Pricing
Amplemarket
Amplemarket - Pricing
Duo
Amplemarket
Amplemarket - Duo
Pricing
Flighty
Flighty - Pricing
Home
Flighty
Flighty - Home
Home
Trawelt
Trawelt - Home
Company
Integrated Biosciences
Integrated Biosciences - Company
Platform
Integrated Biosciences
Integrated Biosciences - Platform
Home
Studio Nika
Studio Nika - Home
Home
Attio
Attio - Home
Operations
Humble
Humble - Operations
Home
Visitors
Visitors - Home
Programs
COLLINS
COLLINS - Programs

Continue Exploring

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

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

Explore More

Styles

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

Explore More

Sections

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

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

How many Slug marker references are included here?

This collection currently includes 20 curated Slug marker references tied to real version data and timestamps.