{"id":146,"date":"2026-03-10T14:45:44","date_gmt":"2026-03-10T14:45:44","guid":{"rendered":"https:\/\/shishax.graphin.digital\/?page_id=146"},"modified":"2026-03-30T08:26:27","modified_gmt":"2026-03-30T08:26:27","slug":"typography","status":"publish","type":"page","link":"https:\/\/shishax.graphin.digital\/ua\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Typography<\/h2>\n\n\n\n<p>The ShishaX typography combines a distinctive display typeface with a clean and highly readable base font. This combination allows the brand to maintain a strong visual identity while ensuring functional clarity in both digital and print environments. The typography is designed to balance impact and usability across different communication formats.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Main Font<\/h3>\n\n\n\n<p>The primary display typeface of ShishaX is designed to emphasize innovation and technological sophistication. Its geometric construction and distinctive character shapes create a bold visual presence, making it ideal for headlines, product names, hero sections, and key brand statements. The main font should be used strategically to reinforce the futuristic and industrial tone of the brand.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full g-img-noborder\"><img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"276\" src=\"https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font.jpg\" alt=\"\" class=\"wp-image-151\" srcset=\"https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font.jpg 872w, https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font-300x95.jpg 300w, https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font-768x243.jpg 768w, https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font-18x6.jpg 18w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons g-website-btns is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button g-btn-radius\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/fonts.google.com\/specimen\/Orbitron\">\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M20.7 21.7693L17.5 18.5693V21.15H16V16H21.15V17.5H18.5443L21.7443 20.7L20.7 21.7693ZM12 21.5C10.6858 21.5 9.45083 21.2507 8.295 20.752C7.13917 20.2533 6.13375 19.5766 5.27875 18.7218C4.42375 17.8669 3.74692 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74942 15.7035 3.24825C16.8597 3.74692 17.8653 4.42375 18.7205 5.27875C19.5757 6.13375 20.2528 7.13917 20.7518 8.295C21.2506 9.45083 21.5 10.6858 21.5 12C21.5 12.3013 21.4858 12.6026 21.4573 12.9038C21.4288 13.2051 21.3859 13.5064 21.3288 13.8077H19.7885C19.859 13.5064 19.9118 13.2051 19.947 12.9038C19.9823 12.6026 20 12.3013 20 12C20 11.6367 19.976 11.2734 19.928 10.9102C19.8798 10.5469 19.8045 10.1858 19.702 9.827H15.9845C16.0473 10.1858 16.0929 10.5469 16.1212 10.9102C16.1494 11.2734 16.1635 11.6367 16.1635 12C16.1635 12.3013 16.1534 12.6026 16.1333 12.9038C16.1129 13.2051 16.0826 13.5064 16.0423 13.8077H14.5423C14.5828 13.5064 14.6131 13.2051 14.6333 12.9038C14.6534 12.6026 14.6635 12.3013 14.6635 12C14.6635 11.6367 14.6494 11.2734 14.6212 10.9102C14.5929 10.5469 14.5474 10.1858 14.4848 9.827H9.51525C9.45258 10.1858 9.40708 10.5472 9.37875 10.911C9.35058 11.2748 9.3365 11.6387 9.3365 12.0025C9.3365 12.3662 9.35058 12.7291 9.37875 13.0913C9.40708 13.4536 9.45258 13.8142 9.51525 14.173H13.1923V15.673H9.8595C10.0812 16.4597 10.3673 17.2144 10.718 17.9373C11.0688 18.6599 11.4962 19.3404 12 19.9788C12.3013 19.9788 12.6026 19.9612 12.9038 19.926C13.2051 19.8907 13.5064 19.8563 13.8077 19.823V21.3443C13.5064 21.3776 13.2051 21.4118 12.9038 21.447C12.6026 21.4823 12.3013 21.5 12 21.5ZM4.298 14.173H8.0155C7.95267 13.8142 7.90708 13.4528 7.87875 13.089C7.85058 12.7252 7.8365 12.3613 7.8365 11.9975C7.8365 11.6338 7.85058 11.2709 7.87875 10.9087C7.90708 10.5464 7.95267 10.1858 8.0155 9.827H4.298C4.1955 10.1858 4.12017 10.5472 4.072 10.911C4.024 11.2748 4 11.6387 4 12.0025C4 12.3662 4.024 12.7291 4.072 13.0913C4.12017 13.4536 4.1955 13.8142 4.298 14.173ZM4.927 8.327H8.31475C8.48692 7.60133 8.716 6.89942 9.002 6.22125C9.28783 5.54292 9.64167 4.89483 10.0635 4.277C8.94167 4.52567 7.93558 5.00383 7.04525 5.7115C6.15475 6.41917 5.44867 7.291 4.927 8.327ZM10.0635 19.723C9.661 19.0987 9.31517 18.4474 9.026 17.7693C8.73683 17.0911 8.50125 16.3923 8.31925 15.673H4.927C5.44867 16.7025 6.15633 17.5711 7.05 18.2788C7.94367 18.9866 8.94817 19.468 10.0635 19.723ZM9.8595 8.327H14.1405C13.9277 7.53983 13.641 6.78842 13.2805 6.07275C12.92 5.35725 12.4932 4.67342 12 4.02125C11.5025 4.65958 11.0746 5.34 10.7163 6.0625C10.3579 6.785 10.0723 7.53983 9.8595 8.327ZM15.6807 8.327H19.073C18.5513 7.291 17.8453 6.41758 16.9548 5.70675C16.0644 4.99575 15.0583 4.51917 13.9365 4.277C14.339 4.90133 14.68 5.55417 14.9595 6.2355C15.239 6.917 15.4794 7.61417 15.6807 8.327Z\" fill=\"#1C1B1F\"><\/path>\n            <\/svg>\n            Font Website            \n        <\/a><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Base Font<\/h3>\n\n\n\n<p>The base typeface provides clarity and functional readability across all communication materials. With its balanced proportions and clean structure, it supports longer text blocks, UI elements, and supporting information. The base font ensures legibility while complementing the strong character of the main display typeface.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full g-img-noborder\"><img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"276\" src=\"https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font1.jpg\" alt=\"\" class=\"wp-image-159\" srcset=\"https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font1.jpg 872w, https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font1-300x95.jpg 300w, https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font1-768x243.jpg 768w, https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font1-18x6.jpg 18w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons g-website-btns is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button g-btn-radius\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/fonts.google.com\/specimen\/Space+Grotesk\">\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M20.7 21.7693L17.5 18.5693V21.15H16V16H21.15V17.5H18.5443L21.7443 20.7L20.7 21.7693ZM12 21.5C10.6858 21.5 9.45083 21.2507 8.295 20.752C7.13917 20.2533 6.13375 19.5766 5.27875 18.7218C4.42375 17.8669 3.74692 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74942 15.7035 3.24825C16.8597 3.74692 17.8653 4.42375 18.7205 5.27875C19.5757 6.13375 20.2528 7.13917 20.7518 8.295C21.2506 9.45083 21.5 10.6858 21.5 12C21.5 12.3013 21.4858 12.6026 21.4573 12.9038C21.4288 13.2051 21.3859 13.5064 21.3288 13.8077H19.7885C19.859 13.5064 19.9118 13.2051 19.947 12.9038C19.9823 12.6026 20 12.3013 20 12C20 11.6367 19.976 11.2734 19.928 10.9102C19.8798 10.5469 19.8045 10.1858 19.702 9.827H15.9845C16.0473 10.1858 16.0929 10.5469 16.1212 10.9102C16.1494 11.2734 16.1635 11.6367 16.1635 12C16.1635 12.3013 16.1534 12.6026 16.1333 12.9038C16.1129 13.2051 16.0826 13.5064 16.0423 13.8077H14.5423C14.5828 13.5064 14.6131 13.2051 14.6333 12.9038C14.6534 12.6026 14.6635 12.3013 14.6635 12C14.6635 11.6367 14.6494 11.2734 14.6212 10.9102C14.5929 10.5469 14.5474 10.1858 14.4848 9.827H9.51525C9.45258 10.1858 9.40708 10.5472 9.37875 10.911C9.35058 11.2748 9.3365 11.6387 9.3365 12.0025C9.3365 12.3662 9.35058 12.7291 9.37875 13.0913C9.40708 13.4536 9.45258 13.8142 9.51525 14.173H13.1923V15.673H9.8595C10.0812 16.4597 10.3673 17.2144 10.718 17.9373C11.0688 18.6599 11.4962 19.3404 12 19.9788C12.3013 19.9788 12.6026 19.9612 12.9038 19.926C13.2051 19.8907 13.5064 19.8563 13.8077 19.823V21.3443C13.5064 21.3776 13.2051 21.4118 12.9038 21.447C12.6026 21.4823 12.3013 21.5 12 21.5ZM4.298 14.173H8.0155C7.95267 13.8142 7.90708 13.4528 7.87875 13.089C7.85058 12.7252 7.8365 12.3613 7.8365 11.9975C7.8365 11.6338 7.85058 11.2709 7.87875 10.9087C7.90708 10.5464 7.95267 10.1858 8.0155 9.827H4.298C4.1955 10.1858 4.12017 10.5472 4.072 10.911C4.024 11.2748 4 11.6387 4 12.0025C4 12.3662 4.024 12.7291 4.072 13.0913C4.12017 13.4536 4.1955 13.8142 4.298 14.173ZM4.927 8.327H8.31475C8.48692 7.60133 8.716 6.89942 9.002 6.22125C9.28783 5.54292 9.64167 4.89483 10.0635 4.277C8.94167 4.52567 7.93558 5.00383 7.04525 5.7115C6.15475 6.41917 5.44867 7.291 4.927 8.327ZM10.0635 19.723C9.661 19.0987 9.31517 18.4474 9.026 17.7693C8.73683 17.0911 8.50125 16.3923 8.31925 15.673H4.927C5.44867 16.7025 6.15633 17.5711 7.05 18.2788C7.94367 18.9866 8.94817 19.468 10.0635 19.723ZM9.8595 8.327H14.1405C13.9277 7.53983 13.641 6.78842 13.2805 6.07275C12.92 5.35725 12.4932 4.67342 12 4.02125C11.5025 4.65958 11.0746 5.34 10.7163 6.0625C10.3579 6.785 10.0723 7.53983 9.8595 8.327ZM15.6807 8.327H19.073C18.5513 7.291 17.8453 6.41758 16.9548 5.70675C16.0644 4.99575 15.0583 4.51917 13.9365 4.277C14.339 4.90133 14.68 5.55417 14.9595 6.2355C15.239 6.917 15.4794 7.61417 15.6807 8.327Z\" fill=\"#1C1B1F\"><\/path>\n            <\/svg>\n            Font Website            \n        <\/a><\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Font Heirarchy<\/h3>\n\n\n\n<p>The ShishaX font hierarchy establishes a clear structure between headlines, subheadings, and body text. Display typography is reserved for high-impact titles, while the base font is used for supporting content and longer copy. Consistent hierarchy ensures visual order, readability, and alignment across digital and print applications.<\/p>\n\n\n\n<div class=\"wp-block-group g-img-noborder-group is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full g-img-noborder\"><img decoding=\"async\" src=\"https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font3.svg\" alt=\"\" class=\"wp-image-166\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full g-img-noborder-mobile\"><img decoding=\"async\" src=\"https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font3-mobile.svg\" alt=\"\" class=\"wp-image-249\"\/><\/figure>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Sizing<\/h3>\n\n\n\n<p>The sizing system is based on a structured scale to maintain visual rhythm and consistency. Defined increments ensure balanced spacing and proportional typography across different layouts and screen sizes. This approach allows flexibility while preserving clarity and brand coherence in all design implementations.<\/p>\n\n\n\n<div class=\"wp-block-group g-img-noborder-group is-layout-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image size-full g-img-noborder\"><img decoding=\"async\" src=\"https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font-table.svg\" alt=\"\" class=\"wp-image-170\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full g-img-noborder-mobile\"><img decoding=\"async\" src=\"https:\/\/shishax.graphin.digital\/wp-content\/uploads\/2026\/03\/font-table-mobile.svg\" alt=\"\" class=\"wp-image-251\"\/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Typography The ShishaX typography combines a distinctive display typeface with a clean and highly readable base font. This combination allows the brand to maintain a strong visual identity while ensuring functional clarity in both digital and print environments. The typography is designed to balance impact and usability across different communication formats. Main Font The primary [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-146","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/shishax.graphin.digital\/ua\/wp-json\/wp\/v2\/pages\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shishax.graphin.digital\/ua\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shishax.graphin.digital\/ua\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shishax.graphin.digital\/ua\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shishax.graphin.digital\/ua\/wp-json\/wp\/v2\/comments?post=146"}],"version-history":[{"count":16,"href":"https:\/\/shishax.graphin.digital\/ua\/wp-json\/wp\/v2\/pages\/146\/revisions"}],"predecessor-version":[{"id":252,"href":"https:\/\/shishax.graphin.digital\/ua\/wp-json\/wp\/v2\/pages\/146\/revisions\/252"}],"wp:attachment":[{"href":"https:\/\/shishax.graphin.digital\/ua\/wp-json\/wp\/v2\/media?parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}