Clear over clever
Make the important thing easy to understand. Remove language, decoration and steps that do not help.
Brand standards / 2026
Get the assets ↓Clear.
Bold.
Useful.
A disciplined identity for an AI and business transformation firm built around clarity, leverage and measurable progress.
01Foundation
The work is complex.
The brand is not.
dotSuper communicates with precision, confidence and restraint. Black carries the authority. White creates the space. The signature spectrum signals an important idea. The five dots remain flat, equal and exact.
Brand idea
Find the leverage.
Build what works.
dotSuper helps ambitious businesses identify high-leverage growth opportunities and build practical AI systems that produce measurable outcomes.
Evidence over spectacle
Lead with the problem, the reasoning and the result. Never use hype as a substitute for proof.
Outcomes over activity
Frame the work around the business change it creates, not the volume of technology delivered.
Diagnosis before prescription
Understand the system before proposing the intervention. The brand should feel considered, never generic.
02Logo system
One master.
Three marks. One icon.
The primary wordmark is the default signature. Supporting marks are for spaces where the full name is already understood. The single dot is an expressive compact mark. The digital square icon is reserved for favicons, app tiles and social avatars. Never redraw, retype, stretch or embellish any mark.
Primary wordmarkPreferred
Primary reversedBlack field only
02ASuper + five dots
Use in compact brand-owned placements such as presentation covers, social avatars and motion end cards.
02BFive-dot signature
Use as a sign-off, navigation cue or rhythm device only when the dotSuper name is present nearby or already established.
02C / Single dot logoOne dot.
One dot.
Full signal.
The single dot is a new supporting brand mark. Use it in compact brand-owned placements, visual sign-offs and campaign details where dotSuper is already identified. Its fill is always the exact Signature Spectrum.
02D / Digital square icon
Black to every edge.
This is the canonical square icon for favicons, app tiles and social profiles. The canvas is pure black with no transparency, white padding, rounded corners or outer frame. Keep the spectrum dot centred and unchanged.
Download 512 px PNG ↓
Clear space
x
Keep at least one dot diameter, defined as x, clear on every side. More space is always acceptable.
Minimum size
160 px digital42 mm print
Below the minimum, use the five-dot signature only where the brand is already identified in text.
Never
Stretch or condense
Colour the dots
Add shadow or glow
5 = fixed
Change the fixed count
03Five-dot signature
Five.
Always.
1×1.1× gap1×
CountExactly five. Never four, six or a field of miscellaneous dots.
FormPerfect circles of identical diameter. Never spheres, bubbles, lenses or gradients.
SpacingEqual optical spacing. Do not stagger, curve, scatter or animate independently.
ColourSolid black on light fields; solid white on black. The single dot logo and supplied digital square icon are the approved spectrum exceptions.
04Colour + gradient
Authority.
Space. Signal.
The core wordmark and five-dot signature are deliberately monochrome. A four-colour spectrum creates expressive brand fields and fills the approved single dot logo. Aqua can also work as a controlled secondary signal.
G01 / Primary brand gradient
Signature Spectrum
One spectrum. Four exact stops drawn from the live dotSuper identity.
Signature Spectrum110° / left to right
0%
#A9F4EF42%
#D9E5F768%
#E5D8F3100%
#F0D4D4
#A9F4EF42%
#D9E5F768%
#E5D8F3100%
#F0D4D4
Exact construction
#A9F4EF → #D9E5F7 → #E5D8F3 → #F0D4D4
- Angle
- 110°
- Start
- Signal Aqua / #A9F4EF / 0%
- Stop 02
- Spectrum Sky / #D9E5F7 / 42%
- Stop 03
- Spectrum Lilac / #E5D8F3 / 68%
- End
- Spectrum Blush / #F0D4D4 / 100%
- Text
- Black #000000 only
Use for primary hero fields, campaign surfaces, major transitions and large editorial moments. Keep the field clean and uninterrupted. Never place the gradient inside the wordmark or five-dot signature. Inside a mark, use it only through the supplied single dot logo and digital square icon.
linear-gradient(110deg, #A9F4EF 0%, #D9E5F7 42%, #E5D8F3 68%, #F0D4D4 100%)G02 / Supporting gradient
Aqua Signal
Two exact stops for quieter information and focused brand moments.
Aqua Signal135° / bottom-left to top-right
0% #A9F4EF100% #D7FFF9
Exact construction
#A9F4EF → #D7FFF9
- Angle
- 135°
- Start
- Signal Aqua / #A9F4EF / 0%
- End
- Aqua Light / #D7FFF9 / 100%
- Text
- Black #000000 only
Use for information panels, data highlights and restrained digital transitions. It supports the primary spectrum; it does not replace it.
linear-gradient(135deg, #A9F4EF 0%, #D7FFF9 100%)G01
Signature field
Use the full spectrum across a large, uninterrupted area with black typography.
G02
Information signal
Use Aqua Signal as a quieter highlight band, chart focus or functional transition.
Protect the core marks
The wordmark and five-dot signature remain solid black or solid white. The single dot logo and supplied digital square icon are the approved exceptions.
dotSuper BlackPrimary / 55–70%
- HEX
- #000000
- RGB
- 0 / 0 / 0
- CMYK
- 0 / 0 / 0 / 100
Pure WhiteSpace / 25–40%
- HEX
- #FFFFFF
- RGB
- 255 / 255 / 255
- CMYK
- 0 / 0 / 0 / 0
Signal AquaAccent / 5–15%
- HEX
- #A9F4EF
- RGB
- 169 / 244 / 239
- CMYK
- 31 / 0 / 2 / 4
Spectrum SkyGradient stop / 42%
- HEX
- #D9E5F7
- RGB
- 217 / 229 / 247
- CMYK
- 12 / 7 / 0 / 3
Spectrum LilacGradient stop / 68%
- HEX
- #E5D8F3
- RGB
- 229 / 216 / 243
- CMYK
- 6 / 11 / 0 / 5
Spectrum BlushGradient stop / 100%
- HEX
- #F0D4D4
- RGB
- 240 / 212 / 212
- CMYK
- 0 / 12 / 12 / 6
Aqua LightGradient endpoint
- HEX
- #D7FFF9
- RGB
- 215 / 255 / 249
- CMYK
- 16 / 0 / 2 / 0
Aqua InkFunctional
- HEX
- #214B47
- RGB
- 33 / 75 / 71
- CMYK
- 56 / 0 / 5 / 71
Editorial PaperOptional neutral
- HEX
- #F4F4EF
- RGB
- 244 / 244 / 239
- CMYK
- 0 / 0 / 2 / 4
BackgroundText / markUse
WhiteBlackDefault
BlackWhiteHigh-impact
Signature SpectrumBlackPrimary hero and campaign fields
Signal Aqua / Aqua gradientBlack or Aqua InkInformation and accent fields
05Typography
Primary family
Inter
A rational grotesk with the range to feel precise at 11 px and unmistakable at 180 px. Use the supplied files; Arial is the system fallback.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789?!&@%/
Useful beats
impressive.
Inter ExtraBold · 80–180 px · 0.82–0.94 line-height · −5% tracking
Build what works.
Inter Bold · 40–80 px · 0.95–1.05 line-height · −4% tracking
Technology matters when it changes the way the business performs.
Inter Regular · 17–24 px · 1.35–1.55 line-height · −1% tracking
AI READINESS / 2026
Inter SemiBold · 10–13 px · 1.2 line-height · +8% tracking · uppercase
06Voice
Expert without
the theatre.
Write like a capable partner in the room: direct enough to make a decision, rigorous enough to earn trust and human enough to be understood.
Direct
State the value, then explain the scope. Mix short headlines with natural sentences. Never use em dashes in dotSuper copy.
Specific
Name the audience, problem, action and outcome. Replace vague claims with evidence.
Grounded
Keep the source and limitations beside a claim. Distinguish client results, third-party evidence and illustrative examples. Do not invent guarantees.
Constructive
Turn complexity into a useful next move. The reader should know what happens now.
We improve one costly workflow, measure the change and equip your people to run what we build.
We unleash cutting-edge, revolutionary AI solutions that transform everything and supercharge your future.
Preferred language
We build AI. Your team owns it.Capability over dependency.Build what works.Clear ownership.Measurable outcomes.
07Editorial experience
Make every scroll
earn attention.
An article is a guided decision, not a wall of text. Resolve the reader's question early, pace the evidence in clear beats and end each section with a useful implication.
Name the reader's decision and why it matters now.
Give the direct answer inside the first 120 words.
Pair each important claim with its source and limit.
Turn the implication into one specific next move.
Writing constraints
- Visible headline
- Prefer 5–12 words. Write for clarity before search.
- SEO title
- Keep the complete title at or below 60 characters.
- Deck
- Use no more than 35 words to frame the value.
- Sentence
- Target 8–22 words. Review every sentence over 28 words.
- Paragraph
- Use 1–3 sentences, one idea and no more than 65 words.
- Section
- Build a claim, evidence and implication or next move.
What changed?
The verified event, decision or release.
Why does it matter?
The business consequence, separated from the fact.
What should we watch?
The uncertainty, limit or next signal.
What should we do?
One practical move for the relevant team.
Motion with a job
Orient.
Connect.
Confirm.
Reveal450–650 ms, once per block
Stagger60–100 ms between related items
Interaction160–220 ms for hover and focus feedback
Crux highlightCharacter progress for the direct answer and chapter lead only
PerformancePrefer opacity and transform in the reading flow
RestraintNo scroll hijacking or looping motion beside body copy
AccessRespect reduced-motion preferences without losing meaning
Jitter use: create authored hero sequences, diagrams and short explainers from simple reusable operations. Export WebM with a static poster. Never place an essential fact only inside motion.
Reward cadence: question, signal, evidence, implication, action. Each visual change must make that sequence easier to follow.
08Layout system
Structure creates
confidence.
Use a visible grid, decisive scale and generous negative space. The identity should feel edited, never decorated.
12 columns
24 px gutter
24 px gutter
Align deliberately. Start content on shared vertical axes. Use asymmetry only when it reinforces hierarchy.
Scale with purpose. Make one idea dominant. Avoid several elements competing at the same visual weight.
Let space work. A minimum 8-point spacing system keeps layouts consistent; large margins keep them premium.
Use rules sparingly. One-pixel black rules can organize information. Avoid boxes around everything.
09Applications
One system.
Every touchpoint.
Applications use the same ingredients in different proportions: bold type, hard edges, the five-dot cadence and a controlled aqua signal.
2026AI readiness
with a business case.
Strategic proposal
Useful
beats
impressive.
dotSuperConfidential
From signal
to system.
A practical roadmap for measurable AI adoption.
Engagement brief / v1.0Work Approach ContactFind the leverage.
Build what works.
LinkedIn Company Page cover1512 × 256 px
Keep the left field clear for LinkedIn interface overlap. The exact black wordmark and dot signature stay within the central responsive safe band.
10Downloads
Use the right file.
Every time.
Logo files
Download logo pack (.zip)Primary / black / transparentPNG ↓Primary / black / white fieldPNG ↓Primary / white / transparentPNG ↓Primary / white / black fieldPNG ↓Single dot / gradient / transparentSVG ↓Single dot / gradient / transparent / 512 pxPNG ↓Single dot / gradient / black fieldSVG ↓Single dot / gradient / black field / 512 pxPNG ↓Digital square icon / opaque blackPNG ↓Digital square icon / opaque blackSVG ↓Digital square favicon bundleICO ↓Super + dots / blackSVG ↓Super + dots / whiteSVG ↓Super + dots / black / transparentPNG ↓Super + dots / white / transparentPNG ↓Five dots / blackSVG ↓Five dots / whiteSVG ↓Five dots / black / transparentPNG ↓Five dots / white / transparentPNG ↓
Social media assets
Approved platform-ready artwork with responsive crop room.
Fonts & licence
Official Inter 4.1 files under the SIL Open Font License.
Digital tokensJSON ↓CSS variablesCSS ↓Asset manifestCSV ↓Colour specificationsTXT ↓Logo usage notesTXT ↓Typography specificationsTXT ↓
Master-art rule: the supplied full wordmark PNG is the exact approved master currently available. Do not auto-trace, redraw or typeset it. When an original vector master is commissioned, replace the PNG master without changing its proportions or dot construction.