NEAR
Midnight command center, electrified data streams.
NEAR utilizes a high-contrast dark theme with a prominent, vibrant green accent that electrifies interactive elements and key brand messaging. Typography is weighty for headings and precise for body text, creating a serious yet cutting-edge atmosphere. Components feature stark black fills, white text, and minimal rounded corners, emphasizing functionality and digital precision over organic softness. The overall aesthetic is one of a 'midnight command center'—dark, digital, and punctuated by bursts of algorithmic green.
⚡️ Build with this templatehttps://near.orgColor Palette
Typography
Heading: inherit
Body: inherit
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
# NEAR — Style Reference > Midnight command center, electrified data streams. Theme: dark NEAR utilizes a high-contrast dark theme with a prominent, vibrant green accent that electrifies interactive elements and key brand messaging. Typography is weighty for headings and precise for body text, creating a serious yet cutting-edge atmosphere. Components feature stark black fills, white text, and minimal rounded corners, emphasizing functionality and digital precision over organic softness. The overall aesthetic is one of a 'midnight command center'—dark, digital, and punctuated by bursts of algorithmic green. ## Colors | Name | Value | Role | |------|-------|------| | Midnight Ink | `#000000` | Primary background for dark sections, major component fills, and primary text | | Ghost White | `#ffffff` | Primary text on dark backgrounds, secondary surface fills for contrast, button text | | Digital Green | `#00ec97` | Primary action backgrounds, interactive states, key headings, and brand accents. This color provides a vibrant, almost neon highlight against the dark palette | | Dark Forrest | `#c7f5d8` | Subtle background for UI blocks or sections, offering a desaturated green context without visual noise | | Slate Border | `#e5e7eb` | Dividers, hairline borders for subtle separation, and outlining ghost elements | | Muted Ash | `#757575` | Medium-contrast borders, control outlines, and structural separators. Do not promote it to the primary CTA color | | Input Pale | `#f2f1e9` | Input field backgrounds and borders, providing a soft contrast | ## Typography | Family | Role | |--------|------| | FKGrotesk | The primary typeface for all content, from headings to body text. Its weights convey a sense of modern authority, with bold for emphasis and lighter weights for readability. | | Mona Sans | Reserved for small, highly functional text elements like metadata or labels, providing a compact, technical feel. |