Logotype

Light uses black text; Dark uses white. Flaps default to EU blue with white lettering, on a transparent canvas. Custom colours stay in place for this visit.

Loading previews… 0 / 8 (7 animated, 1 static)

Loop animation

Timeline 0.0 / 0.0 s

i12e

Waiting Step 0 / 0

Waiting for SVG

Timing

Expansion step duration

Duration of each character-addition animation.

Between-step hold

Pause between expansion steps.

Expanded logotype hold

Pause on “infrastructure” before collapse.

Collapse duration

Duration of the complete return to “i12e”.

Collapsed logotype hold

Pause on “i12e” after collapse; skipped on initial load and restart.

Easing

Typography & Spacing

Font size

Character spacing

Added to each unboxed letter’s natural font width.

Alignment

Centred keeps the logo’s changing width in the middle without changing its animation.

Flap Geometry

Flap width

Flap height

Gap between flaps

Flap outer gap

Same space between the flap group and the letters on either side.

Leading flag gap

Variant 05: final space between the flag on the left and the word.

Card width, height, and internal gap use em units relative to font size. The outer gaps use pixels. Letters keep their size and proportions.

Colours & Details

Infrastructure text color

Flap color

Cards default to EU blue. Custom card colours blend into the flag’s fixed EU blue.

Flap text color

Detail style

Cut-outs reveal the canvas. Colour uses the custom detail colour.

Flap detail color

Show flap details Detail strength

100%

EU star scale

100%

Scales the whole star circle proportionately. Oversized stars crop at the flap edges.

Visual controls update all seven animated previews and the static logomark in place. Timing edits preserve the current step and progress. Use Restart to replay. Edit the CSS variables in assets/images/logo.svg to save defaults.

Previews scale down to fit. Large dimensions or gaps can reduce the apparent text size and spacing.

V1

05 / EU Flag → Leading Flag

Open SVG ↗

Flag Interaction

Country

Return mode

Return delay

Available while the expanded logotype is paused. Separate from Loop animation.

Logomark

Open SVG ↗

Draft

01 / Default

Open SVG ↗

02 / Visible Digits

Open SVG ↗

03 / Digits + Zero Tens

Open SVG ↗

04 / Digits → EU Flag

Open SVG ↗

06 / Visible Glyphs

Open SVG ↗

07 / Glyphs + Blank Slots

Open SVG ↗