elektroniczna platforma usług administracji publicznej księga znaku

Transkrypt

1 elektroniczn pltform usług dministrcji publicznej księg znku

2 wstęp 3 znk epuap genez 4 budow znku opis geometryczny 5 liternictwo 6 kolorystyk 7 odminy znku 8 sklownie znku 9 zsdy umieszczni 10 spis rzeczy

3 Zdniem tego oprcowni jest nie tylko uporządkownie i systemtyzcj stosowni logo elektronicznej Pltformy Usług Administrcji Publicznej, le tkże wytyczenie rm, w jkich będą powstwć wszelkie mteriły orz publikcje optrzone tym znkiem. Utrzymnie ścisłych reguł stosowni znku systemtyzujących liternictwo, kolorystykę, formt, sposoby rozmieszczeni i użycie dopuszczlnych wrintów jest niezbędne do zchowni jednorodnej i rozpoznwlnej tożsmości. Wizerunek epuap m spełnić nstępujące funkcje: wizerunkowe i estetyczne promownie idei społeczeństw obywtelskiego i informcyjnego kreownie prtnerskich relcji między pństwem obywtelem zznczenie służebnej wobec obywtel funkcji instytucji publicznych stworzenie nowoczesnego i elegnckiego wizerunku, który jednocześnie ociepli formlny chrkter instytucji publicznych syntetyczne ujęcie funkcji i medium, w którym operuje epuap merytoryczne i funkcjonlne: wdrożenie łdu wizulnego w wizerunku instytucji publicznych przez systemtyzcję i ujednolicenie mteriłów grficznych czytelność i rozpoznwlność, stworzenie kodu porządkującego o wysokim stopniu funkcjonlności i uniwerslności stworzenie przejrzystego i funkcjonlnego systemu otwrtego, umożliwijącego rozbudowę wrz z rozwojem instytucji. wstęp3

4 elektroniczn pltform usług dministrcji publicznej biuletyn informcji publicznej Njwżniejszym punktem odniesieni w trkcie projektowni znku był ide Pltformy jko mostu obrzującego bezpośrednią relcję Pństwo Obywtel. Tk powstł biło-czerwony most, który umieszczony nd literą e logotypu m symbolizowć dilogiczną funkcję Pltformy. Jko, że epuap dministrcyjnie przynleży do Deprtmentu Informtyzcji MSWiA, stylistyk znku nwiązuje do logo innego przedsięwzięci podlegjącego Deprtmentowi Biuletynu Informcji Publicznej. To nwiąznie i prób ujednoliceni m stnowić przyczynek do wizerunkowej unifikcji wszelkich przedsięwzięć DI MSWiA. Znk epuap zostł oprty n tych smych co BIP krojch pism, użyto też zbliżonej stylistyki i metforyki. genez4

5 logotyp rozwinięcie skrótu 2,5 pole ochronne element dopełnijący Znk skłd się z logotypu epuap, wizerunku stylizownego, biło-czerwonego mostu orz rozwinięci skrótu umieszczonego n prwo od logotypu. Most stnowi geometryczną wynikową litery e logotypu osie okręgów wykreśljących wewnętrzne łuki mostu pokrywją się ze środkiem litery e. Dl uniknięci zbyt cienkich, znikjących zkończeń łuków, oś okręgu wyznczjącego większą krzywiznę łuku jest niezncznie odchylon od osi mniejszego łuku. Lew połow mostu jest wypełnion grdientem od czerwonego do ciemnoczerwonego, zś istnienie prwej połowy sygnlizuje jedynie wycięcie w kolejnej literze logotypu ( P ). Logotyp, złożony krojem Beep Sns Semibold, zostł wypełniony grdientem przechodzącym przez jego cłą długość, od koloru błękitnego do grntowego. Rozwinięcie skrótu jest ciemnoszre, złożone w dwóch linich krojem Rotis Sns Serif w odminie Regulr. Wysokość bloku tekstowego zwierjącego rozwinięcie skrótu odpowid odległości dolnej linii pism logotypu od górnej. Obszr pol ochronnego wyzncz odległość równ grubości kresek jednoelementowego kroju Beep. Dopełnieniu znku służy dodtkowy element - rysunek mostu, którego prw część jest wypełnion grdientem od szrości do bieli. budow znku5

6 elektroniczn pltform usług dministrcji publicznej Lorem ipsum dolor sit met, consectetuer dipiscing elit, sed dim nonummy nibh euismod tincidunt ut loreet dolore mgn liqum ert volutpt. Ut wisi enim d minim venim, quis nostrud exerci ttion ullmcorper suscipit lobortis nisl ut liquip ex e commodo consequt. Wrszw Georgi Lorem ipsum dolor Lorem ipsum dolor sit met, consectetuer dipiscing elit, sed dim nonummy nibh euismod tincidunt ut loreet dolore mgn liqum ert volutpt. Ut wisi enim d minim venim, quis nostrud exerci ttion ullmcorper suscipit lobortis nisl ut liquip ex e commodo consequt. Duis utem vel eum iriure dolor in hendrerit in vulputte velit esse molestie consequt, vel illum dolore eu feugit null fcilisis t vero eros et ccumsn et iusto odio dignissim qui blndit present lupttum zzril delenit ugue duis dolore te feugit null fcilisi. Nm liber tempor cum solut nobis eleifend option congue nihil imperdiet doming id quod mzim plcert fcer possim ssum. Typi non hbent clrittem insitm; est usus legentis in iis qui fcit eorum clrittem. Investigtiones demonstrverunt lectores legere me lius quod ii legunt sepius. Clrits est etim processus dynmicus, qui sequitur muttionem consuetudium lectorum. Mirum est notre qum litter gothic, qum nunc putmus prum clrm, nteposuerit litterrum forms humnittis per secul qurt decim et quint decim. Eodem modo typi, qui nunc nobis videntur prum clri, fint sollemnes in futurum. Lorem ipsum dolor sit met, consectetuer dipiscing elit, sed dim nonummy nibh euismod tincidunt ut loreet dolore mgn liqum ert volutpt. Ut wisi enim d minim venim, quis nostrud exerci ttion ullmcorper suscipit lobortis nisl ut liquip ex e commodo consequt. Duis utem vel eum iriure dolor in hendrerit in vulputte velit esse molestie consequt, vel illum dolore eu feugit null fcilisis t vero eros et ccumsn et iusto odio dignissim qui blndit present lupttum zzril delenit ugue duis dolore te feugit null fcilisi. Nm liber tempor cum solut nobis eleifend option congue nihil imperdiet doming id quod mzim plcert fcer possim ssum. Typi non hbent clrittem insitm; est usus legentis in iis qui fcit eorum clrittem. Investigtiones demonstrverunt lectores legere me lius quod ii legunt sepius. Verdn Bold Verdn Ustw z dni 6 wrzesni 2001r. o dostepie do informcji publicznej Ustw z dni 6 wrzesni 2001r. o dostepie do informcji publicznej Lorem ipsum dolor sit met, consectetuer dipiscing elit. Vivmus blndit ultricies dim. Donec muris. Present uctor tortor t felis. Curbitur vel libero. Donec lectus metus, rhoncus, condimentum ut, viverr ut, spien. Aliqum ut ert id muris fringill interdum. Morbi feugit port rcu. Muris lobortis vehicul ipsum. Sed null. Null nunc nisl, mollis vel, vulputte sit met, egests c, mi. Vivmus liqum felis eros. Integer vrius semper metus. Fusce odio pede, mlesud sit met, mttis vite, commodo t, lcus. Null id muris. Muris cursus tempus ligul. Muris fcilisis. Nunc id tortor eu felis fcilisis dpibus. Donec eu risus. In pretium, nte eget eleifend fringill, dolor sem tempor velit, sit met fringill eros dolor quis nibh. Muris ugue. ii legunt sepius. Muris lobortis vehicul ipsum. Sed null. Null nunc nisl, mollis vel, vulputte sit met, egests c, mi. Vivmus liqum felis eros. Integer vrius semper metus. Fusce odio pede, mlesud sit met, mttis vite, commodo t, lcus. Null id muris. Muris cursus tempus Rotis Sns Serif Bold epup.gov.pl epup.gov.pl W logotypie użyto kroju Beep Sns Semibold. Zlec się wykorzystnie tego kroju, jko jednego z elementów rozpoznwlności, podczs tworzeni kolejnych elementów tożsmości wizulnej epuap. Krojem dopełnijącym w mteriłch firmowych i promocyjnych jest Rotis Semisns i jego odminy. W sytucjch, gdy możliwe jest użycie tylko fontów systemowych (szblony dokumentów i prezentcji) nleży używć fontów Georgi do tekstów dokumentów orz Verdn do prezentcji ekrnowych. liternictwo6

7 pełny kolor grdient pełny kolor pl CMYK: M: 100%, Ye: 100%, K: 40% RGB: R: 134, G: 20, B: 28 CMYK: Cy: 80% M: 10% RGB: R: 77, G: 143, B: 218 CMYK: Cy: 100%, M: 75%, K: 40% RGB: R: 11, G: 54, B: 107 PANTONE COOL GRAY 11 C PANTONE COOL GRAY 11 U CMYK: K: 75% RGB: R: 155, G: 155, B: 155 PANTONE CMYK: M: 100%, Ye: 100%, K: 15% RGB: R: 170, G: 0, B: 30 PANTONE CMYK: Cy: 100% M: 35%, K: 10% RGB: R: 0, G: 114, B: 176 PANTONE COOL GRAY 11 C PANTONE COOL GRAY 11 U CMYK: K: 75% RGB: R: 155, G: 155, B: 155 CMYK: M: 100%, Ye: 100% RGB: R: 193, G: 70, B: 31 CMYK: M: 100%, Ye: 100%, K: 40% RGB: R: 134, G: 20, B: 28 PANTONE COOL GRAY 11 C: 80% PANTONE COOL GRAY 11 U: 80% CMYK: K: 40% RGB: R: 134, G: 20, B: 28 CMYK: M: 100%, Ye: 100% RGB: R: 193, G: 70, B: 31 Kolory epuap-u to czerwony, niebieski i biły. Czerwień występuje w formie grdientu wypełnijącego połowę mostu od jsnej do ciemnej czerwieni. W dwóch odcienich użyto tkże niebieskiego grdient w logotypie przechodzi od błękitu do grntu. Ntomist wizerunek mostu, funkcjonujący jko smodzielny element, jest dodtkowo wypełniony grdientem od szrości do bieli. kolorystyk7

8 LOGO pełny kolor grdient pełny kolor pl czrno-biłe kontr odmin podstwow odmin podstwow wersj nglojęzyczn uproszczenie ZNAKI DOPEŁNIAJĄCE most dres www znki SPO WKP i EU Logo, prócz wersji podstwowej, m również szereg odmin. Odmin nglojęzyczn z rozwinięciem skrótu w jęz. ngielskim. Znku uproszczonego możn używć, gdy wrunki ekspozycji (np. pomniejszenie) uniemożliwią czytelne podnie rozwinięci skrótu. Do zstosowń w kontrze nleży używć wersji znku z logotypem i rozwinięciem skrótu w kolorze biłym, w rozwinięciu skrótu nstępuje wówczs zmin odminy kroju Rotis, z Regulr n Bold. W sytucjch gdy użycie koloru jest niemożliwe (np. fx) możn używć znku w odminie czrno-biłej. Do zstosowń populryzcyjnych służy osobny znk dl strony dres WWW uzupełniony czerwoną połową mostu ze znku epuap. N wszystkich mteriłch informcyjnych i promocyjnych epuap nleży umieszczć dodtkowo: znk Unii dl Przedsiębiorczych (SPO WKP), flgę Unii Europejskiej (EU) orz tekst z informcją o finnsowniu przez te instytucje. Zlecne umiejscowienie tych znków to dolny, prwy róg strony, w rozmirze pozwljącym n zchownie czytelności tekstu. W przypdku publikcji dwu- i wielostronicowych znki te możn umieszczć n drugiej / osttniej stronie. W stosowniu tych znków nleży się kierowć odpowiednimi dl nich specyfikcjmi dostępnymi n stronch orz odminy8

9 min. 50 mm min. 15 mm 7 pt 7 pt pozytyw min. 60 mm min. 17 mm druk 8 pt 8 pt kontr min. 195 px min. 56 px pozytyw 9 pt 9 pt min. 230 px min. 68 px kontr ekrn 10 pt 10 pt Podczs pomniejszni znku nleży przestrzegć podnych dopuszczlnych wielkości minimlnych. Sklownie poniżej tych wrtości spowoduje utrtę czytelności, utrudni rozpoznwnie orz spowoduje obniżenie jkości odwzorowni znków. Odmienne wrtości obowiązują dl reprodukcji w druku orz do wyświetlni znków n ekrnie monitor. Dl obu rodzjów mediów wielkości zostły podne w odpowiednich jednostkch miry (mm i px). Czynnikiem decydującym o skli pomniejszeni jest czytelność tekstu. Jko minimlną dopuszczlną wielkość tekstu przyjęto odpowiednio: dl druku 7 pkt (8 pkt dl kontry) orz dl ekrnu 9 pkt (10 pkt dl kontry). sklownie9

10 4 4 Pole ochronne 4 Zlecny mrgines 4 Dl zpewnieni czytelności i odpowiedniej ekspozycji znku nleży zchowywć pole ochronne. Wszystkie inne elementy dokumentu (teksty, ilustrcje) powinny znjdowć się poz jego obszrem. Wielkość pol ochronnego to odległość równ segmentowi sitki modułowej (n rysunku wrtość ). Z kolei wrtość równ 4 segmentom sitki to zlecny mrgines odsunięci od krwędzi strony. Zlecn loklizcj znku n stronie to lewy górny róg, le dopuszczlne jest umieszcznie go w pozostłych nrożnikch strony. rozmieszcznie10

11 studiotwr te Deprtment Informtyzcji MSWiA, MSWiA Projekt i i oprcownie: studiotwrte