ยี่ห้อ

เส้น วงกลม และสิ่งที่แสงทำกับโลหะ

เครื่องหมาย วิธีการสร้าง และไฟล์ที่ IO Patina LLC เผยแพร่เพื่อใช้

สัญลักษณ์และการล็อคหลัก ดึงมาจากตารางทุกขนาด ทั้งสองภาพเป็นเวกเตอร์ ไม่ใช่ภาพเดียว

การก่อสร้าง

กฎข้อเดียว ไม่ใช่สองรูปร่าง

ซี่ล้อจะถูกลากไปรอบๆ วงกลม และความกว้างเชิงมุมของซี่ล้อแต่ละอันจะเปลี่ยนไปตามทิศทางของมัน เมื่อความกว้างนั้นถึงระยะพิทช์ ซี่ล้อข้างเคียงจะบรรจบกัน และวงแหวนจะแข็งตัว เมื่อเหลือครึ่งหนึ่งก็แยกออกเป็นพัด พระจันทร์เสี้ยวและพัดจึงเป็นวัตถุเดียวกันที่มองเห็นได้ในสองมุม ซึ่งเป็นเหตุผลว่าทำไมการเปลี่ยนผ่านระหว่างทั้งสองจึงไม่มีรอยต่อ

ตารางฝาครอบ — เส้นผ่านศูนย์กลางภายนอกของวงแหวน = หน่วย 100
วัดความคุ้มค่าหมายเหตุ
เส้นผ่านศูนย์กลางภายนอกของวงแหวน 100 เส้นตาราง — จำนวนอื่นๆ ทุกจำนวนจะเป็นเปอร์เซ็นต์ของมัน
เส้นผ่านศูนย์กลางเป็นโมฆะ 61.18 0.84px ที่เหลือแบบวงกลมพอดีกับการอ้างอิง
การชดเชยเป็นโมฆะ 2.53 เหลือ ความว่างเปล่าไม่มีศูนย์กลาง และนั่นคือการออกแบบ
ความกว้างของแถบ 12.99 ฝังด้วยวงแหวนด้านบนและด้านล่าง
ช่องว่างระหว่างบาร์ถึงวงแหวน 12.30 พื้นที่ว่างภายในเครื่องหมาย
ซี่ล้อเต็มวงกลม 114 ± 3 พิทช์ 3.10° – 3.23° โดยความสัมพันธ์อัตโนมัติระหว่างสี่รัศมี อาจารย์นั้นหยาบเกินกว่าจะนับได้แม่น
ความกว้างของซี่ล้อ 50% ออกจากสนามโดยเปิดพัดลม
ส่วนโค้งแข็ง 195°–330° วัด; อยู่ตรงกลางต่ำกว่าเก้าโมง
ความกว้างโดยรวม 126.67 รวมถึงระยะเอื้อมของพัดลมผ่านวงแหวนด้วย

การปรับขนาดด้วยแสง

พัดลมจะบางลงเมื่อรอยเปื้อนเล็กลง

ซี่ล้อและช่องว่างต้องใช้ส่วนโค้งประมาณ 3 พิกเซลจึงจะอ่านเป็นสองสิ่งได้ แทนที่จะวาดซี่ล้อ 114 แล้วปล่อยให้แรสเตอร์ทำลายซี่ล้อ เครื่องหมายกลับมีการตัดสี่ซี่ วงแหวน, ช่องว่างนอกศูนย์กลาง และช่องว่างระหว่างแท่งถึงวงแหวนนั้นเหมือนกันในทั้งสี่ชิ้น - มีเพียงรายละเอียดขนาดที่ไม่สามารถจับได้เท่านั้นจึงจะหลุดออกไป

Display cap 90px ขึ้นไป · ซี่ล้อ 114 ทั้งหมด
Medium ฝาครอบ 40–89px · ทุก ๆ การพูดที่สาม ขยายให้กว้างขึ้น — ดึง 38 ออกมา
Quiet ด้านล่างหมวก 40px · ไม่มีแฟน สัดส่วนที่แท้จริง — ส่วนหัวของเว็บไซต์
Favicon ไอคอน 16 และ 32px · ไม่มีพัดลม แถบขยายเป็น 17.5 ดังนั้นมันจึงตกลงบนทั้งพิกเซล

ทั้งสี่ถูกวาดมาที่นี่ด้วยขนาดเดียวกัน ดังนั้นจึงเห็นความแตกต่างได้ โดยปกติแล้วแต่ละชิ้นจะเห็นเฉพาะขนาดที่ตัดเท่านั้น

สี

ค่าหกค่าที่มีข้อความ

ทุกคู่ด้านล่างวัดโดยเทียบกับ WCAG 2.2 สามในห้าสีของชุดอุปกรณ์ไปไม่ถึง 4.5:1 บนกระดาษตามที่ระบุไว้ — Stone Grey ที่ 2.81:1, Portal Gold ที่ 1.85:1 และ Mist ที่ 1.10:1 — ดังนั้นแต่ละสีจะถูกใช้เมื่อผ่านไปและลบสีเดียวกันตรงที่มันไม่ผ่าน การเปลี่ยนตัวจะถูกบันทึกไว้ในระบบการออกแบบ

  • Deep Ink

    #0F1114

    พาดหัวข่าว ปุ่มหลัก พื้นสีเข้ม

    16.76:1 บน Paper

  • Paper

    #F3F1ED

    พื้นหน้า

    16.76:1 บน Deep Ink

  • Portal Gold

    #C8B092

    เน้นบนพื้นผิวสีเข้มเท่านั้น

    9.08:1 บน Deep Ink

  • Bronze

    #7C5F3E

    ลิงค์และเครื่องหมายบนพื้นผิวที่สว่าง

    5.22:1 บน Paper

  • Graphite

    #4A4C4E

    สำเนาร่างกาย

    7.65:1 บน Paper

  • Stone

    #6B6D6B

    ฉลากขนาดเล็ก — เป็นกลางที่เบาที่สุด

    4.63:1 บน Paper

อุปกรณ์

อุปกรณ์สี่ชิ้นที่นำมาจากเครื่องหมาย

เครื่องหมายนี้เป็นวัตถุที่มีความแม่นยำ หน้าที่มีเพียงอ่านเป็นหน้าที่มีสติกเกอร์อยู่ อุปกรณ์ทั้งสี่นี้เป็นการวัดของ Mark ซึ่งใช้เป็นโครงสร้างหน้า ดังนั้นข้อมูลประจำตัวและเว็บไซต์จึงไม่ใช่วัตถุสองชิ้นที่เกิดขึ้นเพื่อแบ่งปันโลโก้ ทุกๆ IO Patina คุณสมบัติดึงมาจากชุดเดียวกัน — ดูธีมทั่วไปใน ธีม/.

อุปกรณ์ 01 · บาร์

ทำเครื่องหมายส่วนหัวของทุกส่วน องค์ประกอบที่เป็นที่รู้จักมากที่สุดของตัวตนในทุกหน้า หลายครั้ง โดยไม่มีค่าใช้จ่าย

กฎ 5px · ความสูงเต็มของราง · สีเน้นเสียง

จาก สเตมยูนิต 12.99

การก่อสร้าง

กฎข้อเดียว ไม่ใช่สองรูปร่าง

สี

ค่าหกค่าที่มีข้อความ

อุปกรณ์ 02 · กฎการพูด

หนึ่งรายการต่อหน้า ที่ขอบเขตหลักของหน้า ตัวแบ่งอื่นๆ ทุกตัวยังคงเป็นเส้นผม — กฎที่วาดไว้จะคงน้ำหนักของมันไว้ก็ต่อเมื่อเป็นตัวแบ่งเพียงอันเดียว

ระดับเสียง 6px · หน้าที่ 50% · ความสูง 10px · จางไปทางขวา

จาก การขว้างของแฟนๆ



อุปกรณ์ 03 · โลหะ

พื้นผิว ไม่ใช่ไฮไลท์ ต่อหน้าพระเอกหรือวงมืด ห้ามอยู่หลังข้อความที่ต้องอ่าน

bar wash เป็นขอบหน้า 13px · ring wash ปรากฏจากด้านบนขวา

จาก การไล่ระดับสีที่เผยแพร่

อุปกรณ์ 04 · ความว่างเปล่าที่อยู่นอกศูนย์กลาง

เค้าโครงจะคัดลอกความไม่สมดุลของวงแหวน: คอลัมน์ข้อความกว้างกว่าคอลัมน์บันทึก และการตัดแบบดิสเพลย์จะยาวออกไปจากหน้า

คอลัมน์ 1.35 / 1 · เครื่องหมายเลือดออกเลยขอบขวาที่ 16%

จาก การชดเชยยูนิต 2.53 ของโมฆะ

งบประมาณต่อหน้า: พื้นผิวโลหะ 1 ชิ้น, รอยตัดบนจอแสดงผล 1 ชิ้น, แถบสีเข้ม 1 แถบ และแถบและกฎซี่ลวดจำนวนเท่าใดก็ได้ตามเนื้อหาที่มีส่วนต่างๆ เกินกว่านั้นคือสิ่งที่เปลี่ยนอัตลักษณ์ให้กลับมาเป็นการตกแต่ง

แบบอักษร

สามหน้า โฮสต์เอง

ทั้งสามจัดส่งจากโดเมนนี้เป็นเซ็ตย่อย woff2 ไม่มีสิ่งใดบนไซต์ที่ร้องขอแบบอักษรจากที่อื่น ซึ่งเป็นสาเหตุที่นโยบายความปลอดภัยของเนื้อหาสามารถห้ามแหล่งที่มาของบุคคลที่สามโดยสิ้นเชิง

Archivo อินเทอร์เฟซ หัวเรื่อง และเนื้อหา

Ideas, carefully made.

ตัวแปร 100–900 ส่วนหัว การนำทาง ปุ่ม และทุกสิ่งจะอ่านเป็นข้อความที่กำลังดำเนินการ ยังเป็นที่มาของโครงร่างของคำนั้นด้วย

Source Serif 4 แสดงผลเท่านั้น

Ideas, carefully made.

ชื่อหน้าและคำสั่ง 30–62px ไม่ต่ำกว่า 26px โดยที่เซอริฟจะหยุดเป็นเสียงและกลายเป็นพื้นผิว

Martian Mono ป้ายกำกับและข้อมูล

Ideas, carefully made.

คิ้ว บันทึกแถว และทุกหลักบนไซต์ เพื่อให้สิ่งที่วัดได้อ่านว่าวัดแล้ว

ไฟล์

ไฟล์โลโก้ที่เผยแพร่

แต่ละโมดูลถูกสร้างขึ้นจากโมดูลเรขาคณิตเดียวกันกับที่ไซต์ใช้ดึงส่วนหัว ดังนั้นไฟล์และเครื่องหมายสดจึงไม่ขัดแย้งกัน ทั้งหมดเป็นเวกเตอร์

การใช้เครื่องหมาย

รักษาพื้นที่ให้โล่ง

เว้นว่างอย่างน้อยครึ่งหนึ่งของเส้นผ่านศูนย์กลางของแหวนในทุกด้าน ไฟล์ที่เผยแพร่มีไฟล์นั้นอยู่ใน viewBox อยู่แล้ว ดังนั้นการวางแบบจรดขอบก็เพียงพอแล้ว

อย่าวาดวงแหวนใหม่ให้เป็นวงกลมธรรมดา

พระจันทร์เสี้ยวไหลเข้าพัดลมเป็นเครื่องหมาย แหวนทั่วไปคือโลโก้ที่แตกต่าง

ห้ามยืด หมุน หรือเปลี่ยนสี

ใช้ไฟล์ที่เผยแพร่ เครื่องหมายนั้นกว้างกว่าความสูง และการปรับขนาดหนึ่งแกนจะทำให้วงกลมแตก

ด้านล่างเกี่ยวกับ 56px ให้ใช้ไฟล์ไอคอน

พัดลมไม่สามารถแก้ไขขนาดดังกล่าวได้และมีเสียงดัง ไอคอน Fav และแอพมีการตัดที่ถูกต้องแล้ว

การอนุญาต