{"id":12,"date":"2026-07-04T15:40:48","date_gmt":"2026-07-04T07:40:48","guid":{"rendered":"http:\/\/chumenzaiwai.xyz\/index.php\/services\/"},"modified":"2026-07-04T15:40:48","modified_gmt":"2026-07-04T07:40:48","slug":"services","status":"publish","type":"page","link":"https:\/\/chumenzaiwai.xyz\/index.php\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-base-background-color has-background is-layout-constrained wp-container-core-group-is-layout-f570e52d wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40)\">\n\n  \n  <div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-c4c37f03 wp-block-columns-is-layout-flex\">\n\n    \n    <div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:38%\">\n      \n      <p class=\"has-contrast-3-color has-text-color wp-block-paragraph\" style=\"font-size:var(--wp--preset--font-size--small);font-weight:600;letter-spacing:0.14em;text-transform:uppercase\">What we make<\/p>\n      \n\n      \n      <h2 class=\"wp-block-heading has-newsreader-accent\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--x-large);font-weight:700;line-height:1.1;letter-spacing:-0.02em\">Six services. <em>One<\/em> standard.<\/h2>\n      \n\n      \n      <p class=\"has-contrast-2-color has-text-color wp-block-paragraph\" style=\"font-size:var(--wp--preset--font-size--medium);line-height:1.6\">From the first sketch to the last shipped pixel &#8211; every project gets the same care.<\/p>\n      \n    <\/div>\n    \n\n    \n    <div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:62%\">\n\n      \n      <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-19b218b4 wp-block-columns-is-layout-flex\">\n\n        \n        <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n          \n          <h3 class=\"wp-block-heading\" style=\"margin-bottom:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--large);font-weight:600;line-height:1.3;letter-spacing:-0.01em\">Brand identity<\/h3>\n          \n          \n          <p class=\"has-contrast-2-color has-text-color wp-block-paragraph\" style=\"font-size:var(--wp--preset--font-size--medium);line-height:1.55\">Logo, type, color and voice &#8211; the system you build everything else on.<\/p>\n          \n        <\/div>\n        \n\n        \n        <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n          \n          <h3 class=\"wp-block-heading\" style=\"margin-bottom:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--large);font-weight:600;line-height:1.3;letter-spacing:-0.01em\">Web design<\/h3>\n          \n          \n          <p class=\"has-contrast-2-color has-text-color wp-block-paragraph\" style=\"font-size:var(--wp--preset--font-size--medium);line-height:1.55\">Editorial layouts, typography rhythm, motion. Built around what you say, not around a stock template.<\/p>\n          \n        <\/div>\n        \n\n      <\/div>\n      \n\n      \n      <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-24de1f92 wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--40)\">\n\n        \n        <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n          \n          <h3 class=\"wp-block-heading\" style=\"margin-bottom:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--large);font-weight:600;line-height:1.3;letter-spacing:-0.01em\">Content strategy<\/h3>\n          \n          \n          <p class=\"has-contrast-2-color has-text-color wp-block-paragraph\" style=\"font-size:var(--wp--preset--font-size--medium);line-height:1.55\">Architecture, voice, editorial calendar. Words first, layout second, polish third.<\/p>\n          \n        <\/div>\n        \n\n        \n        <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n          \n          <h3 class=\"wp-block-heading\" style=\"margin-bottom:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--large);font-weight:600;line-height:1.3;letter-spacing:-0.01em\">Accessibility audit<\/h3>\n          \n          \n          <p class=\"has-contrast-2-color has-text-color wp-block-paragraph\" style=\"font-size:var(--wp--preset--font-size--medium);line-height:1.55\">WCAG 2.1 AA verification with screen reader testing and a remediation backlog.<\/p>\n          \n        <\/div>\n        \n\n      <\/div>\n      \n\n      \n      <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-24de1f92 wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--40)\">\n\n        \n        <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n          \n          <h3 class=\"wp-block-heading\" style=\"margin-bottom:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--large);font-weight:600;line-height:1.3;letter-spacing:-0.01em\">Performance tuning<\/h3>\n          \n          \n          <p class=\"has-contrast-2-color has-text-color wp-block-paragraph\" style=\"font-size:var(--wp--preset--font-size--medium);line-height:1.55\">Core Web Vitals from triage to green. We tune the front-end and the queries behind it.<\/p>\n          \n        <\/div>\n        \n\n        \n        <div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n          \n          <h3 class=\"wp-block-heading\" style=\"margin-bottom:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--large);font-weight:600;line-height:1.3;letter-spacing:-0.01em\">Ongoing support<\/h3>\n          \n          \n          <p class=\"has-contrast-2-color has-text-color wp-block-paragraph\" style=\"font-size:var(--wp--preset--font-size--medium);line-height:1.55\">Updates, incident response, monthly reports. The site keeps shipping after launch day.<\/p>\n          \n        <\/div>\n        \n\n      <\/div>\n      \n\n    <\/div>\n    \n\n  <\/div>\n  \n\n<\/div>\n\n\n\n\n<div class=\"wp-block-group alignfull has-base-background-color has-background is-layout-constrained wp-container-core-group-is-layout-29cbc148 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40)\">\n\n  \n  <div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-bf8c6e5f wp-block-columns-is-layout-flex\">\n    \n    <div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:42%\">\n      \n      <div class=\"wp-block-group has-surface-1-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-radius:20px;padding-top:75%\"><\/div>\n      \n    <\/div>\n    \n\n    \n    <div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:58%\">\n      \n      <p class=\"has-accent-color has-text-color wp-block-paragraph\" style=\"font-size:var(--wp--preset--font-size--small);font-weight:600;letter-spacing:0.14em;text-transform:uppercase\">01 &#8211; Type system<\/p>\n      \n      \n      <h2 class=\"wp-block-heading has-newsreader-accent\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--x-large);font-weight:700;line-height:1.1;letter-spacing:-0.02em\">Eight type sizes. <em>One<\/em> ratio.<\/h2>\n      \n      \n      <p class=\"has-contrast-2-color has-text-color wp-block-paragraph\" style=\"margin-bottom:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large);line-height:1.55\">A fluid clamp() scale from 14px x-small to 96px mega. Inter for body, Newsreader for editorial. Self-hosted, ~140kb total, GDPR-clean.<\/p>\n      \n      \n      <div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n        \n        <div class=\"wp-block-button is-style-link-arrow\"><a class=\"wp-block-button__link wp-element-button\" href=\"#docs\">See the type spec<\/a><\/div>\n        \n      <\/div>\n      \n    <\/div>\n    \n  <\/div>\n  \n\n  \n  <div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-bf8c6e5f wp-block-columns-is-layout-flex\">\n    \n    <div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:58%\">\n      \n      <p class=\"has-accent-color has-text-color wp-block-paragraph\" style=\"font-size:var(--wp--preset--font-size--small);font-weight:600;letter-spacing:0.14em;text-transform:uppercase\">02 &#8211; Color tokens<\/p>\n      \n      \n      <h2 class=\"wp-block-heading has-newsreader-accent\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--x-large);font-weight:700;line-height:1.1;letter-spacing:-0.02em\">Semantic tokens, <em>not<\/em> a color picker.<\/h2>\n      \n      \n      <p class=\"has-contrast-2-color has-text-color wp-block-paragraph\" style=\"margin-bottom:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large);line-height:1.55\">base, contrast, accent, surface &#8211; every pattern composes against a 12-token palette. Verified WCAG AA on light and dark surfaces.<\/p>\n      \n      \n      <div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n        \n        <div class=\"wp-block-button is-style-link-arrow\"><a class=\"wp-block-button__link wp-element-button\" href=\"#tokens\">Open the token map<\/a><\/div>\n        \n      <\/div>\n      \n    <\/div>\n    \n\n    \n    <div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:42%\">\n      \n      <div class=\"wp-block-group has-surface-2-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-radius:20px;padding-top:75%\"><\/div>\n      \n    <\/div>\n    \n  <\/div>\n  \n\n<\/div>\n\n\n\n\n<div class=\"wp-block-group alignfull has-surface-1-background-color has-background is-layout-constrained wp-container-core-group-is-layout-9886c98d wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n\n  \n  <div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-bf8c6e5f wp-block-columns-is-layout-flex\">\n\n    \n    <div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:55%\">\n      \n      <p class=\"has-accent-color has-text-color wp-block-paragraph\" style=\"font-size:var(--wp--preset--font-size--small);font-weight:600;letter-spacing:0.14em;text-transform:uppercase\">Monthly dispatch<\/p>\n      \n      \n      <h2 class=\"wp-block-heading has-newsreader-accent\" style=\"margin-top:var(--wp--preset--spacing--10);margin-bottom:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--x-large);font-weight:700;line-height:1.1;letter-spacing:-0.02em\">Quiet, useful, <em>monthly<\/em>.<\/h2>\n      \n      \n      <p class=\"has-contrast-2-color has-text-color wp-block-paragraph\" style=\"margin-bottom:0;font-size:var(--wp--preset--font-size--medium);line-height:1.6\">One email a month with the patterns we shipped, the bugs we squashed and the design rabbit-holes we fell down. Unsubscribe in one click.<\/p>\n      \n    <\/div>\n    \n\n    \n    <div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:45%\">\n\n      \n      <div class=\"wp-block-buttons is-nowrap is-layout-flex wp-container-core-buttons-is-layout-1e19cdc8 wp-block-buttons-is-layout-flex\">\n        \n        <div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button\" href=\"#subscribe\" style=\"border-radius:999px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">Subscribe &#8211; it&#8217;s free<\/a><\/div>\n        \n      <\/div>\n      \n\n      \n      <p class=\"has-contrast-3-color has-text-color wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:0;font-size:var(--wp--preset--font-size--x-small)\">No spam. Unsubscribe in one click. We never share your address.<\/p>\n      \n\n    <\/div>\n    \n\n  <\/div>\n  \n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chumenzaiwai.xyz\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chumenzaiwai.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chumenzaiwai.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chumenzaiwai.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chumenzaiwai.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":0,"href":"https:\/\/chumenzaiwai.xyz\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/chumenzaiwai.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}