Ager design system
Ager's visual identity applied to the interface components. A coherent, sober, editorial baseline to review before wiring real data.
Palette
Official brand colors. No high saturation, no colored shadows. Recommended distribution: ~60% neutrals, ~25% blue, ≤10% green, ~5% functional.
Functional colors
Typography
Merriweather for headings and the wordmark, Inter for UI and body. Layered hierarchy: synthesis → context → depth.
Understand first, scroll later
H1 · Section heading
H2 · Subheading
H3 · Context
Body copy uses Inter at 16px with generous line height, built for short but dense explanations. Simplification serves understanding, not dumbing-down: we define key terms and separate facts from interpretation.
Secondary text · 14px · metadata and sources
Caption · 12px
Logo
Clear space equal to 14% of the symbol. Minimum digital sizes: full logo 120px, icon 32px.
Forbidden: shadows or effects, colors outside the palette, rotation, deformation, a wordmark in any font other than Merriweather.
Buttons
Primary in blue, secondary in ethical green. Secondary CTAs remain an accent.
Badges
Low-saturation labels. Green signals trust and context, orange evolution, red error.
Surfaces & states
Cards, loading skeletons, and empty or error states, in a measured tone.
Card title
A short supporting description in muted gray.
Nothing here yet
There's nothing to show here yet. Check back later.
Something went wrong
We couldn't load the content. Please try again shortly.
FeedCard
The reusable feed component: only title, excerpt, source, image and topics. Link-first — no article body. The third card shows the image placeholder. Sample data.
La nuova legge sull'acqua: cosa cambia per i comuni e perché conta — open on publisher
Il provvedimento ridisegna la governance delle risorse idriche locali. Abbiamo letto il testo e isolato i tre punti che incidono davvero sulla gestione comunale.
Inflazione in calo: i dati ISTAT letti senza allarmismi — open on publisher
Il dato mensile scende, ma la lettura richiede contesto. Cosa misura l'indice, cosa no, e perché il carrello della spesa racconta una storia diversa.
Scuola e intelligenza artificiale: le linee guida del ministero — open on publisher
Arrivano le indicazioni per l'uso dell'IA in classe. Distinguiamo ciò che è vincolante da ciò che resta una raccomandazione, con esempi concreti.