Background
light #FAFAF7 · dark #0F0F0E
Suprafata principala — homepage, articole.
Publication / Style Guide
Colophon - Tehnologii si Design SecureNET
Despre paleta, tipografia si componentele care formeaza identitatea editoriala SecureNET.
01 / Colors
Paleta editoriala
Paper
light #F5F4ED · dark #1A1A18
Carduri, sectiuni cu elevatie subtila.
Ink (foreground)
light #0A0A0A · dark #F5F4ED
Text principal, titluri serif.
Ink secondary
light #6B6862 · dark #B5B0A0
Body secundar, metadata, captions.
Editorial Blue
light #1E40AF · dark #60A5FA
Accent / link / CTA primar.
Editorial Red
light #DC2626 · dark #F87171
Avertismente, erori.
Editorial Green
light #047857 · dark #4ADE80
Success, validari.
Code surface
light #1A1A18 · dark #1A1A18
Blocuri de cod, ascii art.
02 / Typography
Trei familii, o singura voce
AaBbCc 0123
Fraunces Variable · serif display · opsz 144 · wght 450
Editorial italic — pulled quotes
Fraunces Variable · italic · slnt −10 · opsz 72
Section heading H3
Fraunces Variable · opsz 36 · wght 500
Body text in Inter Variable, optimizat pentru lectura indelungata. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Inter Variable · 17px / 1.65 · wght 400
$ ssh admin@router-01.snsys.ro [mikrotik] /interface bridge add name=br-lan [mikrotik] /ip address add address=10.0.0.1/24 interface=br-lan
JetBrains Mono Variable · 14px · wght 400
03 / Components
Building blocks
Buttons
Pull quote
“Infrastructura buna nu se vede. Se simte doar atunci cand lipseste.”
Code block
/ip firewall filter
add chain=input action=drop \
connection-state=invalid comment="drop invalid"Unordered list
- Audit infrastructura
- Configurare MikroTik
- Conformitate NIS2
Ordered list
- Discovery call
- Audit + ofertare
- Implementare
Form fields
04 / Grid & spacing
12-col baseline
01
02
03
04
05
06
07
08
09
10
11
12
4px
8px
16px
24px
32px
48px
64px
96px
128px
05 / Credits
Built with free, open tools
Typography
- Fraunces · Undercase Type
- Inter · Rasmus Andersson
- JetBrains Mono · JetBrains
Toate variabile, self-hosted (woff2), licenta SIL OFL.
Tehnologii
- React 18 · TypeScript 5 · Vite 5
- Tailwind CSS v3 · shadcn/ui
- Framer Motion · React Router
- Pre-render static · IIS hosting
Stack 100% free / open source.
Built by SecureNET Systems · MMXXVI · snsys.ro