Merk

Een lijn, een cirkel en wat licht met metaal doet.

Het merk, hoe het is gebouwd en de bestanden die IO Patina LLC publiceert voor gebruik.

Het symbool en de primaire vastlegging, op elk formaat uit het raster gehaald. Beide zijn vector, geen afbeelding van één.

Bouw

Eén regel, niet twee vormen.

Spaken worden helemaal rond de cirkel getrokken en de hoekbreedte van elke spaak verandert afhankelijk van de richting. Waar die breedte de volledige steek bereikt, ontmoeten aangrenzende spaken elkaar en wordt de ring stevig; waar het tot de helft daalt, gaan ze uit elkaar in de waaier. De halve maan en de waaier zijn dus vanuit twee hoeken gezien hetzelfde object. Daarom heeft de overgang ertussen geen naad.

Kaprooster — buitendiameter ring = 100-eenheden
MaatregelWaardeLet op
Buitendiameter ring 100 het raster – elk ander getal is een percentage ervan
Diameter holle ruimte 61.18 cirkelvormig residu 0.84px op de referentie
Ongeldige compensatie 2.53 links de leegte is niet concentrisch, en dat is het ontwerp
Breedte van de staaf 12.99 gelijk met de ring, boven en onder
Opening tussen staaf en ring 12.30 vrije ruimte binnen het merkteken
Spaken, volledige cirkel 114 ± 3 toonhoogte 3.10°–3.23° door autocorrelatie over vier stralen; de meester is te grof om ze precies te tellen
Spaakbreedte 50% van het veld, in de open ventilator
Stevige boog 195°–330° gemeten; gecentreerd net onder negen uur
Totale breedte 126.67 inclusief het bereik van de ventilator voorbij de ring

Optische maatvoering

De ventilator wordt dunner naarmate de markering kleiner wordt.

Een spaak en zijn opening hebben grofweg drie boogpixels nodig om als twee dingen te lezen. In plaats van 114-spaken te tekenen en de rasteriser ze te laten vernietigen, bevat het merkteken vier inkepingen. De ring, de niet-gecentreerde opening en de opening tussen staaf en ring zijn bij alle vier identiek – alleen details die de maat niet kan bevatten, zijn weggelaten.

Display cap 90px en hoger · alle 114-spaken
Medium dop 40–89px · elke derde spaak, verbreed - 38 getrokken
Quiet onder dop 40px · geen fan, ware proporties – de header van de site
Favicon 16- en 32px-pictogrammen · geen ventilator, balk verbreed naar 17.5 zodat deze op een hele pixel terechtkomt

Alle vier zijn hier op hetzelfde formaat getekend, zodat het verschil zichtbaar is. Elk exemplaar wordt normaal gesproken alleen gezien in de maat waarvoor het is gesneden.

Kleur

Zes waarden met tekst.

Elk paar hieronder wordt gemeten tegen WCAG 2.2. Drie van de vijf kleuren van de kit bereiken 4.5:1 op papier niet zoals vermeld – Stone Grey bij 2.81:1, Portal Gold bij 1.85:1 en Mist bij 1.10:1 – dus elk wordt gebruikt waar het passeert en dezelfde tint wordt verwijderd waar dat niet het geval is. De vervangingen worden vastgelegd in het ontwerpsysteem.

  • Deep Ink

    #0F1114

    Koppen, primaire knoppen, donkere ondergrond

    16.76:1 op Paper

  • Paper

    #F3F1ED

    Pagina grond

    16.76:1 op Deep Ink

  • Portal Gold

    #C8B092

    Accent alleen op donkere oppervlakken

    9.08:1 op Deep Ink

  • Bronze

    #7C5F3E

    Schakels en markeringen op lichte oppervlakken

    5.22:1 op Paper

  • Graphite

    #4A4C4E

    Lichaamskopie

    7.65:1 op Paper

  • Stone

    #6B6D6B

    Micro-labels — de lichtste neutrale

    4.63:1 op Paper

Apparaten

Vier apparaten, overgenomen van het merk.

Het merkteken is een precisieobject; een pagina waarop het alleen staat, leest als een pagina met een sticker erop. Deze vier apparaten zijn de eigen afmetingen van het merk en worden gebruikt als paginastructuur, zodat de identiteit en de website niet langer twee objecten zijn die toevallig een logo delen. Elke IO Patina eigenschap is afkomstig uit dezelfde set — zie het gemeenschappelijke thema in thema/.

Apparaat 01 · De balk

Markeert elke sectiekop. Het meest herkenbare element van de identiteit, vele malen op elke pagina, kosteloos.

5px regel · volledige hoogte van de rail · accentkleur

van de stuurpen van de 12.99-unit

Bouw

Eén regel, niet twee vormen.

Kleur

Zes waarden met tekst.

Apparaat 02 · De spaakregel

Eén per pagina, op de primaire grens van de pagina. Elke andere scheidingslijn blijft een haarlijn; een getekende regel behoudt alleen zijn gewicht als deze de enige is.

steek 6px · belasting 50% · hoogte 10px · vervaagt naar rechts

van de toonhoogte van de ventilator



Apparaat 03 · Metaal

Een oppervlak, geen hoogtepunt. Eén per pagina, achter de held of een donkere band, nooit achter tekst die gelezen moet worden.

bar wash als 13px paginarand · ring wash rechtsboven aangeslagen

van de gepubliceerde gradiënten

Apparaat 04 · De niet-gecentreerde leegte

De lay-out kopieert de asymmetrie van de ring: de tekstkolom is breder dan de recordkolom en de weergave-uitsnede loopt over de pagina.

kolommen 1.35 / 1 · de markering liep voorbij de rechterrand bij 16%

van de offset van de 2.53-eenheid van de leegte

Budget per pagina: één metalen oppervlak, één displayuitsnede, één donkere band en evenveel streepjes en spaakregels als de inhoud secties heeft. Het overschrijden ervan maakt een identiteit weer tot decoratie.

Lettertype

Drie gezichten, zelfgehost.

Alle drie worden ze vanuit dit domein verzonden als subset woff2. Niets op de site vraagt ​​ergens anders om een ​​lettertype, wat ook de reden is dat het inhoudsbeveiligingsbeleid de oorsprong van derden volledig kan verbieden.

Archivo Interface, koppen en hoofdtekst

Ideas, carefully made.

Variabel, 100–900. Sectiekoppen, navigatie, knoppen en alles worden gelezen als lopende tekst. Ook de bron van de contouren van het woordmerk.

Source Serif 4 Alleen weergeven

Ideas, carefully made.

Paginatitels en verklaringen, 30–62px. Nooit onder 26px, waar de schreef ophoudt een stem te zijn en een textuur wordt.

Martian Mono Etiketten en gegevens

Ideas, carefully made.

Wenkbrauwen, recordrijen en elk cijfer op de site, zodat alles wat wordt gemeten, als gemeten wordt gelezen.

Bestanden

Gepubliceerde logobestanden.

Elk wordt gegenereerd vanuit dezelfde geometriemodule waarmee de site de header tekent, dus een bestand en de live-markering kunnen het niet oneens zijn. Ze zijn allemaal vectorachtig.

Het merkteken gebruiken

Houd de vrije ruimte vrij

Laat aan elke kant minimaal de helft van de diameter van de ring vrij. De gepubliceerde bestanden bevatten het al in hun viewBox, dus het is voldoende om ze van rand tot rand te plaatsen.

Teken de ring niet opnieuw als een gewone cirkel

De halve maan die in de ventilator stroomt, is het merkteken. Een generieke ring is een ander logo.

Niet opnieuw uitrekken, roteren of opnieuw kleuren

Gebruik een gepubliceerd bestand. Het merkteken is breder dan hoog, en het schalen van één as breekt de cirkel.

Hieronder over 56px, gebruik een pictogrambestand

De ventilator kan op dat formaat niet werken en maakt geluid. De favicons en app-iconen hebben al de juiste snit.

Toestemming