OnlineFreeTools.org
  • Home
  • Image editing tools
    • Add Text Watermark to Photo — Local Browser Tool
    • Extract Colors from Image — Palette & Click Pick
    • Flip Image — Mirror Horizontally or Vertically
    • Add Border to Image — Color & Width Online
    • Image Compressor — Resize, Quality & Target Size Local
    • Crop & Resize Image — Local Aspect Presets
    • Photo EXIF Viewer & Remover — GPS, Camera & Local Strip
    • Image Format Converter — PNG JPEG WebP AVIF BMP GIF ICO SVG
    • Convert Image to Grayscale — Black & White Online
    • Merge Images — Combine Photos into One Collage
    • Image Optimizer — WebP, AVIF & MozJPEG Local
    • Overlay Images — Put a Logo on a Photo
    • Image to Base64 Converter — Encode & Decode Locally
    • Images to GIF — Make an Animated GIF Locally
    • Images to PDF — Combine Photos into One File
    • Images to PowerPoint — Photos to PPTX Slides
    • Images to Word — Build a DOCX from Photos
    • PDF Page to Image Sizes — Multi-Size Export Pack
    • PDF to JPG — Convert Pages to Images in Your Browser
  • Design tools
    • Generate Brand Color Scale — 50–950 Palette & CSS Tokens
    • Brand Style Guide — Generate a Modular Draft You Can Edit
    • Smart Website Color Scheme — Semantic CSS Tokens
    • WCAG Contrast Checker — AA/AAA Ratio Online
  • PDF tools
    • Compress PDF — Shrink File Size in Your Browser
    • Crop PDF — Trim Page Margins in Your Browser
    • Merge PDF — Combine Files in Your Browser
    • Organize PDF — Reorder or Remove Pages in Your Browser
    • Add Page Numbers to PDF — In Your Browser
    • PDF to Markdown — Extract Text for Notes in Your Browser
    • PDF Watermark — Stamp Text on Every Page in Your Browser
    • Protect PDF — Password-Encrypt in Your Browser
    • Rotate PDF — Fix Page Orientation in Your Browser
    • Split PDF — Extract Pages Locally
    • Unlock PDF — Remove Password You Already Know
  • Developer
    • Add WWW to DNS — A/CNAME, Apex Rules & Provider Guides
    • Archive Extractor Online — Open Compressed Files in Your Browser
    • Base64 Encode & Decode — Convert Text in Your Browser
    • Core Web Vitals Checker
    • CSV ↔ JSON Converter — Types, Delimiters & Local
    • Domain Lookup — Check DNS Records & Registration Online
    • File Hash Checker — Verify Digests in Your Browser
    • Hreflang Generator
    • HTML Entity Encoder & Decoder — Escape, Unescape & Local
    • IndexNow — Bing URL Submit, Key Check & Status Codes
    • What Is My IP Address — See Your Public IP (IPv4 or IPv6)
    • JSON Schema Validator — Draft-07 Paths & Local
    • JWT Decoder — Read Header & Payload Locally (No Verify)
    • Magnet Link Decoder — Parse Info Hash and Trackers Locally
    • Markdown ↔ HTML
    • Google SERP Preview
    • Meta Tag Generator
    • On-Page SEO Checker
    • Open Graph Preview
    • Random Password Generator — Create Passwords Locally
    • Robots.txt Generator
    • JSON-LD Schema Generator
    • XML Sitemap Generator
    • Compare Two Texts Online — Text Diff Checker
    • Time Zone Converter — Compare One Moment Worldwide
    • Unix Timestamp Converter — Epoch ↔ Readable Time
    • Unzip File Online — Extract ZIP Files in Your Browser
    • UTM Builder
    • UUID & ULID Generator — Create IDs in Your Browser
    • Check HTTP Response Headers
    • YAML ↔ JSON Converter — Types, Multi-doc & Local
  • Calculators
    • Acceleration Calculator — Change in Velocity
    • Age Calculator — Chronological Age from Birthdate
    • Aspect Ratio Calculator — How to Calculate and Scale Ratios
    • BMI Calculator — How to Calculate Body Mass Index
    • BMR & TDEE Calculator — How to Calculate Daily Calories
    • Body Fat Calculator — How to Estimate Body Fat Percentage
    • Break-Even Calculator — How to Calculate Break-Even Point
    • CAGR Calculator — How to Calculate Compound Annual Growth Rate
    • Circle Calculator — Area and Circumference
    • Compound Interest Calculator — How to Calculate Future Value
    • Concrete Calculator — How to Estimate Concrete Volume
    • Confidence Interval Calculator — How to Calculate a CI
    • Contribution Margin Calculator — Price Minus Variable Cost
    • Date Difference Calculator — Days and Weeks
    • Debt Payoff Calculator — Months to Clear a Balance
    • Density Calculator — Mass over Volume
    • Discount Calculator — How to Calculate Sale Price
    • EMI Calculator — How to Calculate Loan Payments
    • Exponent Calculator — How to Calculate Powers
    • GPA Calculator — How to Calculate Weighted GPA
    • Gradient Calculator — Multivariable ∇f (Partial Derivatives)
    • Gross Margin Calculator — How to Calculate Gross Margin
    • Heart Rate Zone Calculator
    • Ideal Weight Calculator — How to Estimate Ideal Body Weight
    • Inflation Calculator — Future Purchasing Power
    • IRR Calculator — Internal Rate of Return
    • Logarithm Calculator — How to Calculate Logs
    • Macro Calculator — Calories to Protein Carb Fat Grams
    • How to Calculate Marginal Revenue — MR Calculator (ΔTR / ΔQ)
    • Markup Calculator — How to Calculate Markup Percentage
    • Mean Calculator — Average of a Number List
    • Median and Mode Calculator
    • How to Calculate NPV — Net Present Value Calculator
    • Ohm’s Law Calculator — Resistance and Power
    • One-Rep Max Calculator (Epley)
    • P-Value Calculator — How to Calculate a P-Value
    • Pace Calculator — min/km and Speed
    • Paint Calculator — How to Estimate Paint Needed
    • Payback Period Calculator — Years to Recover Investment
    • Percentage Change Calculator — From Old Value to New
    • Permutation and Combination Calculator
    • Present Value Calculator — PV and FV Modes
    • Profit Margin Calculator — Net or Operating Margin
    • Pythagorean Theorem Calculator — How to Find a Missing Side
    • Quadratic Equation Solver — Roots and Discriminant
    • ROI Calculator — How to Calculate Return on Investment
    • Rule of 72 Calculator — Years to Double
    • Salary to Hourly Calculator — How to Convert Pay Rates
    • Sample Size Calculator — How to Estimate Required n
    • Scientific Notation Calculator — How to Convert Scientific Notation
    • Significant Figures Calculator — How to Count and Round Sig Figs
    • Slope Calculator — How to Calculate Slope Between Two Points
    • Standard Deviation Calculator — How to Calculate SD and Variance
    • Tile Calculator — How to Estimate Tile Quantity
    • Tip Calculator — Tip Amount and Split
    • Triangle Area Calculator
    • VAT / GST Calculator — Add or Extract Tax
    • Velocity Calculator — Distance over Time
    • Volume Calculator — Box and Sphere
    • Z-Score Calculator — How to Calculate a Standard Score
    • Square Feet to Square Meters — Area Converter for Homes & Renovation
    • Unit Converter — Length / Mass / Temperature / Area / Volume / Speed
  • where2use
  • Tool types
  • Dev Logs

Navigation

Home

Created nine brand-style-guide i18n locale shards (zh/es/ar/pt/id/fr/ja/ru/de) with 130 keys each aligned to en.ts and locale briefs. | Dev Logs

Back to Logs

Date: 2026-08-08 17:27 Summary: Created nine brand-style-guide i18n locale shards (zh/es/ar/pt/id/fr/ja/ru/de) with 130 keys each aligned to en.ts and locale briefs.

[question] Create 9 i18n TypeScript files for the tool slug brand-style-guide in the repo /Users/xuli/vscodeai/onlinefreetools.

Paths to create

  • /Users/xuli/vscodeai/onlinefreetools/src/site/i18n/tools/brand-style-guide/zh.ts
  • .../es.ts, ar.ts, pt.ts, id.ts, fr.ts, ja.ts, ru.ts, de.ts

Format (required)

Each file must look like:

/**
 * i18n tool shard (brand-style-guide / {lang}). Edit only this tool's keys.
 */
import type { SiteLangDict } from '../../../types';
const {lang}: SiteLangDict = {
  // all keys
};
export default {lang};

Keys

Copy EVERY key from /Users/xuli/vscodeai/onlinefreetools/src/site/i18n/tools/brand-style-guide/en.ts — same key names, translated values. Do not omit any key.

Localization rules (critical)

  • Do NOT machine-translate with identical sentence skeletons across all languages.
  • Follow briefs in /Users/xuli/vscodeai/onlinefreetools/work-tasks/brand-style-guide/03-locale-briefs.md for each language.
  • Title/H1 direction from briefs:
    • zh: 品牌手册 — 智能预填的设计规范,可手动改
    • es: Guía de estilo de marca — borrador modular que puedes editar
    • ar: دليل أسلوب العلامة — مسودة وحدات قابلة للتعديل
    • pt: Guia de estilo da marca — rascunho modular editável
    • id: Panduan gaya merek — draf modular yang bisa diedit
    • fr: Charte graphique — brouillon modulaire à modifier
    • ja: ブランドスタイルガイド — 自動下書きを手直しできる
    • ru: Гайд по стилю бренда — модульный черновик, который можно править
    • de: Brand-Style-Guide — modularer Entwurf zum Nachbearbeiten
  • tool_*_desc ≈ short home card (~160 chars), local search words
  • tool_*_description ≥120 chars, steps + sample Northline #0F6E8C + local/rule-based (NOT cloud AI)
  • Clarify smart = rule-based, not AI/LLM
  • Keep HEX, WCAG, Markdown, JSON, Logo, Do/Don’t (or local equivalent), M0–M9 codes
  • Industry copy keys tool_brand_style_guide_copy_*_one must keep the {brand} placeholder literally
  • FAQ question order may vary slightly per language for less isomorphism
  • Button labels per brief (Generate / Sample / Copy Markdown etc. in local short words)
  • No SEO meta-narration (doorway, thin page, slug)
  • User rule: respond/write content in the target language for user-facing strings; code comments in files can be English like en.ts

After writing

Verify each file exports default and has the same number of keys as en.ts (count tool_brand_style_guide_ keys).

Return a short summary of files written and any keys you struggled with.

[try to solve] Created nine locale shards under src/site/i18n/tools/brand-style-guide/: zh.ts, es.ts, ar.ts, pt.ts, id.ts, fr.ts, ja.ts, ru.ts, de.ts.

Verification: All ten locales (including en) have 130 tool_brand_style_guide_* keys matching en.ts exactly; each file export default {lang}; all six copy_*_one strings keep the literal {brand} placeholder.

Localization notes:

  • Titles/H1 and short button labels follow 03-locale-briefs.md per language
  • “Smart” / intelligent-prefill clarified as rule-based prefill, not cloud AI/LLM
  • FAQ question order adjusted in zh/ja (and similar) to reduce isomorphism
  • ja uses natural “when you need this” phrasing for use-cases heading; ar uses do/don’t equivalents; de keeps Do’s/Don’ts

Harder keys: rules_item_* and description needed balance between rule visibility and length; ar mixes retained HEX/Logo/Markdown with natural RTL wording; ja avoids catalog-tone katakana “use cases.”

[actions]

  • Added src/site/i18n/tools/brand-style-guide/{zh,es,ar,pt,id,fr,ja,ru,de}.ts
OnlineFreeTools.org · Learning project · Iterating
About·Privacy·Terms·Contact·GitHub