Components Skip to Content Link Skip to Content Link - Retro Monochromatic

Skip to Content Link - Retro Monochromatic

Skip to Content Link Component with Retro/Vintage design, Monochromatic color scheme, and Simple complexity.

Preview

HTML Code

```html
<a href="#main-content" class="sr-only focus:not-sr-only fixed z-50 top-4 left-4 bg-stone-800 text-stone-100 px-6 py-3 rounded-md text-lg font-mono tracking-wide uppercase focus:outline-none focus:ring-2 focus:ring-stone-500 focus:ring-opacity-75 dark:bg-stone-100 dark:text-stone-800 dark:focus:ring-stone-400">
  Skip to Content
</a>

<div id="main-content" class="focus:outline-none" tabindex="-1">
  <!-- Page content goes here -->
</div>
```

Related Components

Skip to Content Link Component

A Skip to Content Link component designed with skeuomorphic elements resembling a physical button. The component will have a pastel color scheme, a moderate complexity including hover effects, and support for dark theme.

Open

Skip to Content Link Component

A responsive Skip to Content link component for a dashboard with a Neumorphism style and an Earth tones color scheme.

Open

Skip to Content Link

Skip to Content Link Component aligned to Material Design principles, featuring responsive design, dark mode support, and a simple monochromatic color scheme for social media applications.

Open