- Strategy & positioning
- Logo & identity system
- Type & colour
- Brand guidelines
- Launch assets
KGDESIGN® — Independent studio, est. 2016
Design that
Design that
means business.
Websites, brands and systems built for clarity, scale and impact. Scroll to watch one get made.
Chapter 02 — Material
Every project starts as raw material.
Goals, audience, constraints. We map the real problem before a single pixel is drawn.
01GoalsWhat the site must do for the business, in one line.
02AudienceWho arrives, on which device, with what question.
03ConstraintsBudget, deadline, content that exists — and content that doesn't.
Chapter 03 — Frame
Structure earns its weight first.
The container is built before anything is allowed to fill it.
01Corner markerOne fixed point. Everything measures from here.
02WidthThe frame extrudes along X to the viewport width.
03HeightThen along Y. The container exists.
Chapter 04 — Assembly
The window fills as it forms.
Chrome and content are built together — navigation, imagery and actions land while the frame is still finishing. Nothing sits empty waiting for permission.
01ChassisFrame, glass, toolbar, address bar, controls.
02NavigationLogo, four links and the primary call to action.
03ImageryThe hero paints in left to right, in place.
04ActionsButtons and icon set, sized against the type.
Chapter 05 — Structure
The grid was always underneath.
018pt baselineEvery element lands on the same vertical rhythm.
0212 columnsFluid, with 24px gutters and safe margins.
033 breakpoints360 · 768 · 1440. The layout is proven at each.
042 blocks reservedHeadline and cards, held open for chapter 06.
Chapter 06 — Interface
Type, cards, footer.
The reserved blocks dissolve as their real components land. Everything built in chapter 04 stays exactly where it was — this is addition, not replacement.
01HeadlineTwo lines land in sequence, set against the grid.
02SubheadOne line of support underneath, and no more.
03CardsThree, grown out of the blocks chapter 05 reserved.
04FooterA rule, then the small print that closes the page.
Chapter 07 — Life
The finished page, then it responds.
01ResolveEvery part built so far sharpens into the real page.
02HoverThe card lifts, the shadow softens, the image warms.
03PressThe button takes the click and a ripple leaves it.
04RouteClick Services — and the window opens into it.
Chapter 08 — Every screen
One system, three widths.
Desktop, tablet and phone are the same design re-proportioned — not three separate guesses. Watch all three change together.
Chapter 09 — Selected work
01 / 08
Northline Group
Logistics — corporate site & identity
Built here. Live now.
Five projects, each with the stack it runs on and the weeks it took.
Chapter 11 — Services
Six disciplines,
Six disciplines,
one accountable studio.
Most projects use three or four of these. Open any one to see exactly what lands on your desk, and what it costs you in time.
All services & packages →- UX research
- Wireframes
- UI system
- Motion-first interfaces
- Interactive storytelling
- Prototype
- Front-end
- Back-end
- CMS integration
- Core Web Vitals
- Accessibility
- Analytics
- Catalogue
- Cart & checkout
- Payments
- Post-purchase flows
- Subscriptions
- Art direction
- Photography
- Film
- Interface motion
- Asset libraries
- Monthly care plan
- New pages
- Testing
- Continuous improvement
- Training
From brief to care
in six steps.
One call to start, a live preview while it is built, and someone who knows the code after launch.
Pick a starting point.
Everything is adjustable.
Fixed scope, fixed price, fixed timeline. Most projects start with one of these and add a discipline or two from the six above.
Prices are starting points — the final quote depends on scope.
Compare the packages in full →Clarity first,
craft always,
built to scale.
KGDESIGN is an independent studio crafting fresh, meaningful brand experiences through strategy, design and technology. Our mission is to bring each client's business to life with design that feels human — intuitive, purposeful, and unmistakably theirs.
0Years
0Projects on this site
0Disciplines
0In-house
01Discover
Goals, audience, constraints and the real problem — mapped before a pixel is drawn.
02Define
Strategy, structure and scope. Plan, sitemap and story, agreed by everyone.
03Design & build
Concepts become systems — interface, motion and robust code, shipped weekly.
04Launch & grow
We launch, train your team, then keep iterating. Improvements that compound.
Ready to build
something bold?
Tell us what it is, who it serves and when it needs to be live. We reply within one working day.
Chapter 16 — Studio
Inspire · Build · Grow
You just watched a website being made. That is the process, not a metaphor for it.
© KGDESIGN® 2026 · Independent studio — Est. 2016