Open Sea
Deep blue depth / Focused. Smooth chromatic transitions, ethereal lighting, and contemporary digital flair.
Your name
Why Choose the Open Sea Style?
Smooth atmospheric gradients signal innovation, energy, and modern digital craft. They instantly catch the eye in fast-scrolling social media feeds.
Clean sans-serif typography with high contrast ensures crisp legibility across saturated gradient spectrums.
✦ Pro Designer Tips for this Preset
- Ensure text contrast passes WCAG AA standards over the brightest gradient spots.
- Radial wash lighting adds depth without interfering with avatar boundaries.
- Complement with bright pastel tech badges (React, TypeScript, Next.js).
Copy Design Tokens & CSS Variables
Directly use these custom color tokens in your Figma, Tailwind config, or CSS stylesheets:
:root {
/* Open Sea (28) — header.name */
--banner-bg: #0a1a2f;
--banner-ink: #e8f1ff;
--banner-accent: #4da3ff;
--banner-wash: #16345c;
--banner-font: 'DM Sans', sans-serif;
}// Tailwind CSS Config
colors: {
banner: {
bg: '#0a1a2f',
ink: '#e8f1ff',
accent: '#4da3ff',
wash: '#16345c',
}
}Template Usage & FAQ
Can I use the "Open Sea" template across all social networks?
Yes. This template is designed with responsive coordinate scaling that perfectly formats for X / Twitter (1500×500), LinkedIn (1584×396), YouTube (2560×1440), and GitHub Profile README (1280×400) without any text clipping.
How do I customize the avatar, name, and badges in this template?
Click "Use This Template in Generator" above. You can load your GitHub profile automatically, change typography, adjust the Brand Kit palette, and download high-res PNG or vector SVG in seconds.
Is this template 100% free with no watermark?
Yes, 100% free and open. All rendering happens entirely inside your browser (local-first). No registration, no subscription, and zero watermarks.