Hardware i desplegament d'IA local — lleuger, privat, sobirà. Aquesta guia defineix com es veu i com sona Onaer a la web, a la botiga, al panell de client i als materials comercials. El mode fosc és el mode per defecte.
POPPINSRADI 8PXGRAELLA 12 COLWCAG AA
01
Principis de marca
Quatre criteris per decidir quan el sistema no té una resposta. Si un disseny no compleix tres dels quatre, torna-hi.
Lleugera
Aire abans que ornament. Si un element no ajuda a decidir, treu-lo. Densitat baixa, jerarquia clara.
Tècnica
Xifres reals, unitats, especificacions. La mono és per a dades: VRAM, tokens/s, TB, preus.
De confiança
La privacitat es comunica amb tranquil·litat, mai amb por. Res de vermells alarmistes al màrqueting.
Universal
Tot component ha de funcionar en català, castellà, anglès, gallec i èuscar. Preveu +35% de longitud.
02
Logo — «Espectre local»
Sis barres verticals amb el perfil d'una ona: la teva veu, un senyal d'IA i un rack de servidors en un sol gest. La barra central sempre en turquesa — és l'únic punt de color del símbol.
Variants del símbol — a decidir
A · Càpsules
L'esbós original. Suau i amable, però llegeix més com a àudio que com a infraestructura.
RECOMANADA
B · Rack
Radi 2px. Manté l'ona i guanya la lectura de mòduls de servidor. Coherent amb el radi 8px del sistema.
C · Segments
Barres partides en unitats. Més distintiva i molt bona com a favicon, però es perd per sota de 20px.
Declinacions
onaer
HORITZONTAL · web, factures
onaer
APILAT · avatars, xarxes
FAVICON · símbol sol
onaer
FONS CLAR · impresos
✓ SÍ
Espai de seguretat = 1× l'altura de la «o» a tot el voltant.
Mida mínima: 24px d'alçada del símbol, 96px del logo horitzontal.
Sobre fons fosc, símbol en verd bosc amb barra central turquesa.
Sobre turquesa o verd sòlid, símbol monocrom en tinta o blanc.
✕ NO
No escriguis «Onaer» amb majúscula inicial al wordmark — sempre minúscula.
No canviïs l'alçada relativa de les barres ni n'afegeixis o en treguis.
No apliquis ombres, degradats, contorns ni rotacions al símbol.
No el posis sobre fotografia sense una capa sòlida o un 60% d'enfosquiment.
03
Color
Fons fosc com a mode principal. El turquesa és l'únic color d'acció; el groc i el vermell són senyals, no decoració. Regla pràctica: si a una pantalla hi ha més d'un 10% de superfície acolorida, has passat.
Superfícies
Fons base
#0B1417
Superfície
#0E1A1D
Targeta
#101E22
Vora
#1E3339
Bosc — sobirania
#145C4E
Accents i estats
Aa · contrast 8.9:1
Turquesa — acció
#2EC4B6 · botons, enllaços, focus
Aa
Turquesa clar — hover
#6FE0D5
Aa · només micro
Groc — atenció
#FFB703 · badges, avisos
Aa · només error
Vermell — error
#E5484D · validació, fallades
Text
Text principal
#F0F4F4 · 15.2:1
Text secundari
#A8BEC1 · 8.6:1
Text terciari
#7E9A9E · 5.2:1 · mín. 14px
Tinta sobre clar
#1B2A2E sobre #F0F4F4
Regla del verd bosc. El #145C4E és superfície, no accent: seccions de «sobirania», franges de peu, fons de citació. Mai text petit ni botons — sobre fons fosc el contrast no arriba a AA.
04
Tipografia
Poppins per a tot el text; JetBrains Mono per a dades, especificacions, codi i etiquetes. Pesos: 300 per a text llarg i titulars grans, 400 per a UI, 500 per a èmfasi, 600 només al wordmark. Mai 700+.
Display 64 / 1.05 / -1.5px 300
IA local, sobirana
H1 42 / 1.15 / -0.8px 400
Configura el teu sistema
H2 34 / 1.2 / -0.5px 400
Com funciona
H3 20 / 1.35 / 0 500
NAS per a RAG
Cos 16 / 1.65 / 0 300
Amb Onaer, les teves dades i els teus models es queden on han de ser: a casa teva. Lleuger de mantenir, privat per disseny, lliure al teu aire.
Petit 14 / 1.6 / 0 300
Enviament en 5-7 dies laborables. Instal·lació i configuració incloses a la província de Barcelona.
Mono / dades 13 / 1.5 / 0.5px 400
48 GB VRAM · 62 tok/s · 8 TB NVMe · 4.290 €
Regles
Amplada de línia: 55-70 caràcters al cos de text.
text-wrap: pretty a tots els titulars.
Etiquetes en majúscula només en mono, amb letter-spacing 1.5px.
Cap text per sota de 13px a pantalla; 14px mínim per a text llarg.
Comanda confirmada. T'enviarem el número de seguiment quan surti del taller.
Estoc limitat. Queden 3 unitats d'aquesta configuració.
No s'ha pogut desar. Comprova la connexió amb el servidor local i torna-ho a provar.
EN ESTOCNOUSENSE ESTOCRECONDICIONATRGPD
Tabs i acordió
EspecificacionsRendimentGarantia
Xassís de sobretaula, 2× GPU de 24 GB, refrigeració líquida, consum màxim 850 W. Silenciós per a despatx (< 38 dB en càrrega mitjana).
Les dades surten de la meva xarxa?−
No. Tot el processament passa al maquinari que tens instal·lat. Sense connexió a internet, el sistema continua funcionant.
Quins models puc executar-hi?+
Oferiu manteniment?+
Modal
Confirmes la configuració?
Onaer Torre 48 amb 128 GB de RAM i 4 TB NVMe. Un cop confirmada, la muntem i te la validem abans d'enviar-la.
Hero i CTA
Les teves dades, la teva infraestructura. Al teu aire.
Hardware i desplegament d'IA local, privats i sobirans. Sense núvol, sense sorpreses.
RENDER · EQUIP EN OFICINA
Parlem del teu cas
30 minuts, sense compromís. Et diem si l'IA local et convé — i si no, també.
07
Iconografia
Reixa de 24×24, traç d'1,5px, extrems i unions rectes (stroke-linecap: butt), sense farciment. Geometria ortogonal i angles de 45° — mateixa família visual que les barres del símbol.
servidor
privacitat
GPU
rendiment
xifratge
documents
latència
avís
Set gruixos idèntics a totes les mides: escala la reixa, no el traç. Base recomanada: Lucide amb stroke-width 1.5 i linecap/linejoin a butt/miter — no cal dibuixar un set propi.
08
Imatgeria
Renders tècnics i diagrames — no fotografia d'estoc ni gent somrient davant d'un portàtil. El maquinari es mostra net, sobre fons fosc, amb una sola llum turquesa d'accent.
RENDER 3/4 · TORRE
Producte aïllat, vista 3/4, ombra suau, fons #0B1417.
DIAGRAMA · FLUX DE DADES
Traços d'1,5px, mateix llenguatge que les icones. Etiquetes en mono.
DETALL MACRO · CONNECTORS
Textura i material com a recurs editorial per a capçaleres.
✓ SÍ
Ràtios 16:9, 4:3 i 1:1. Radi 8px.
Una sola font de llum, freda.
Diagrames amb un màxim de 7 nodes.
✕ NO
Núvols, cadenats gegants, codi verd Matrix.
Fotos d'estoc de reunions.
Il·lustració 3D isomètrica genèrica.
09
Veu i to
Tractament de «tu», frases curtes, sense argot innecessari. La privacitat es comunica amb tranquil·litat, no amb por.
✓ ESCRIVIM AIXÍ
✕ NO AIXÍ
«Les teves dades es queden a casa teva.»
«Solucions holístiques de sobirania del dato end-to-end.»
«62 tokens per segon amb un model de 70B.»
«Rendiment increïblement ràpid i revolucionari.»
«Et diem si l'IA local et convé — i si no, també.»
«No arrisquis: el núvol pot filtrar les teves dades avui mateix.»
Microcopy
Botons amb verb i objecte: «Configura el teu sistema», no «Enviar».
Errors
Digues què ha passat i què pot fer l'usuari. Mai culpar-lo.
Xifres
Sempre amb unitat i context. Punt de milers, coma decimal, € darrere.
Multilingüe
Adapta, no tradueixis literalment. Valida amb parlants nadius.
10
Accessibilitat
Objectiu WCAG 2.2 AA a tot el producte. El mode fosc no és excusa per a text gris fluix.
4.5:1
Contrast mínim per a text normal; 3:1 per a text gran i icones informatives.
44px
Àrea tàctil mínima. En taules denses, 40px amb 8px de separació.
2px
Anell de focus turquesa amb 2px d'offset. Visible sempre amb teclat.
200%
El text ha de poder ampliar-se fins al 200% sense pèrdua de contingut.
El color mai és l'únic portador d'informació: els estats d'estoc porten text, no només un punt de color.
11
Tokens
Noms semàntics: descriuen la funció, no el color. Copia el bloc CSS al projecte i utilitza el JSON per a Figma, Tailwind o Style Dictionary.