Visual QA Report

Kachersoft Design vs Implementation

Generated 2026-05-07 05:37 UTC · Source A: Tai design screenshot · Source B: real full-page browser screenshot
Overall similarity
72%
Text match
82%
Visual match
65%
The implementation follows the same overall landing-page structure as the design: header, hero, AI-powered future section, services, metrics, principles, shipped work, blog list, and footer/contact area. Main differences are visual scale, spacing rhythm, full-page height, headline capitalization, and several implementation rendering details between the compact design export and real desktop browser capture.

Text Analysis

StatusElementSource ASource BFeedback
SameHeader logo / brandKACHERSOFTKACHERSOFT
ChangedHero headlineBringing AI to every business in Vietnam.Bringing AI to Every Business in Vietnam
SameHero intro paragraphWe help businesses across Vietnam leverage cutting-edge AI technologies to transform operations, enhance efficiency, and drive innovation in an increasingly competitive digital landscape.We help businesses across Vietnam leverage cutting-edge AI technologies to transform operations, enhance efficiency, and drive innovation in an increasingly competitive digital landscape.
ChangedSecond section headingBuilding Vietnam's AI-powered future.Building Vietnam's AI-Powered Future
SameAI excellence section headingHow we deliver AI excellence.How we deliver AI excellence.
SameService card titlesSolution Architecture / Model Fine-Tuning / Workflow Maximization / Integration Expertise / Knowledge TransferSolution Architecture / Model Fine-Tuning / Workflow Maximization / Integration Expertise / Knowledge Transfer
SameMetrics40% / 65% / 3x / 52%40% / 65% / 3x / 52%
SamePrinciplesAccessibility First / Practical Innovation / Continuous Learning / Local Insight / Partnership MindsetAccessibility First / Practical Innovation / Continuous Learning / Local Insight / Partnership Mindset
ChangedBlog section headingOur blogs & articles.Our Blogs & Articles
ChangedBlog article 2AI commerce: 3 bài học từ Salesforce B2CAI commerce: 3 bài học từ Salesforce B2C April 2026
SameFooter/contact headlinePick the channel that fits the question.Pick the channel that fits the question.

Visual Analysis

StatusComponentSource A VisualSource B VisualFeedback
SameOverall page structureCompact full-page design export with clean editorial SaaS layout and narrow preview width.Real desktop browser full-page capture at 1440px width and 5305px height with the same section order.
ChangedScreenshot scale / resolutionDesign image is 224px wide by 1200px tall, heavily downscaled.Implementation screenshot is 1440px wide by 5305px tall, much higher fidelity and true browser scale.
SameHeader layoutLogo left, navigation across the top, dark pill CTA on far right.Same desktop header pattern is implemented.
ChangedHero compositionLeft oversized headline with teal emphasis; right intro copy and CTA buttons.Composition preserved, but line breaks, capitalization, and browser-rendered spacing differ.
SameHero CTA buttonsPrimary dark navy rounded pill; secondary light/outlined pill.Same primary/secondary CTA pattern appears implemented.
ChangedMain AI-powered future illustrationLarge pastel/isometric city or AI infrastructure illustration in soft frame.Same concept appears, but asset sharpness, crop, and overlay positioning differ slightly.
ChangedService card gridFive service cards, mostly white, one dark highlighted card, thin borders and subtle radius.Same grid and highlighted card pattern implemented, with minor padding/border/height differences.
ChangedMetric sectionFour large numeric columns with teal accent on selected metrics.Same values and four-column structure implemented; typography size/alignment may differ.
ChangedPrinciples sectionFive horizontal principle rows with faint dividers and generous spacing.Same list structure implemented, with minor divider and spacing differences.
ChangedCase study layoutAlternating case-study layout with image/blank block and text card.Similar alternating structure, but card/image proportions and crops differ.
ChangedBlog rowsTable-like article feed with horizontal separators and metadata alignment.Same structure, but metadata alignment and wrapping differ at real viewport size.
ChangedColor paletteNear-white/pale gray backgrounds, dark navy text, teal accents near #2BBFAF, dark navy CTA.Same general palette, with slight saturation/rendering differences in browser.