Typography preview · T01

A model signature. A clear reading experience.

Barlow for headings, text, buttons, and prices. Allura adds a flowing model-name accent, shown here as a typography concept rather than official Porsche lettering.

Porsche Panamera
Repair in Dubai

Book servicing, diagnostics, and repairs in Al Quoz 4. Send your model year and the problem for a repair estimate.

Headings & body copy

Care for every detail.

Oil and filter service

Confirm the oil specification and filter for your Panamera. Share the model year and mileage to get a quotation for the work required.

H1 60 / 40pxH2 42 / 30pxH3 24 / 22pxBody 18 / 17px
Prices & supporting details

Oil service from

AED 850

Free pickup and delivery on approved jobs.

Indicative starting price, including VAT. Confirm the scope and final written quotation for your car.

Buttons 16px / 600Labels 12px / 500Body line spacing 1.6
T01–T04 · Typeface comparison

Four distinct lettering directions.

The same model name, background, supporting copy, and button in every sample. Compare the actual letterforms, weight, and character.

T01 · Flowing signature
Panamera

Porsche Panamera Repair in Dubai

Book servicing, diagnostics, and repairs in Al Quoz 4.

Book Panamera Repair ↗

Allura

Fine, connected strokes and a light handwritten rhythm. The approved accent currently used on the Panamera page.

T02 · Bold retro badge
Panamera

Porsche Panamera Repair in Dubai

Book servicing, diagnostics, and repairs in Al Quoz 4.

Book Panamera Repair ↗

Yellowtail

Heavier brush strokes, a stronger forward slant, and a compact vintage badge character.

T03 · Condensed motorsport
PANAMERA

Porsche Panamera Repair in Dubai

Book servicing, diagnostics, and repairs in Al Quoz 4.

Book Panamera Repair ↗

Barlow Condensed Semibold

Tall, narrow uppercase lettering with a firm mechanical feel. No script or flourishes.

T04 · Refined editorial serif
Panamera

Porsche Panamera Repair in Dubai

Book servicing, diagnostics, and repairs in Al Quoz 4.

Book Panamera Repair ↗

Cormorant Garamond Medium Italic

Contrasting thick and thin strokes with sculpted serifs and a restrained italic shape.

H01–H06 · Complete typography systems

Main heading and text font options.

Six deliberately different directions. Each combines its own heading character, body rhythm, labels, numbers, and commercial UI.

H01 · Architectural modern

Panamera care,
precisely considered.

Service built around the car.

Book diagnostics, maintenance, and repairs in Al Quoz 4. Share the model year, mileage, and symptoms for a clear written quotation.

Request a quotation ↗
AED 850Syne headings
Manrope text

H02 · Editorial luxury

Craft and care
for Panamera.

A quieter expression of expertise.

A refined serif gives the page the character of a luxury editorial. Clean supporting text keeps quotations and technical information easy to read.

Discuss your Panamera
AED 850Bodoni Moda headings
Source Sans 3 text

H03 · Swiss technical

Panamera diagnosis
before replacement.

Evidence-led repair decisions.

Direct geometry and disciplined spacing create a precise workshop voice. The system feels modern, credible, and particularly strong for service and pricing pages.

Book diagnostics ↗
AED 850Space Grotesk headings
IBM Plex Sans text

H04 · Motorsport technical

Panamera
engineered for the next drive.

Fast information. Firm hierarchy.

Condensed uppercase headings bring energy and a motorsport feel. The body remains calm and readable, so the design does not become aggressive or difficult to scan.

Book Porsche service ↗
AED 850Rajdhani headings
DM Sans text

H05 · Contemporary luxury

Confidence in every
Panamera detail.

Soft geometry with strong presence.

One type family creates a seamless system with generous curves and sharp spacing. It feels premium and commercial without looking like a traditional luxury brochure.

Get my repair quote ↗
AED 850Urbanist headings
Urbanist text

H06 · Sculpted grand tourer

Panamera performance
deserves composure.

Expressive headings, restrained text.

An italic high-contrast display face creates movement without using script. Neutral body copy balances it for long service explanations, FAQs, and quotations.

Plan my service
AED 850Bodoni Moda italic headings
Manrope text
H07–H10 · Accent-compatible shortlist

Let Panamera be the character.

These systems deliberately keep the surrounding heading quiet. The signature remains inside the heading and becomes its only decorative voice.

H07 · Porsche-adjacent restraint

Porsche Panamera
Repair in Dubai

Calm, familiar and properly balanced.

Barlow stays neutral enough to support the signature while keeping service details, prices, and longer explanations highly readable.

Book Panamera Repair ↗
AED 850Barlow headings
Barlow text

H08 · Quiet modern luxury

Porsche Panamera
Repair in Dubai

Airy geometry around the signature.

Outfit uses smooth, open forms without competing flourishes. Source Sans keeps the practical content direct and easy to scan.

Request a Quotation
AED 850Outfit headings
Source Sans 3 text

H09 · Engineered contrast

Porsche Panamera
Repair in Dubai

A technical frame for a fluid accent.

The condensed heading creates deliberate contrast rather than imitation. The script softens the technical structure without losing authority.

Book Diagnostics ↗
AED 850Archivo Narrow headings
IBM Plex Sans text

H10 · Refined contemporary

Porsche Panamera
Repair in Dubai

Subtle main type, stronger atmosphere.

Instrument Sans has enough polish for a luxury page but very little visual ego. It lets the model signature carry the identity.

Get My Repair Quote ↗
AED 850Instrument Sans headings
Manrope text
49 CURRENT DESIGNS + 1 RETIRED SLOT / EDITION 03

Full-background heroes.
Refined section designs.

Distinct layouts for service pages, model pages, guides and contact journeys. One controlled visual system. Choose the sections the page needs.

Design catalog only. Sample content and existing images are not evidence of a job, offer or customer result.

50 of 50 sections
How to use this library on future pages

Current design brief: tailored detail, not decorative clutter or empty surfaces

The owner rejected two extremes: string-like contour artwork and plain surfaces left behind after its removal. The current pgl-r7 finish replaces both with visible satin light, fine material grain, a single defined edge and purpose-specific typography, pictograms and panel detailing. Do not restore contour strings, drafting grids, hard facets, giant outline watermarks or flat-only black fills.

S05: the dark 911 hero has a complete model name inside the heading, a separate photograph, a slim caption rail and icon-led service links. No text is hidden behind the image. S08: photo-led service collection with open service rows and meaningful icons. S15: three consultation cards with restrained pictograms and one clear action, not repeated directory bars.

Read current registered patterns and retain all pgl-r7 classes and data-pgl-finish values. Existing page copies without this class are not restyled. Preserve approved luxe buttons, yellow actions, green checks, working destinations and unique IDs. S02, S03 and S06 remain photographic heroes; do not brighten S03. S04 stays retired. Keep exactly one real page H1. All new designs await owner review.

QA: test actual images, fallback fonts, long content and mixed-surface contrast. A local render with unloaded photographs is not live visual verification. Do not reuse sample price, review, warranty or case-study text without its stated content checks.


Edition 03 and the owner's decisions

S03: darkened background, unchanged panoramic composition. S04: rejected again, retired, not available for insertion. S05: rebuilt model cover. S08: rebuilt service collection, no bento. S18: rebuilt image-led process spread, no framed vertical timeline. The four revised designs await owner review. Never mark them accepted without explicit approval.

The accepted structural starting points are S07, S10, S12, S14, S16, S20, S21, S22, S25, S26, S27, S29, S30, S31, S32 and S35. Their Edition 02 decoration is not approved by implication. The owner's latest rejection of S18 supersedes its earlier acceptance. Other sections are not automatically approved.

Find and reuse a section

Read the current registered pattern under the porsche-v2-library namespace. Insert independent Custom HTML patterns, not the catalog shortcode. There are 49 current patterns and one retired catalog slot. Do not retrieve a retired version from an old ZIP or reuse S04. Rebuilt S05, S08 and S18 use pgl-r3; S03 retains pgl-r2 plus pgl-r3. Preserve these opt-in classes. Existing page copies do not change automatically.

Assemble for the page intent

Choose only the sections that answer the page's questions, normally six to ten. Use one opening hero, one H1 and one main landmark. Other hero examples remain H2 in this catalog. Preserve the approved header and footer, unique IDs, working links, button variants, responsive rules, focus states and reduced-motion support. Do not copy catalog labels, filters or review badges into customer pages.

Colors and buttons

Carbon, Porcelain and Chalk dominate. Bordeaux is for light-surface actions; Performance Yellow or Porcelain Inlay is for dark-surface actions. Frame buttons are secondary. Use small Forest checks on light surfaces and Sage on dark. No yellow body text on white, Bordeaux body text on Carbon, bright green badges, sheen sweeps, neon effects or decorative animation loops.

Photographs and loading

Replace sample images with relevant approved images. Match the actual model and service. Inspect desktop and mobile crops with the real file. Background gradients must remain strong enough for all text. Only the actual first hero image loads eagerly with high fetch priority. Other images remain lazy with width, height and useful alt text. Decorative background images use empty alt text.

Content and publication gates

Verify prices, service scope, package contents, warranties, actual offers and dates. Reviews require authentic sources. Case studies require job evidence and permission. Biographies and credentials must be real. S35 is not before-and-after evidence without matched photographs. S36 requires a real video, media rights, captions and transcript. S49 needs a real form handler, validation, privacy text, spam protection and success/error states. Never invent these to fill a layout.

Design reference

Porsche Design System grid informs the full-width media, aligned content and deliberate asymmetry. The site uses its own colors and implementation, not official Porsche assets or an affiliation claim.

Checks before production

Check actual images, text contrast, long labels, all links, keyboard focus, native disclosure controls and mobile layouts at 320, 390, 768, 1024 and 1440 pixels. Do not describe a local layout test as a public-page visual check. Keep design catalogs noindex. Page content and global style changes require their own scope and backup.

S01Carbon split hero
HeroesdarkReusable Custom HTML pattern

Service landing or homepage. Promote the hero title to the only H1; load the first image eagerly. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Independent Porsche care · Dubai

Precision care.
For your Porsche.

Start with your model, the way you drive it and what needs attention.

Porsche in a workshop setting
Al Quoz 4, DubaiMaintenance / Diagnostics / RepairIndependent workshop website
S02Full-background signature hero
HeroesdarkReusable Custom HTML pattern

Rebuilt full-bleed homepage or service hero. Full-width image, left-aligned copy and Performance Yellow action. Keep the right side of the photograph visually open. Edition 02: rebuilt-hero; original rejected layout retired.

Promote exactly one hero title to H1. Use an approved photograph. Set only the actual first hero image to eager loading and fetchpriority="high". Check image crops and text contrast on mobile. This revised hero awaits owner approval.

PORSCHEGARAGE / DUBAIIndependent Porsche care01 / CARE
Built around your Porsche

Precision care.
In every detail.

Independent servicing, diagnostics and repair in Al Quoz 4. Tell us what your Porsche needs.

Al Quoz 4, DubaiService / Diagnostics / Repair
S03Darkened full-background panoramic hero
HeroesdarkReusable Custom HTML pattern

Edition 03 latest-revision. Same panoramic composition with a darker full-image treatment and stronger bottom gradient. Awaiting owner review.

Promote exactly one hero title to H1. Use an approved photograph. Set only the actual first hero image to eager loading and fetchpriority="high". Check image crops and text contrast on mobile. This revised hero awaits owner approval.

PORSCHEGARAGE / INDEPENDENT CAREIndependent Porsche care02 / DRIVE
For the road ahead

Made to be driven.
Cared for properly.

Your next service starts with the car, its history and the way you use it.

Independent Porsche workshop websiteAl Quoz 4, Dubai
S04Retired by owner
HeroeslightReusable Custom HTML pattern

REJECTED / RETIRED. Do not use S04 on any page. The light photographic hero was rejected again. This slot is retained only to preserve section numbering.

Do not insert, copy or publish this design. Choose another hero that the owner approves.

S04 / RETIRED

This design has been removed from the reusable collection.

S05911 dark model signature hero
HeroesdarkReusable Custom HTML pattern

S05 latest-revision. Complete 911 identity in the heading, separate wide photograph, satin caption rail and icon-led service navigation. Replaces the clipped outlined-number composition. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Dark only. Keep the model identity in normal document flow, not behind the photograph. Use the correct approved model image. Promote exactly one hero title to H1. Only the actual first hero image loads eagerly with high fetch priority. Verify actual image crops.

PORSCHEGARAGE / MODEL CAREIndependent workshop · Al Quoz 4
A familiar drive. Individual care.

Porsche911Service & repair.

Care shaped around your 911, its service history and what you notice on the road.

THE MODEL, IN FOCUS911
Porsche in a workshop setting
For the next chapter of ownership.Explore 911 care

Share the model year, mileage and reason for your visit.

S06Full-background owner-guide cover
HeroesdarkReusable Custom HTML pattern

Rebuilt full-image editorial cover for a guide, with title and reading context integrated into the photograph. Add a real in-page contents destination only after assembling the guide. Edition 02: rebuilt-hero; original rejected layout retired.

Promote exactly one hero title to H1. Use an approved photograph. Set only the actual first hero image to eager loading and fetchpriority="high". Check image crops and text contrast on mobile. This revised hero awaits owner approval.

PORSCHEGARAGE / OWNER JOURNALIndependent Porsche care04 / GUIDE
A clearer view of Porsche ownership

Know the car.
Understand the work.

A practical starting point for discussing inspections, repair estimates and the decisions that follow.

Owner guide / Workshop questionsInspection / Scope / Estimate / Records
S07Three service pillars
ServiceslightReusable Custom HTML pattern

Three equally important service routes, with independent contextual links. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Find your route

A clear place to start.

S08Tailored service collection
ServicesdarkReusable Custom HTML pattern

S08 latest-revision. Large engine photograph with three open icon-led service routes. No filled row slabs, contour strings or repeating directory buttons. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Use relevant approved imagery and verified service destinations. Preserve the open service rows and readable photograph gradient.

S09Ruled service directory
ServiceslightReusable Custom HTML pattern

Compact service hub navigation with descriptive rows. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

S10Chalk feature and checklist
ServiceslightReusable Custom HTML pattern

Explain an actual service scope beside one supporting image. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Vehicle diagnostic equipment beside a Porsche
Before the inspection

The details that
help us begin.

  • Model, year and available records
  • When the concern first appeared
  • The exact dashboard message
  • Recent work or changes
S11Reverse dark editorial
ServicesdarkReusable Custom HTML pattern

Premium feature section for one system or workshop capability. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Focused attention

A closer look.
A clearer explanation.

Describe the concern in your own words. The inspection scope should follow the evidence, not assumptions.

Explore inspection work
Engine inspection in a workshop setting
S12Model navigation tiles
ServiceslightReusable Custom HTML pattern

Six model destinations without unsupported model specifications. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

S13Compact route bar
ServicesdarkReusable Custom HTML pattern

Between hero and body; no sticky overlap. Use real destination URLs or unique local anchors. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Choose your route

What needs attention?

S14Included and separate scope
ServicesmixedReusable Custom HTML pattern

A clear scope comparison. Replace every item with the actual approved service scope. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Scope examples only. Confirm inclusions and exclusions before publishing.

Scope first

Know what belongs in the quote.

Confirm what is included

Agreed inspection

  • The reported concern
  • The agreed checks
  • The written findings
Discuss separately

Additional work

  • Further dismantling
  • Parts and fitting
  • Additional tests or setup
S15Owner symptom consultation
SymptomsdarkReusable Custom HTML pattern

S15 latest-revision. Three satin consultation cards, service-specific pictograms, useful owner prompts and one action. Replaces the repeated full-width directory bars. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Do not present symptoms as a confirmed diagnosis. Customize owner prompts for the real service and preserve one meaningful contact action.

Start with the symptom

You know the drive.
Tell us what changed.

You do not need to name a failed part. A clear description is the right place to begin.

01

A dashboard warning

Save the exact message and note when it first appeared.

Bring the message.
02

A change in shifting

Note the speed, gear and whether the car is cold or warm.

Describe the conditions.
03

An unfamiliar noise

Describe the sound and when you hear it, without guessing the cause.

Start with what you hear.

Share the model, year, mileage and the change you noticed.

Talk through the concern
S16Symptom evidence table
DiagnosticslightReusable Custom HTML pattern

A readable table for owner observations. Keep technical claims specific to the page. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Before your visit

Turn a symptom into useful context.

Example observations to share with the workshop
Owner noticesInformation to recordService route
Warning messageExact wording and conditionsDiagnostics
Unfamiliar noiseLocation, speed and conditionsInspection
Shift changeWhen it happens and recent workTransmission
S17Horizontal four-step journey
ProcesslightReusable Custom HTML pattern

Short service sequence. Steps stack naturally on mobile. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

A considered process

From first conversation to next step.

  1. 01

    Describe

    Share your car and your concern.

  2. 02

    Discuss

    Agree on the first inspection.

  3. 03

    Review

    Understand the findings and scope.

  4. 04

    Decide

    Approve the next step with context.

S18Image-led workshop journey
ProcessmixedReusable Custom HTML pattern

Edition 03 latest-revision. Dark photographic introduction beside a light four-stage editorial layout. The previous framed timeline is retired. Awaiting owner review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Confirm the process reflects actual practice. Sample imagery is not evidence of a customer visit. Do not reuse the rejected vertical-timeline markup.

YOUR WORKSHOP VISIT

From first call.
To the next drive.

A clearer way to discuss the work your Porsche may need.

01 / 04The owner comes
into the conversation.
THE VISIT, CONSIDEREDFOUR SIMPLE STAGES
  1. Start with your story

    Share the model, mileage and what changed. A warning message or recent invoice can help.

  2. Define the first check

    Discuss the inspection scope, access needed and any limits before the visit.

  3. Make an informed decision

    Review the findings, proposed parts and estimate before approving the work.

  4. Keep the details

    Retain the invoice, job information and any written follow-up instructions.

S19Two-route decision section
DiagnosticslightReusable Custom HTML pattern

Maintenance versus fault-finding choices. Not a substitute for safety advice. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Choose the right starting point

Due for service, or something different?

A / MAINTENANCE

The schedule is due

Start with time, mileage and the work already recorded.

Discuss servicing
OR
B / A NEW CONCERN

Something has changed

Share the warning, noise or behavior you have noticed.

Discuss diagnostics
S20Diagnostic evidence dossier
DiagnosticsdarkReusable Custom HTML pattern

An evidence-first layout. Field labels are examples, not a real scan or vehicle result. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Evidence before decisions

A finding needs
its context.

A structured record helps separate the owner concern, observations and proposed next checks.

  • Keep the exact message
  • Include relevant history
  • Ask how findings support the next step
ILLUSTRATIVE RECORD / NOT A VEHICLE RESULT
Concern
Owner description
Conditions
When it occurs
Observation
Documented finding
Next check
Agreed test or inspection
S21Two-chapter image narrative
ProcesslightReusable Custom HTML pattern

A short visual story across two alternating image/text rows. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Vehicle diagnostic equipment beside a Porsche
01 / Understand

Begin with the concern.

The reported change provides the starting point for the conversation.

02 / Explain

Make the next step clear.

Ask how the findings connect to the proposed work.

Workshop service discussion
S22Three service-scope packages
CommercialmixedReusable Custom HTML pattern

Package comparison. Use approved prices or quote-on-request; never invent savings. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Replace package scope and prices with verified business information before use.

Compare the scope

Choose the conversation you need.

Maintenance

Scheduled work

Quote on request
  • Vehicle details
  • Service history
  • Items due
Ask about this scope
Diagnosis

A reported concern

Quote on request
  • Symptom description
  • Agreed checks
  • Findings review
Ask about this scope
Inspection

Condition review

Quote on request
  • Purpose of inspection
  • Access and limits
  • Reporting format
Ask about this scope
S23Estimate breakdown sheet
CommerciallightReusable Custom HTML pattern

Explain quote line items without invented amounts. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

An understandable estimate

See what makes up
the scope.

The same total can describe different work. Ask what each line includes.

Quote discussion checklist
Line itemWhat to clarify
InspectionScope and any additional testing
PartsCategory and exact compatibility
LaborFitting and access work
Additional itemsFluids, setup or separate services
S24Repair options comparison
CommercialdarkReusable Custom HTML pattern

Compare options conditionally; actual repair suitability must be supported by diagnosis. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Do not present all options as suitable for every vehicle.

Compare the routes

Different scopes.
Different decisions.

01

Targeted repair

Discuss the specific supported repair.

Confirm
Suitability for the fault
Ask about
Parts, labor and written terms
02

Assembly work

Clarify exactly what the scope covers.

Confirm
Suitability for the fault
Ask about
Parts, labor and written terms
03

Replacement

Identify the proposed replacement category.

Confirm
Suitability for the fault
Ask about
Parts, labor and written terms
S25Approval scope panel
CommerciallightReusable Custom HTML pattern

A quotation explanation or pre-approval checklist, not an acceptance form. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Before approval

The questions
worth asking.

  • Which finding does each repair address?
  • What parts category is proposed?
  • What is included and excluded?
  • What changes require another approval?
Keep the written scope

Ask for revised details when the agreed work changes.

Discuss the estimate
S26Warranty scope accordion
CommerciallightReusable Custom HTML pattern

Warranty terms presentation. Never reuse illustrative copy as a business warranty. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

REQUIRED: approved warranty text. Template is not a warranty offer.

Written terms

Make the boundaries readable.

What work is covered?

Insert the approved coverage for the exact job. No warranty duration is supplied by this template.

What conditions apply?

Insert the verified conditions, exclusions and reporting process.

Which record should the owner keep?

Insert the actual document and contact requirements for the job.

S27Reserved offer panel
CommercialdarkReusable Custom HTML pattern

Use only for a genuine offer with approved scope, dates and exclusions. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

REQUIRED: real offer, verified price, dates, scope and terms. Remove this placeholder before publication.

OFFER LAYOUT
NOT ACTIVE
Reserved for an approved offer

A clear offer.
Without the noise.

This layout does not advertise a current discount or package.

Approved scopeValid datesEligibility and exclusions
S28Workshop story editorial
TrustlightReusable Custom HTML pattern

About or workshop section with approved photography and factual copy. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Workshop service discussion
The workshop conversation

A car deserves attention.
An owner deserves clarity.

Use this space to describe the actual workshop process and the people responsible for it.

Al Quoz 4

Independent workshop inquiries in Dubai.

Talk to the workshop
S29Contributor profile card
TrustlightReusable Custom HTML pattern

Author or reviewer module. Verify role, experience, photo and consent before use. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Confirm biography and review responsibility. Do not invent credentials.

Workshop contributor

Mr Abu Hashim

Porsche owner guides and workshop questions.

View contributor profile
S30Verified review quotation
TrustdarkReusable Custom HTML pattern

A real customer review with source and permission. No invented stars or customer names. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

REQUIRED: authentic review and source. No fictional quotes, names or ratings.

Review template / awaiting source

A real experience.
In the owner’s words.

Insert an approved, accurately quoted customer review here.

Verified attribution requiredSource link and relevant date required
S31Evidence-led case study
TrustlightReusable Custom HTML pattern

A documented case study with approval; placeholders are not a completed job. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

REQUIRED: job evidence and permission. No invented vehicle, repair or outcome.

Case-study framework

From concern to documented outcome.

CASE
FILE
Illustrative structure only
01

Concern

Insert the documented owner concern.

02

Evidence

Insert the recorded findings and checks.

03

Agreed work

Insert the actual approved repair scope.

04

Outcome

Insert only the documented result.

S32Trust through process strip
TrustdarkReusable Custom HTML pattern

Four verifiable process commitments. Confirm they reflect business practice. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Confirm process statements before publishing as business commitments.

Clarity at each step

Show the process, not a slogan.

Scope

Explain what the visit covers.

Findings

Connect observations to the next step.

Options

Clarify the proposed parts category.

Records

Keep the written job information.

S33Credentials evidence shelf
TrustlightReusable Custom HTML pattern

Display genuine credentials or approvals only; no logo or certification claims supplied. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

REQUIRED: authentic current credentials. Placeholder documents are not badges.

Documented credentials

Only show what can be verified.

Verified qualification

Add the exact credential and issuing body.

Relevant training

Add the confirmed topic and record.

Current documentation

Check validity, scope and permission to display.

S34Workshop mosaic gallery
EditorialdarkReusable Custom HTML pattern

Four-image gallery. Replace sample images with approved relevant photography. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Workshop perspective

Details in focus.

Porsche in a workshop setting
Vehicle context
Engine inspection in a workshop setting
Inspection context
Vehicle diagnostic equipment beside a Porsche
Diagnostic context
Workshop service discussion
Owner conversation
S35Paired image comparison
EditoriallightReusable Custom HTML pattern

Paired evidence images, not an invented before-and-after result. Edition 02: accepted-structure enhancement; revised decoration awaits review. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

For before/after use, require matched images, same job and an accurate caption.

Compare the details

Two views.
One clear explanation.

Engine inspection in a workshop setting
Sample A / engine inspection context
Vehicle diagnostic equipment beside a Porsche
Sample B / diagnostic context

These sample images are not a before-and-after repair record.

S36Video feature with transcript
EditorialmixedReusable Custom HTML pattern

Video presentation placeholder. Replace panel with a real accessible player and transcript. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

REQUIRED: playable source, captions, transcript and media rights. Do not add a fake play control.

Video position / not connectedRoom for a
closer explanation.

Add an approved video with captions.

Watch and understand

Make the process visible.

Explain one useful workshop topic at a time.

Transcript area

Replace this with the full, accurate transcript of the video. This sample is not a playable video.

S37Image-led related guides
EditoriallightReusable Custom HTML pattern

Related content cards. Replace example destinations with relevant published guides. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Keep exploring

Useful next reads.

S38Owner preparation checklist
EditoriallightReusable Custom HTML pattern

Useful preparation checklist. Add a download only when a real accessible file exists. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Before the visit

A little preparation.
A better conversation.

Keep these details ready when you contact the workshop.

  • Model, model year and mileage
  • The exact warning message
  • When the symptom appears
  • Recent work and available records
  • The reason for the visit
S39Editorial key takeaway
EditoriallightReusable Custom HTML pattern

Short conclusion before a CTA; not a second introduction. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

The key takeaway

Start with the concern.
Decide with the evidence.

Share what changed, clarify the inspection scope and ask how the findings support the proposed work.

S40Long-form reading layout
EditoriallightReusable Custom HTML pattern

Guide body with a narrow reading measure and useful sidebar; no unnecessary dark paragraph blocks. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

A clearer workshop conversation

Describe the change in your own words. Include when it began and whether the circumstances are consistent.

Separate the observation from the conclusion

Record the message or behavior without treating it as proof of a failed part.

A useful question is how each finding supports the next proposed check.

Keep the written record

Review the stated scope and any changes before approving the next step.

S41Editorial split FAQ
SupportlightReusable Custom HTML pattern

Service-page FAQ with a clear intro and native disclosure controls. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Before you book

A few useful answers.

Keep answers specific to the service and the actual business scope.

What should I send first?

Model, model year, mileage and the reason for your visit.

What if I do not know the service name?

Describe the concern and when you notice it.

Where should I start?

Contact the workshop to discuss the first inspection and the scope.

S42Dark two-column FAQ
SupportdarkReusable Custom HTML pattern

A more compact FAQ arranged in two independent columns. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Questions and answers

Clarity before the visit.

What should I send first?

Model, model year, mileage and the reason for your visit.

What if I do not know the service name?

Describe the concern and when you notice it.

Where should I start?

Contact the workshop to discuss the first inspection and the scope.

Is this an official Porsche dealership?

No. This is an independent workshop website, not an authorized Porsche dealer.

S43Topic-grouped support
SupportlightReusable Custom HTML pattern

Longer FAQ page organized by topic, without inaccessible custom tabs. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Find an answer

Questions, grouped around the visit.

Before the visit

What should I send first?

Model, model year, mileage and the reason for your visit.

What if I do not know the service name?

Describe the concern and when you notice it.

Scope and records

What should the scope explain?

Which work is proposed and what is included or excluded.

What records should I keep?

Keep the written estimate, invoice and job information supplied by the workshop.

S44Policy and boundary notice
SupportlightReusable Custom HTML pattern

Independent status, limitations or terms note. Not a replacement for reviewed legal content. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

A useful distinction

Independent workshop website.

PorscheGarage.ae is not affiliated with Porsche AG and is not an authorized Porsche dealer. Replace additional policy wording with reviewed business-specific content.

S45Owner glossary
SupportdarkReusable Custom HTML pattern

Define terms on a guide page; verify all technical definitions for that topic. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Useful language

A few terms, clearly explained.

Inspection scope
The checks agreed for a specific visit.
Written estimate
A description of the proposed work and its quoted cost.
Service record
Documentation of recorded maintenance or repair work.
S46Compact performance CTA
ContactdarkReusable Custom HTML pattern

An inline conversion strip after a meaningful explanation; use yellow sparingly. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Your next step

Tell us what changed.

Start with the Porsche and the concern.

Talk to the workshop
S47Two-channel contact cards
ContactlightReusable Custom HTML pattern

Phone and WhatsApp routes with working destinations, not an unconnected form. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Get in touch

Choose how to begin.

01 / CALL

A direct conversation

Discuss the car and the reason for your visit.

Call the workshop
02 / MESSAGE

Send the details

Share the model, year and reported concern.

Open WhatsApp
S48Location editorial card
ContactmixedReusable Custom HTML pattern

Location section without a fabricated map pin. Add an exact verified map link when available. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

DUBAI / UNITED ARAB EMIRATESAL QUOZ4

Independent workshop inquiries.

Plan the visit

Confirm the details
before you travel.

Contact the workshop to confirm the arrival instructions and the work you would like to discuss.

Confirm your visit
S49Appointment form layout
ContactlightReusable Custom HTML pattern

Form design only. Connect to a real booking handler, privacy notice and validation before production. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

REQUIRED: real handler, validation, spam protection, privacy wording and success/error states. Do not publish a fake form.

Appointment request layout

Start with
the essentials.

This library preview does not collect or send information. Form integration is required before use.

Design preview / form not connected
S50Final editorial contact
ContactdarkReusable Custom HTML pattern

Full closing section with the approved Porcelain inlay action and independent status note. Edition 02: refined layout, not yet accepted by the owner. Tailored 4.4: visible satin light, fine material grain and purpose-specific card detailing. No contour strings, drafting grids, hard facets or flat-only treatment. Awaiting owner review.

Start a conversation

Your Porsche.
Our next conversation.

Tell us about the car and what needs attention. Discuss the right starting point with the workshop in Al Quoz 4.

+971 56 464 6081Independent. Not affiliated with Porsche AG.
PORSCHEGARAGE V2 / LIST COLLECTION 01

A list for every kind of detail.

Twelve distinct layouts for checklists, service routes, owner guides and vehicle information. Five light, six dark and one mixed design, using the current palette and quiet gradients.

L01 to L12 / New designs
How to reuse these list designs

In Gutenberg, open Patterns and choose Porsche V2 List Designs. Read the current pattern under porsche-v2-lists/l01 through porsche-v2-lists/l12, or use Copy pattern below. Each is an independent Custom HTML block. The pgll classes load this collection's styles only where used. Existing S01-S50 patterns are separate and unchanged.

Choose a list by purpose, not just its background. Use an ordered list for a sequence, a description list for paired labels and values, and an unordered list for a collection. Keep the heading hierarchy appropriate for the host page. The samples contain no IDs that collide when copied twice. Icons are decorative; never use checkmarks alone to communicate a warranty, approval or test result.

Replace example copy with the actual service, offer or page content. Verify inclusions, claims and destinations before publishing. No list introduces a new business guarantee. Dark heroes stay dark. The shape selection board is not applied here. Background gradients are retained without string patterns, heavy 3D shapes or animated decoration.

Implementation reference: W3C guidance on list structure. All twelve designs await your review.

12 of 12 list designs

L01 / LIGHTEssential check grid
View alone

Short inclusions or preparation items. Two columns become one in narrow cards.

Before your visit

The useful details.

A few details help start a focused conversation.

  • Model and year
  • Current mileage
  • Service history
  • Dashboard message
  • Recent work
  • Reason for the visit
L02 / DARKDescriptive check folio
View alone

Benefits, inclusions or owner preparation with short supporting explanations. Use verified statements, not implied guarantees.

A clearer conversation

Start with what you know.

A description is enough. You do not need to name the failed part.

  • The exact concern

    Share what changed and when you first noticed it.

    OBSERVE
  • The vehicle context

    Include your model year and current mileage.

    IDENTIFY
  • The recent history

    Mention recent work and bring the available records.

    PREPARE
L03 / LIGHTEditorial numbered list
View alone

A compact ordered process with hanging numbers. Keep sequence meaningful and do not reorder it visually.

Your next visit

Three considered steps.

From the first message to a clear repair proposal.

  1. Share the details

    Explain the model, mileage and reason for the visit.

  2. Confirm the first check

    Ask what the inspection covers and how findings will be explained.

  3. Review the proposal

    Clarify the scope and estimate before approving work.

L04 / DARKOpen icon list
View alone

Four service or benefit entries with relevant line icons. Noninteractive unless a real link is added.

Workshop conversations

Care, by purpose.

Different reasons for a visit need different starting points.

  • Scheduled service

    Model, mileage and service history.

  • Diagnostics

    Warnings, symptoms and when they appear.

  • Repair planning

    The findings and proposed repair scope.

  • Vehicle inspection

    The purpose and limits of the inspection.

L06 / DARKSpecification ledger
View alone

Paired terms and values for vehicle facts, scope or estimates. Replace prompts with real data; no fictional records.

Build the vehicle brief

A little context matters.

These are the details to share, not a completed vehicle record.

Vehicle
Model, year and exact variant
Mileage
Current odometer reading
Service record
Available invoices and history
Reported concern
Your description of the change
L07 / MIXEDPaired scope lists
View alone

Two lists for included versus separate work, or two choices. Verify actual package inclusions before adapting this layout.

Keep the scopes clear

One visit. Two conversations.

Mention scheduled work and any new concerns separately.

Routine service

  • Service display
  • Time and mileage
  • Previous maintenance

Additional concerns

  • An unfamiliar noise
  • A warning message
  • A change in behavior
L08 / LIGHTGrouped outline list
View alone

Nested topics with parent labels and subordinate items. Suitable for owner guides and inspection preparation.

Prepare your message

Organize the details.

Keep vehicle information, symptoms and records easy to follow.

  • The car
    • Model, year and variant
    • Current mileage
  • The concern
    • What changed
    • When you notice it
  • The history
    • Recent service or repair work
    • Relevant invoices or reports
L09 / DARKHorizontal milestones
View alone

A short ordered journey. Three stages become vertical on narrow screens; no animation or false progress indicators.

The visit in perspective

Before. During. After.

A compact view of what to prepare and discuss.

  1. Before

    Share the car details and reason for the visit.

  2. During

    Discuss the findings and proposed work.

  3. After

    Keep the invoice and written instructions.

L10 / LIGHTEditorial takeaway list
View alone

Longer guide bullets with short titles and readable paragraphs. No panel around every item.

Useful owner habits

Make the conversation useful.

Three ways to prepare for a more focused workshop discussion.

  • Describe, rather than diagnose.

    Say what you notice and when it happens. Leave the failed-part decision to inspection.

  • Keep the original concern clear.

    Mention changes after recent work and bring any relevant report.

  • Ask what the estimate includes.

    Clarify parts, labor and any additional checks before approving work.

L11 / DARKExpandable list groups
View alone

Native disclosure controls containing real lists. Use when secondary details should stay available without filling the page.

The booking brief

Details, when you need them.

Open each group to see the information worth preparing.

  • Vehicle details
    • Model, year and exact variant
    • Current mileage
  • Symptoms and timing
    • The exact warning or change
    • When the concern appears
  • Available records
    • Recent invoices or inspection reports
    • Previous work related to the concern
L12 / DARKModel collection list
View alone

A compact model or category index with balanced typography. Keep destination links current and relevant to the host page.

Explore your model

Find your Porsche.

Choose the model range, then share the exact year and variant.

Selection library only. The existing sections, background selection page, buttons and customer pages are unchanged.

Scroll to Top