Dotneet design system · v1.1
One identity. Many formats. A working reference for the product interface, presentation templates and future assets.
Calm structure. Clear evidence. Dark surfaces give the work space. A paper receipt makes the record tangible. Lime marks the next action; status labels describe specific checks.
Panelvar(--surface-panel)
Raisedvar(--surface-raised)
Actionvar(--action-primary)
Action hovervar(--action-primary-hover)
Receipt papervar(--surface-paper)
Text primaryvar(--text-primary)
Text secondaryvar(--text-secondary)
Text tertiaryvar(--text-tertiary)
Control bordervar(--border-control)
Subtle bordervar(--border-subtle)
Successvar(--status-success-text)
Pendingvar(--status-pending-text)
Dangervar(--status-danger-text)
Infovar(--status-info-text)
Focus (dark)var(--focus-ring)
Focus (paper)var(--focus-ring-paper)
Inter / JetBrains Mono
Get paid.Keep the proof. Use direct verbs. Describe what was checked. Keep ownership, payments and contribution quality separate.
Foundations in code Semantic CSS variables and portable JSON tokens are included in the handoff. Font stacks use variable fonts loaded via CDN with system fallbacks.
// tokens.css
--surface-base: #0A0E16;
--action-primary: #CCF23F;
--font-body: 'Inter', system-ui, sans-serif;
--font-mono: 'JetBrains Mono', monospace;
--radius-md: 8px;
--control-height-md: 44px;
--motion-fast: 120ms ease;
8px radius · 44px controls · 760px mobile breakpoint Visible focus · Reduced motion · 4px base spacing
Shared interface components These are component specimens. Disabled examples do not perform application actions.
Buttons Primary Secondary Ghost Danger
Small Medium Large XL
Loading Disabled
Action Links Badges Neutral Success Pending Danger Info
Small success Small pending
Notices Error
This signature could not be verified. Start the signing request again.
Pending
Check the existing transaction. Do not resend payment.
Success
Your profile changes were saved.
Info
This is a testnet environment. No real funds are used.
Inputs and consent Contributor’s name A label remains visible when the field has a value.
Contribution description 0 / 600
Publication requires the contributor’s explicit consent. Precise status labels Wallet control checked · specimen Payment submitted · specimen Payment + acknowledgment checked · specimen Acknowledgment withdrawn · specimen Testnet environment · specimen
Do not use “trusted person,” “verified human” or a universal reputation score.
Receipt specimen .neet ILLUSTRATIVE SAMPLE
A contribution worth keeping
ada.neet Mobile testing that made the next release better.
Acknowledged by mika.neet · example builder
Contribution Mobile usability testing 50.00 NIM
Example amount · no funds were sent
Form field states Handle input Normalizes to lowercase, strips .neet suffix, validates format.
Toast notifications Global toast system with success (lime), error (red), info (yellow). Auto-dismisses after 5s.
Show Success Show Error Show Info