DesignXperia
DesignXperia crafts intuitive, distinctive and scalable digital experiences that balance visual excellence with usability.
IntuitiveDistinctiveThoughtful
An intentional curve
Good interface design connects user intent to a controlled, usable form.
Graphic language: A single deliberate Bezier curve is supported by visible control handles and an open interaction plane.
Composition: Use a generous diagonal gesture and precise annotations; cards keep one control-point detail instead of a repeated logo background.
Your new identity is selected. This complete kit follows that choice. Manage logo choices ↗
One identity. Every format.
5 lockups × 6 treatments. Selected vector artwork and original outlined lettering are preserved.
Browser & app icons.
Download favicon set ZIP ↗Show the exact chosen compact mark at favicon, browser-tab, app-icon and avatar sizes; retain any documented source matte or native counter shapes. Real 16 / 32 / 48 pixel ICO payloads; PNG exports at 16 / 32 / 48 / 96 pixels.
Light browser tabs
DesignXperiaactual pixels
actual pixels
actual pixels
Dark browser tabs
DesignXperiaactual pixels
actual pixels
actual pixels
App launcher previews
Maskable safe zone & Safari
192 / 512 px exports
Exact approved mono symbol
Complete favicon set ZIPMulti-size ICOOriginal SVGApple 180 PNGAndroid 512 PNGMaskable 512 PNGSafari pinned-tab SVGWeb manifestWebsite head snippetBrowser & app preview ↗Icon usage notes
The original SVG preserves the saved mark. Themed icon exports uniformly fit its existing paint; app tiles use opaque brand backgrounds. Manifest paths target a production root and can be adapted for a subpath.
Purposeful colour.
#098F88
Primary
RGB 9, 143, 136
Approx. CMYK 94 / 0 / 5 / 44
RGB 9, 143, 136
Approx. CMYK 94 / 0 / 5 / 44
#F0AC62
Secondary
RGB 240, 172, 98
Approx. CMYK 0 / 28 / 59 / 6
RGB 240, 172, 98
Approx. CMYK 0 / 28 / 59 / 6
#192E36
Ink
RGB 25, 46, 54
Approx. CMYK 54 / 15 / 0 / 79
RGB 25, 46, 54
Approx. CMYK 54 / 15 / 0 / 79
#F5FBFA
Paper
RGB 245, 251, 250
Approx. CMYK 2 / 0 / 0 / 2
RGB 245, 251, 250
Approx. CMYK 2 / 0 / 0 / 2
#FFFFFF
White
RGB 255, 255, 255
Approx. CMYK 0 / 0 / 0 / 0
RGB 255, 255, 255
Approx. CMYK 0 / 0 / 0 / 0
#111111
Black
RGB 17, 17, 17
Approx. CMYK 0 / 0 / 0 / 93
RGB 17, 17, 17
Approx. CMYK 0 / 0 / 0 / 93
sRGB master colours. CMYK values are unprofiled planning estimates. Use the contrast combinations documented in the guide.
A consistent voice in type.
Display / Sora
Shape digital experiences around real human needs
Use display type for headlines and short messages. Preserve the original logo lettering and artwork as supplied.
Body / Source Sans 3
Bring UI and UX thinking together to create distinctive digital journeys that balance visual craft with usability.
Regular for reading, semibold for labels. Font files and their licences are bundled.
Shapes with a shared origin.
A single deliberate Bezier curve is supported by visible control handles and an open interaction plane. Keep supporting graphics decorative and outside the logo clear space.
Business cards & letterhead.
Print stationery for DesignXperia. The card QR opens the brand website; the A4 letterhead keeps a clear writing area beneath its branded header.
Branded header and footer, with space for your letter.
Scan to visit designxperia.com
Direct destination: https://designxperia.com
Keep the QR's white border intact and print it at least 20 mm wide, including that border. The original vector file is included.
Print PDFs include 3 mm bleed and defined trim boxes. Keep writing inside the letterhead's documented text area.
A brand that shows up everywhere.
20 visual collateral pieces with brand-specific copy, plus a reusable email signature. SVG sources, PNG exports and print PDFs are included.
The same identity, in motion.
A curve draws between two user intents and resolves into a stable interface. A control point travels along the experience curve.
A system you can keep using.
Print layouts include 3mm bleed. Follow the supplied trim boxes; have your print supplier confirm colour profile and brochure fold allowance. Website and contact copy comes from source website content.