Site-uri · 2026
SASTIPEN
Informații ample. Un traseu clar.
Un site multilingv și un spațiu privat de administrare, organizate în jurul resurselor lizibile, formularelor distincte și unei identități portocalii ușor de recunoscut.
Vizitează site-ul- Format
- Site și spațiu privat
- Contribuție
- Design și dezvoltare
- Tipografie
- Geist · Geist Mono
- Limbi
- Română · Romani · Engleză
Proiectul pe scurt
Conținut amplu, cu repere clare.
Programele, arhivele de proiecte, resursele și formularele au nevoie de mai multă structură decât un site scurt de prezentare. Interfața oferă fiecărui tip de conținut un loc clar și separă contactul general de raportarea discriminării.
Contribuția noastră
Proiectul conectează un sistem public de informații multilingve cu un spațiu separat de administrare. Compoziția paginilor, navigarea și formularele folosesc un limbaj vizual consecvent pentru sarcini diferite de lectură și transmitere a informațiilor.
Direcția vizuală
Portocaliul dă structurii un accent clar.
Suprafețele albe și textul în tonuri închise susțin lectura. Portocaliul marchează acțiunile importante și detaliile de identitate; o nuanță mai închisă susține accentele de text pe fundaluri deschise. Culoarea orientează atenția, iar conținutul stabilește ierarhia.
Paleta interfeței
- Portocaliu
- #FF8904
- Alb
- #FFFFFF
- Zinc
- #18181B
- Portocaliu închis
- #A64B00
Tipografie directă
Geist oferă o voce sans-serif consecventă. Titlurile ample și ferme separă secțiunile de informațiile secundare.
Spațiu pentru lectură
Spațierea generoasă și secțiunile editoriale recurente păstrează ritmul textelor ample și al traducerilor.
Culoare cu un rol
Portocaliul viu al identității și accentul închis de text răspund unor nevoi diferite de contrast în aceeași paletă.
Designul interacțiunii
Găsește informația. Alege traseul potrivit.
Navigarea publică separă explorarea, lectura și transmiterea informațiilor.
Alege subiectul
Navigarea grupează organizația, programele, proiectele și resursele în destinații ușor de recunoscut.
Citește în limba preferată
Româna, romani și engleza urmează aceeași structură de conținut și aceleași convenții de navigare.
Folosește formularul relevant
Contactul general și raportarea discriminării au formulare distincte, cu validare și mesaje localizate.
Designul în practică
Conținut public și date private, bine delimitate.
Next.js și next-intl redau paginile publice, cu proiecte păstrate local și interacțiuni punctuale. Formularele validate pe server folosesc Prisma și PostgreSQL; analiza se face în pagini administrative autentificate. Site-ul public nu expune aceste înregistrări.
O ierarhie editorială
Rutele distincte și secțiunile recurente organizează programele, proiectele și resursele descărcabile, fără să le comprime într-o singură pagină lungă.
Formulare cu scop clar
Contactul și raportarea discriminării au explicații și cerințe de consimțământ proprii. Ruta pentru mediatori, momentan suspendată, explică disponibilitatea și trimite la contact.
O interfață pentru lucru
Spațiul privat folosește tabele, filtre și panouri de detalii pentru stare, prioritate și notițe, cu o densitate potrivită administrării.
Rezultatul
O experiență coerentă, publică și privată.
Rezultatul este un site în trei limbi, cu informații editoriale și trasee de raportare structurate, alături de un spațiu protejat de administrare. Aceeași identitate susține lectura publică și analiza internă prin compoziții potrivite fiecărei activități.