WELKOM OP DE HUISSTIJL PAGINA VAN PAND-RAAK

Een pagina gemaakt voor antwoord op de vragen, wat is ons lettertype?

Iemand heeft mijn logo nodig, maar welke zal ik sturen? De illustrator, JPG, PNG of SVG?

Maar deze pagina is ook voor de website zelf!

Wilt u een andere Heading 1? of meer regel spatiëring op een bepaalde letterstijl?

Of de bodytekst/paragraph in een andere letter? De standaard link kleur moet onderlijnd worden enz...

Je kunt hier eenvoudig meekijken met de veranderingen.

Heb je vragen? Wil je direct wat veranderen?

Bel Koen, 06-51296755 en kijk live mee!

HEADING 1

HEADING 2

Heading 3-4-5

Heading 6 (is hetzelfde als de Body)
,,BLOCK QUOTE ALTIJD ROOD''

HEADING 1 EN 2 ZIJN HETZELFDE NU IN HET LETTERTYPE MOSSEO SANS 900 IN KAPITALEN

I.v.m. zoekmachine optimalisatie gebruiken we maar een "Heading 1" per pagina. Daarom hebben we "Heading 2" exact hetzelfde gemaakt.

In Heading 3, Nu in de Mosseosans 500 en geen kapitalen

Dit is de body tekst, ook wel Paragraph genoemd. We typen even door om de regelspatiering te kunnen laten zien. De MosseoSans 300 light.

Dit is Heading 4 over body tekst

Een link moet ook goed zichtbaar zijn. Ga je je voor een onderstreepte link? Of alleen een ander kleurtje?Bold zou ook nog kunnen? Hier een voorbeeld hoe de link nu staat ingesteld.

De achtergrondkleur! in H5. Over H5 kan ook een heel ander font worden, deze is nog niet gebruik.

De achtergrondkleur is nu wit!

In Heading 4, hier de vraag zou misschien zijn: is de body misschien te dik? 

Let op: te dunne letters doen het niet goed op oudere Pc's!

Daarnaast heb ik de fonts ook per device ingesteld op verschillende grote.

Op de PC, iPad staand, iPhone liggend en  iPhone staand, probeer maar uit!

Er wordt voor de herkenbaarheid 1 standaardbutton gebuikt. Deze button kan natuurlijk ook een afbeelding background image zijn, vierkant, of ronde hoeken... zeg het maar!

Fallback fontEen Fallback font is nodig voor oudere browsers, die geen lettertypes kunnen downloaden.Je moet dan een keuze maken uit een paar "standaard" fonts die standaard op iedere PC staan.Als fallback font heb ik nu de: TAHOMA ingesteld. Deze regels bestaan ook uit de Tahoma.

De button "hover" (Als je met de muis over de button gaat) background in nu donker grijs, en deze heeft een kleine delay.

Ook heeft de button een kleine border van 2 pixels en kleine ronde hoeken.

Dit is een button

Tabs pagina

Hierboven ziet u de "Tabs" Welkom, Teksstijlen enz...

Deze tabs worden maatwerk aangepast op de gewenste huisstijl.

Kijk ook even op de mobiel! Je zult zien dat de "Tabs" dan verschillen.

Maar er kan meer, Ook de inhoud van deze tabs kunnen verschillen.

  • Een achtergrondkleur
  • Een border
  • Een achtergrond afbeelding
  • Meer padding (de tekst wat in laten schieten)

We kunnen ook de tabs laten "sliden" ook wel "inschieten" genoemd.

Logo pand raak

Het logo van Pand-Raak versturen voor een advertentie?

Hier verschillende opties met uitleg.

Logo in PDF formaat

Uw logo in PDF (mits goed gecreeerd) is het meest gebruiksvriendelijke logo formaat.

DOWNLOAD LOGO in PDF

Logo in AI of EPS formaat

Het AI of EPS formaat logo wordt meestal door professionele partijen gebruikt.

Bijvoorbeeld T-Shirt laten bedrukken, relatiegeschenken, drukkerijen enz...

Er is geen verschil tussen AI of EPS.

Logo in JPG formaat

Vaak gebruikt voor TV reclame of andere digitale media.

Het logo in JPG is nooit transparant, ai, png en svg logo's wel (als dit is ingesteld)

Logo in PNG formaat

PNG logo's wordt eigenlijk alleen maar gebruikt op het internet. PNG is strakker dan GIF maar wel veel groter. Heb je een groot bestand, en erg strak logo? kies dan voor de Gif. De Gif is vele malen kleiner.

Logo in GIF formaat

Gif staat bekend om de "animated gifs" maar is ook een uitstekend voormaat voor een andere doeleinden. Gif is vaak erg klein. Is uw logo strak? Is uw logo transparant? Probeer dan eerst GIF ipv PNG.

Logo in SVG

Ik sta er niet raar van de kijken als u hier nog nooit van heeft gehoord.

Een SVG logo is een soort lijnen bestand (als illustrator) maar wordt door de browser herkent.

Voordeel van een SVG logo is dat deze eenvoudige "Schaalbaar" is. Hij blijft altijd 100% strak.

iconen

Voor de mobiel en browser wordt met iconen gewerkt.

Een "Icon" wordt gebruikt voor de browser, kijk maar links in uw tabblad van de browser.

Een "Webclip" is nodig voor de mobiel en tablet voor het app icoontje!

Icon

Webclip