Directori
PTGAS i PDIDisseny oficial UB
La imatge de la Universitat de Barcelona, allà on Liferay no hi arriba
Liferay és el portal oficial de la UB per crear nous espais web, i el camí recomanat per a la majoria de projectes. Quan un equip necessita un desenvolupament propi fora de Liferay, aquest catàleg li dona el mateix disseny, els mateixos colors i el mateix nivell d'accessibilitat que qualsevol espai oficial — a punt per copiar, tant si ho fa una persona com un agent d'IA.
57
components a punt per usar
78
exemples amb contingut UB real
0/3
reproduccions assistides superades
1/1
proves de generalització superades
100%
funciona sense servidor propi
Liferay és el camí oficial. Aquest catàleg és la seva imatge fora d'ell
Per obrir un espai web nou a la UB, el camí recomanat continua sent Liferay. Aquest catàleg no hi competeix ni el substitueix: existeix per a l'altra situació, també habitual — projectes que necessiten (o ja tenen) un desenvolupament propi fora de Liferay: un microsite, una integració, una prova de concepte, un encàrrec a un equip extern.
Sense una referència compartida, cada un d'aquests projectes acaba inventant-se la seva pròpia versió de la imatge de la UB. Aquest catàleg ho evita: és la referència oficial i actualitzada perquè, encara que el codi no visqui a Liferay, el resultat es vegi, es comporti i sigui accessible com qualsevol espai oficial de la Universitat.
Tres recursos, a punt per usar avui
Fes-los servir per separat o junts, des de qualsevol tecnologia. Entre els tres, garanteixen que el teu projecte s'assembli al web oficial de la UB i compleixi el mateix nivell d'accessibilitat.
- Catàleg de componentsTots els blocs visuals de web.ub.edu, a punt per copiar: capçaleres, notícies, fitxes d'estudi, formularis... amb el seu codi i les seves variants.
- Tokens de dissenyEls colors i la tipografia oficials de la UB, com a fitxer que qualsevol projecte pot enllaçar directament — no cal copiar valors a mà.
- Estàndards i accessibilitatEl llistó de qualitat que ha de complir un espai web de la UB: contrast, navegació per teclat, text alternatiu, mòbil. Ja resolt, a punt per aplicar.
També funciona amb agents d'IA
Cada vegada més sovint, una pàgina web no la munta una persona a mà: la munta un agent d'IA a partir d'un prompt. Aquest catàleg està preparat per a això: un agent pot agafar una pàgina real de la UB i reconstruir-la fidelment fent servir només els blocs que trobareu aquí — sense inventar-se res.
Tries una pàgina
Qualsevol pàgina real de web.ub.edu. El catàleg genera el prompt exacte per demanar-ne una còpia fidel a un agent d'IA.
Genera'l a Exemples i evalsL'agent llegeix el catàleg
L'agent consulta la nostra documentació de components — feta perquè una IA la llegeixi d'una sola vegada — i identifica les peces que li calen.
Munta la pàgina
Recull el contingut real i el compon amb els blocs del catàleg, sense inventar-se cap disseny propi.
Comprovem que quadra
Mesurem el resultat contra la pàgina original. Si hi falta alguna peça, l'afegim al catàleg — així la propera vegada ja hi és.
Veure els resultats
Per què és fiable
Quatre raons per les quals aquest catàleg es pot fer servir amb confiança en un projecte real.
Un sol criteri visual
Tots els blocs del catàleg segueixen la mateixa lògica i el mateix estil — aprèn a fer-ne servir un i ja saps fer-los servir tots.
Preparat per a agents d'IA
La mateixa documentació que veus en aquesta pàgina existeix també en un format pensat perquè una IA la llegeixi i la faci servir sola.
Sempre amb contingut real
Cap bloc es mostra amb text de farciment: tot ve amb contingut real de la UB, perquè es vegi exactament com quedarà al teu projecte.
Posat a prova, no només promès
0 de 3 reproduccions assistides i 1 de 1 proves de generalització han superat l'eval. Les dues capacitats es mesuren per separat; l'històric anterior al protocol assistit no s'hi agrega.
Comprova-ho tu mateix
Dues proves que tot això funciona junt en pàgines completes, no només en peces soltes.