Skip to content
Library

Atlantic.vc. Electric blue and ice-white type on layered charcoal, traced with cool-white borders.

  • Brand
  • Dark theme
  • 11 colors
  • 2 typefaces

Atlantic.vc operates as a midnight investment observatory: near-black canvas, cool-tinted ice-white typography, and a single electric blue (#1f58f2) that illuminates selected words inside otherwise neutral headlines like a tracer running through data. The design language is editorial and scientific — particle-cloud hero imagery, monospaced labels with wide tracking, and oversized display type (96px Monument) that occupies the full viewport. A single warm orange-red (#ff4105) breaks the cool palette exclusively for interactive states and the follow CTA, creating deliberate thermal contrast against the otherwise glacial system. Surfaces layer as concentric shades of charcoal (#000000 → #0d0d0f → #232529 → #2b2f33), with the signature cool-white #d8eaff doubling as text AND the dominant border color — a unified treatment that makes every outlined element feel like a wireframe drawn in light.

Screenshot of Atlantic.vc
Captured from atlantic.vc on October 11, 2026

Atlantic.vc design system

Atlantic.vc

Brand1

  • Violet wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Do not promote it to the primary CTA color

Accent1

  • Orange outline accent for tags, dividers, and focused UI edges. Do not promote it to the primary CTA color

Neutrals9

  • Deepest surface — page canvas and footer base

  • Card surface — sits one shade above void, used for elevated content blocks

  • Body background and footer border surface — mid-layer charcoal

  • Card backgrounds and the most common elevated surface — the default panel

  • Muted body text and subtle dividers — secondary text level

  • Medium-contrast borders and link outlines

  • Tertiary body text and low-emphasis borders

  • Helper text and low-contrast borders — the quietest readable neutral

  • Primary text and dominant border color — cool blue-tinted white that doubles as hairline borders, card outlines, and link underlines, creating a wireframe-in-light effect across all surfaces

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Ice White on Electric Cobalt

4.59 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.