{"id":20675,"date":"2026-08-22T23:37:22","date_gmt":"2026-08-22T23:37:22","guid":{"rendered":"https:\/\/grdigital.tech\/?post_type=projects&p=20675"},"modified":"2026-08-22T23:37:39","modified_gmt":"2026-08-22T23:37:39","slug":"omd-summit-landing-page","status":"publish","type":"projects","link":"https:\/\/grdigital.tech\/index.php\/projects\/omd-summit-landing-page\/","title":{"rendered":"OMD Summit landing page"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n
\n
\n <\/span>\n Our creative works \u2014 case study<\/span>\n <\/div>\n

OMD Summit landing page.<\/span><\/h1>\n
\n

Open Minds Day \u2014 the annual summit of OMD Optimum Media Ukraine. One page had to sell the idea, register the guest and run a full-day agenda of three parallel tracks, on the date the invitations went out.<\/p>\n

\n See the work<\/a>\n <\/div>\n <\/div>\n
\n \"OMD\n <\/div>\n
\n
\n
Client<\/div>\n
OMD Optimum Media<\/div>\n <\/div>\n
\n
Services<\/div>\n
Web development, event identity<\/div>\n <\/div>\n
\n
Team<\/div>\n
3 specialists<\/div>\n <\/div>\n
\n
Timeline<\/div>\n
4 weeks<\/div>\n <\/div>\n
\n
Event<\/div>\n
27.02.2026 \u00b7 Kyiv<\/div>\n <\/div>\n <\/div>\n <\/section>\n
\n
\n
\n <\/span>\n The challenge<\/span>\n <\/div>\n
\n

A one-day event, a twelve-hour agenda, four weeks to launch.<\/span><\/h2>\n
\n

An invited guest opens the page once, on a phone, and needs three answers: what this is, when to be there, who is speaking. Everything else is decoration.<\/p>\n

The hard part was the schedule \u2014 three parallel tracks, twelve speakers, slots down to ten minutes, still shifting a week before the summit. It had to stay readable on a 380px screen and editable by the client without us.<\/p>\n <\/div>\n <\/div>\n

\n
\n
01<\/div>\n
The invitation is the hero<\/div>\n

The opening screen is written as a chat thread \u2014 the way the invite actually reached people. Date, slogan and the single red CTA sit inside it, nothing below the fold required.<\/p>\n <\/div>\n

\n
02<\/div>\n
Three tracks, colour-coded<\/div>\n

Agenda, main stage and evening programme each take a tinted column with time pills. On mobile the columns stack in running order, so the day reads as one list.<\/p>\n <\/div>\n

\n
03<\/div>\n
Brand energy without brand noise<\/div>\n

Electric blue ground, one red accent, the fortune-teller key visual and rounded blobs from the OMD mark \u2014 no gradients competing with the photography.<\/p>\n <\/div>\n <\/div>\n <\/section>\n

\n
\n
\n <\/span>\n Colour & type<\/span>\n <\/div>\n

Electric blue ground, one red, headlines set tight.<\/span><\/h2>\n
\n
\n
Palette<\/div>\n
\n
\n
<\/div>\n
Ground<\/div>\n <\/div>\n
\n
<\/div>\n
Electric<\/div>\n <\/div>\n
\n
<\/div>\n
OMD red<\/div>\n <\/div>\n
\n
<\/div>\n
Track 3<\/div>\n <\/div>\n <\/div>\n
\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n <\/div>\n

Red is reserved for actions and time pills; the blue ramp carries every surface. The third track's amber exists only inside the schedule, so the day is scannable by colour.<\/p>\n <\/div>\n

\n
Type<\/div>\n
Aa<\/div>\n
Condensed bold, all caps \u2014 event title, section heads<\/div>\n
<\/div>\n
Aa<\/div>\n
Grotesque regular \u2014 chat copy, agenda rows, speakers<\/div>\n
\n
Event title<\/span>72 \/ 0.95 \/ -0.02em<\/span><\/div>\n
Section<\/span>48 \/ 1.05 \/ 0<\/span><\/div>\n
Body<\/span>16 \/ 1.60 \/ 0<\/span><\/div>\n
Time pill<\/span>12 \/ 1.20 \/ 0.02em<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n
\n
\n
\n <\/span>\n Screens<\/span>\n <\/div>\n
\n

The event page, top to bottom.<\/span><\/h2>\n
Desktop 1440 \u00b7 mobile 380 \u00b7 shipped build<\/div>\n <\/div>\n
\n
\n
\n <\/span>\n <\/span>\n <\/span>\n OMD Summit \u2014 Open Minds Day<\/span>\n <\/div>\n \"OMD\n <\/div>\n
\n
\n \"OMD\n <\/div>\n
Mobile \u2014 hero<\/div>\n <\/div>\n <\/div>\n <\/section>\n
\n
\n
\n

Let's talk about your project.<\/span><\/h2>\n
\n Get in touch<\/a>\n All case studies<\/a>\n <\/div>\n <\/div>\n <\/section>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Fox and Rabbit Home introduction We are a Creative Agency & Startup Studio that provides Digital Products and Services turns to focus on client success. We specialize in user interface design, including front-end development which we consider to be an integral part. Client admin Date April 25, 2020 Categories Art , illustration Tags grid, wide…<\/p>\n","protected":false},"featured_media":20671,"parent":0,"template":"","projects_cat":[20],"projects_tag":[11,18,19],"class_list":{"0":"post-20675","1":"projects","2":"type-projects","3":"status-publish","4":"has-post-thumbnail","5":"hentry","6":"projects_cat-work","7":"projects_tag-grid","8":"projects_tag-wide","9":"projects_tag-work","10":"nt-post-class","11":"","14":"excerpt-none"},"acf":[],"_links":{"self":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects\/20675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects"}],"about":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/types\/projects"}],"version-history":[{"count":1,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects\/20675\/revisions"}],"predecessor-version":[{"id":20676,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects\/20675\/revisions\/20676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/media\/20671"}],"wp:attachment":[{"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/media?parent=20675"}],"wp:term":[{"taxonomy":"projects_cat","embeddable":true,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects_cat?post=20675"},{"taxonomy":"projects_tag","embeddable":true,"href":"https:\/\/grdigital.tech\/index.php\/wp-json\/wp\/v2\/projects_tag?post=20675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}