{"id":2388,"date":"2025-12-08T14:59:15","date_gmt":"2025-12-08T11:59:15","guid":{"rendered":"https:\/\/apgut.lv\/?p=2388"},"modified":"2026-05-09T22:26:25","modified_gmt":"2026-05-09T19:26:25","slug":"style-guide-for-sheet-with-blocks","status":"publish","type":"post","link":"https:\/\/apgut.lv\/en\/stila-vadlinijas-lapam-ar-blokiem\/","title":{"rendered":"Style guidelines for pages with blocks"},"content":{"rendered":"
<\/div>
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

spaces<\/strong><\/p>\n\n\n\n

\n

1. Whitespace (spaces and breath in design)<\/strong><\/h2>\n<\/div>\n\n\n\n
    \n
  • Use consistent vertical spacing between blocks (e.g. 24-48px).<\/li>\n\n\n\n
  • Note the larger internal spacing (padding) around important blocks such as hero sections.<\/li>\n\n\n\n
  • Do not use too small spaces - they visually \u201ccompress\u201d the page and make it difficult to read.<\/li>\n\n\n\n
  • Use larger spacing for sections with different backgrounds to create natural section transitions.<\/li>\n\n\n\n
  • Keep in mind the \u201cwhite space hierarchy\u201d: the more important the element, the more space around it.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div>\n\n\n\n
    <\/div>
    \n
    \n
    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n

    colours<\/strong><\/p>\n\n\n\n

    2. Colours (Colors)<\/strong><\/h2>\n\n\n\n
      \n
    • Use no more than 3-5 primary colours throughout the project.<\/li>\n\n\n\n
    • Defined by brand palette<\/strong>: primary, secondary and accent colour.<\/li>\n\n\n\n
    • Restrict bright colours to CTA buttons or important elements.<\/li>\n\n\n\n
    • For backgrounds, light or very dark shades are preferred to ensure high contrast with the text.<\/li>\n\n\n\n
    • Ensure that the colour contrast complies with WCAG (4.5:1 for text).<\/li>\n\n\n\n
    • Use the same colour tone for all icons or illustrations.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div>\n\n\n\n
      <\/div>
      \n
      \n
      \"\"<\/figure>\n<\/div>\n\n\n\n
      \n

      3. Typography (Fonts & Font size)<\/strong><\/h2>\n\n\n\n
        \n
      • Choose 1 primary font for text and 1 accent font for headings (if needed).<\/li>\n\n\n\n
      • Creates a consistent hierarchy (example):<\/li>\n\n\n\n
      • H1: 40-60px<\/li>\n\n\n\n
      • H2: 28-40px<\/li>\n\n\n\n
      • H3: 22-28px<\/li>\n\n\n\n
      • Body: 16-18px<\/li>\n\n\n\n
      • Small text: 14px<\/li>\n\n\n\n
      • Minimum line-height - 1.4-1.6.<\/li>\n\n\n\n
      • Do not use more than 2-3 different font-weights on the entire page.<\/li>\n\n\n\n
      • Ensure the font size is sufficient for mobile view (at least 15-16px for plain text).<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-2388","post","type-post","status-publish","format-standard","hentry","category-designguidlines"],"acf":[],"yoast_head":"\nStila vadl\u012bnijas lap\u0101m ar blokiem - Apgut - m\u0101jaslapu izstr\u0101de<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Stila vadl\u012bnijas lap\u0101m ar blokiem\" \/>\n<meta property=\"og:url\" content=\"https:\/\/apgut.lv\/en\/style-guide-for-sheet-with-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"Apgut - m\u0101jaslapu izstr\u0101de\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-08T11:59:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-09T19:26:25+00:00\" \/>\n<meta name=\"author\" content=\"Vitaly\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vitaly\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/apgut.lv\\\/stila-vadlinijas-lapam-ar-blokiem\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/apgut.lv\\\/stila-vadlinijas-lapam-ar-blokiem\\\/\"},\"author\":{\"name\":\"Vitaly\",\"@id\":\"https:\\\/\\\/apgut.lv\\\/#\\\/schema\\\/person\\\/2876eb9ea066befc8b66e01274d28cf9\"},\"headline\":\"Stila vadl\u012bnijas lap\u0101m ar blokiem\",\"datePublished\":\"2025-12-08T11:59:15+00:00\",\"dateModified\":\"2026-05-09T19:26:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/apgut.lv\\\/stila-vadlinijas-lapam-ar-blokiem\\\/\"},\"wordCount\":242,\"publisher\":{\"@id\":\"https:\\\/\\\/apgut.lv\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/apgut.lv\\\/stila-vadlinijas-lapam-ar-blokiem\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/apgut.lv\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/24083de7-a8f1-46e0-9e65-994928f580dd.svg\",\"articleSection\":[\"DesignGuidlines\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/apgut.lv\\\/stila-vadlinijas-lapam-ar-blokiem\\\/\",\"url\":\"https:\\\/\\\/apgut.lv\\\/stila-vadlinijas-lapam-ar-blokiem\\\/\",\"name\":\"Stila vadl\u012bnijas lap\u0101m ar blokiem - Apgut - m\u0101jaslapu izstr\u0101de\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/apgut.lv\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/apgut.lv\\\/stila-vadlinijas-lapam-ar-blokiem\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/apgut.lv\\\/stila-vadlinijas-lapam-ar-blokiem\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/apgut.lv\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/24083de7-a8f1-46e0-9e65-994928f580dd.svg\",\"datePublished\":\"2025-12-08T11:59:15+00:00\",\"dateModified\":\"2026-05-09T19:26:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/apgut.lv\\\/stila-vadlinijas-lapam-ar-blokiem\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/apgut.lv\\\/stila-vadlinijas-lapam-ar-blokiem\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/apgut.lv\\\/stila-vadlinijas-lapam-ar-blokiem\\\/#primaryimage\",\"url\":\"https:\\\/\\\/apgut.lv\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/24083de7-a8f1-46e0-9e65-994928f580dd.svg\",\"contentUrl\":\"https:\\\/\\\/apgut.lv\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/24083de7-a8f1-46e0-9e65-994928f580dd.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/apgut.lv\\\/stila-vadlinijas-lapam-ar-blokiem\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Apgut\",\"item\":\"https:\\\/\\\/apgut.lv\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stila vadl\u012bnijas lap\u0101m ar blokiem\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/apgut.lv\\\/#website\",\"url\":\"https:\\\/\\\/apgut.lv\\\/\",\"name\":\"Apgut - m\u0101jaslapu izstr\u0101de\",\"description\":\"Modernu m\u0101jaslapu izstr\u0101de\",\"publisher\":{\"@id\":\"https:\\\/\\\/apgut.lv\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/apgut.lv\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/apgut.lv\\\/#organization\",\"name\":\"Apgut - m\u0101jaslapu izstr\u0101de\",\"url\":\"https:\\\/\\\/apgut.lv\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/apgut.lv\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/apgut.lv\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/apgut_dark_logo.png\",\"contentUrl\":\"https:\\\/\\\/apgut.lv\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/apgut_dark_logo.png\",\"width\":239,\"height\":68,\"caption\":\"Apgut - m\u0101jaslapu izstr\u0101de\"},\"image\":{\"@id\":\"https:\\\/\\\/apgut.lv\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/apgut.lv\\\/#\\\/schema\\\/person\\\/2876eb9ea066befc8b66e01274d28cf9\",\"name\":\"Vitaly\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/apgut.lv\\\/wp-content\\\/litespeed\\\/avatar\\\/1\\\/397522abc349358f861ad23ed2673fa1.jpg?ver=1793680581\",\"url\":\"https:\\\/\\\/apgut.lv\\\/wp-content\\\/litespeed\\\/avatar\\\/1\\\/397522abc349358f861ad23ed2673fa1.jpg?ver=1793680581\",\"contentUrl\":\"https:\\\/\\\/apgut.lv\\\/wp-content\\\/litespeed\\\/avatar\\\/1\\\/397522abc349358f861ad23ed2673fa1.jpg?ver=1793680581\",\"caption\":\"Vitaly\"},\"sameAs\":[\"https:\\\/\\\/apgut.lv\"],\"url\":\"https:\\\/\\\/apgut.lv\\\/en\\\/author\\\/general_user\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Style guidelines for pages with blocks - Apgut - web design","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_GB","og_type":"article","og_title":"Stila vadl\u012bnijas lap\u0101m ar blokiem","og_url":"https:\/\/apgut.lv\/en\/style-guide-for-sheet-with-blocks\/","og_site_name":"Apgut - m\u0101jaslapu izstr\u0101de","article_published_time":"2025-12-08T11:59:15+00:00","article_modified_time":"2026-05-09T19:26:25+00:00","author":"Vitaly","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Vitaly","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/apgut.lv\/stila-vadlinijas-lapam-ar-blokiem\/#article","isPartOf":{"@id":"https:\/\/apgut.lv\/stila-vadlinijas-lapam-ar-blokiem\/"},"author":{"name":"Vitaly","@id":"https:\/\/apgut.lv\/#\/schema\/person\/2876eb9ea066befc8b66e01274d28cf9"},"headline":"Stila vadl\u012bnijas lap\u0101m ar blokiem","datePublished":"2025-12-08T11:59:15+00:00","dateModified":"2026-05-09T19:26:25+00:00","mainEntityOfPage":{"@id":"https:\/\/apgut.lv\/stila-vadlinijas-lapam-ar-blokiem\/"},"wordCount":242,"publisher":{"@id":"https:\/\/apgut.lv\/#organization"},"image":{"@id":"https:\/\/apgut.lv\/stila-vadlinijas-lapam-ar-blokiem\/#primaryimage"},"thumbnailUrl":"https:\/\/apgut.lv\/wp-content\/uploads\/2025\/12\/24083de7-a8f1-46e0-9e65-994928f580dd.svg","articleSection":["DesignGuidlines"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/apgut.lv\/stila-vadlinijas-lapam-ar-blokiem\/","url":"https:\/\/apgut.lv\/stila-vadlinijas-lapam-ar-blokiem\/","name":"Style guidelines for pages with blocks - Apgut - web design","isPartOf":{"@id":"https:\/\/apgut.lv\/#website"},"primaryImageOfPage":{"@id":"https:\/\/apgut.lv\/stila-vadlinijas-lapam-ar-blokiem\/#primaryimage"},"image":{"@id":"https:\/\/apgut.lv\/stila-vadlinijas-lapam-ar-blokiem\/#primaryimage"},"thumbnailUrl":"https:\/\/apgut.lv\/wp-content\/uploads\/2025\/12\/24083de7-a8f1-46e0-9e65-994928f580dd.svg","datePublished":"2025-12-08T11:59:15+00:00","dateModified":"2026-05-09T19:26:25+00:00","breadcrumb":{"@id":"https:\/\/apgut.lv\/stila-vadlinijas-lapam-ar-blokiem\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/apgut.lv\/stila-vadlinijas-lapam-ar-blokiem\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/apgut.lv\/stila-vadlinijas-lapam-ar-blokiem\/#primaryimage","url":"https:\/\/apgut.lv\/wp-content\/uploads\/2025\/12\/24083de7-a8f1-46e0-9e65-994928f580dd.svg","contentUrl":"https:\/\/apgut.lv\/wp-content\/uploads\/2025\/12\/24083de7-a8f1-46e0-9e65-994928f580dd.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/apgut.lv\/stila-vadlinijas-lapam-ar-blokiem\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Apgut","item":"https:\/\/apgut.lv\/"},{"@type":"ListItem","position":2,"name":"Stila vadl\u012bnijas lap\u0101m ar blokiem"}]},{"@type":"WebSite","@id":"https:\/\/apgut.lv\/#website","url":"https:\/\/apgut.lv\/","name":"Learn - website development","description":"Modern website development","publisher":{"@id":"https:\/\/apgut.lv\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/apgut.lv\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/apgut.lv\/#organization","name":"Learn - website development","url":"https:\/\/apgut.lv\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/apgut.lv\/#\/schema\/logo\/image\/","url":"https:\/\/apgut.lv\/wp-content\/uploads\/2023\/09\/apgut_dark_logo.png","contentUrl":"https:\/\/apgut.lv\/wp-content\/uploads\/2023\/09\/apgut_dark_logo.png","width":239,"height":68,"caption":"Apgut - m\u0101jaslapu izstr\u0101de"},"image":{"@id":"https:\/\/apgut.lv\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/apgut.lv\/#\/schema\/person\/2876eb9ea066befc8b66e01274d28cf9","name":"Vitaly","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/apgut.lv\/wp-content\/litespeed\/avatar\/1\/397522abc349358f861ad23ed2673fa1.jpg?ver=1793680581","url":"https:\/\/apgut.lv\/wp-content\/litespeed\/avatar\/1\/397522abc349358f861ad23ed2673fa1.jpg?ver=1793680581","contentUrl":"https:\/\/apgut.lv\/wp-content\/litespeed\/avatar\/1\/397522abc349358f861ad23ed2673fa1.jpg?ver=1793680581","caption":"Vitaly"},"sameAs":["https:\/\/apgut.lv"],"url":"https:\/\/apgut.lv\/en\/author\/general_user\/"}]}},"_links":{"self":[{"href":"https:\/\/apgut.lv\/en\/wp-json\/wp\/v2\/posts\/2388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apgut.lv\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/apgut.lv\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/apgut.lv\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apgut.lv\/en\/wp-json\/wp\/v2\/comments?post=2388"}],"version-history":[{"count":20,"href":"https:\/\/apgut.lv\/en\/wp-json\/wp\/v2\/posts\/2388\/revisions"}],"predecessor-version":[{"id":2495,"href":"https:\/\/apgut.lv\/en\/wp-json\/wp\/v2\/posts\/2388\/revisions\/2495"}],"wp:attachment":[{"href":"https:\/\/apgut.lv\/en\/wp-json\/wp\/v2\/media?parent=2388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/apgut.lv\/en\/wp-json\/wp\/v2\/categories?post=2388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/apgut.lv\/en\/wp-json\/wp\/v2\/tags?post=2388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}