GoMoWorld Design System - Complete Guide to Components and Styles

GoMoWorld Design System - Complete Guide to Components and Styles

Équipe Design GoMoWorld

Posted on January 15, 2025

In short ⤵️

  • Consistent design A unified design system for a seamless user experience across all platforms.
  • Reusable components Modular elements that accelerate development and ensure visual consistency.
  • Optimal accessibility All components comply with WCAG standards for inclusive usage.
  • Maximum performance Optimized components for fast loading times and smooth navigation.

Typography Hierarchy

Table with many entries (mobile scroll test):

IDNameValueStatus
1Entry A100
2Entry B200
3Entry C300
4Entry D400
5Entry E500
6Entry F600
7Entry G700
8Entry H800
9Entry I900
10Entry J1000
11Entry K1100
12Entry L1200
13Entry M1300
14Entry N1400
15Entry O1500
16Entry P1600
17Entry Q1700
18Entry R1800
19Entry S1900
20Entry T2000
21Entry U2100
22Entry V2200
23Entry W2300
24Entry X2400
25Entry Y2500

Very wide table (many columns):

C1C2C3C4C5C6C7C8C9C10C11C12C13C14C15C16C17C18C19C20
R1C1R1C2R1C3R1C4R1C5R1C6R1C7R1C8R1C9R1C10R1C11R1C12R1C13R1C14R1C15R1C16R1C17R1C18R1C19R1C20
R2C1R2C2R2C3R2C4R2C5R2C6R2C7R2C8R2C9R2C10R2C11R2C12R2C13R2C14R2C15R2C16R2C17R2C18R2C19R2C20

The GoMoWorld design system uses a clear and consistent typography hierarchy to guide users through content.

Typography hierarchy examples

H1 - Main heading level 1

H2 - Heading level 2

H3 - Heading level 3

H4 - Heading level 4

H5 - Heading level 5
H6 - Heading level 6

Text styles

Bold text to highlight important information.

Italic text for quotes or technical terms.

Bold and italic text for critical elements.

Inline code for technical references and commands.

Strikethrough text for obsolete information.

Underlined text for links or interactive elements.

Paragraphs and spacing

This is a normal paragraph with demonstration text. It shows the spacing and readability of main text in the GoMoWorld design system. Typography is optimized for comfortable reading on all devices.

This second paragraph illustrates spacing between paragraphs and visual consistency of content. The use of appropriate colors and spacing improves the reading experience.

Example image in GoMoWorld design system

Lists and Enumerations

Lists are essential for organizing information in a clear and structured way.

Simple bulleted list

  • First list item
  • Second item with longer content
  • Third item
  • Fourth item

Nested bulleted list

  • Main item 1
    • Sub-item 1.1
    • Sub-item 1.2
      • Sub-sub-item 1.2.1
      • Sub-sub-item 1.2.2
  • Main item 2
    • Sub-item 2.1
    • Sub-item 2.2

Numbered list

  1. First step of the process
  2. Second step with details
  3. Third step
    1. Sub-step 3.1
    2. Sub-step 3.2
  4. Final fourth step

Task list

  • Successfully completed task
  • Another accomplished task
  • Task in progress
  • Task to plan
  • Future task

Definition list

  • eSIM: SIM card embedded directly in the device
  • Roaming: Use of mobile network outside your usual area
  • APN: Network access point for mobile data configuration
  • QR Code: 2D barcode for quick eSIM installation

Quotes and Special Blocks

Quotes and special blocks allow highlighting important information.

Important quote: "eSIMs revolutionize the way we travel connected, offering unprecedented flexibility and savings."

Expert tip: With GoMoWorld, you can prepare your eSIMs before departure and activate them upon landing, ensuring immediate connectivity.

Important note: Always keep a backup of your QR code in case you need to reinstall the eSIM.

Example of a longer citation:

"The future of mobile connectivity lies in the seamless integration of eSIM technology. GoMoWorld has been at the forefront of this revolution, providing travelers with instant access to local networks without the hassle of physical SIM cards. Our commitment to innovation and customer satisfaction has made us the preferred choice for over 50,000 international travelers."

— Sarah Johnson, CTO at GoMoWorld

Horizontal separator used to divide content sections.

Tables and Data

Tables allow organizing and comparing data in a clear way.

eSIM Plan Comparison:

DurationPriceData includedCountries coveredSupport
7 days€3.991 GB1 country✅ 24/7
15 days€10.993 GB1 country✅ 24/7
30 days€19.9910 GB1 country✅ 24/7
Multi-country€29.995 GB3 countries✅ 24/7
Unlimited€49.99Unlimited5 countries✅ Premium

Device Compatibility:

DeviceMinimum modeleSIM supportedInstallation
iPhoneXS/XR (2018)✅ YesQR Code
Samsung GalaxyS20 (2020)✅ YesQR Code
Google Pixel3a (2019)✅ YesQR Code
HuaweiP40 (2020)✅ YesQR Code
OnePlus8 (2020)✅ YesQR Code

Usage Statistics:

MetricValueEvolutionStatus
Active users50,000++25%📈 Growth
Countries covered190++5 this month🌍 Expansion
Activation time< 2 min-30%⚡ Improvement
Customer satisfaction4.8/5+0.2⭐ Excellent

Images and Media

Integrating images and media enriches content and improves user experience.

Main article image:

Image caption: GoMoWorld account creation interface

Content images:

iOS roaming configuration

Image gallery:

Login screen

Settings configuration

Embedded videos:

<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="GoMoWorld eSIM Tutorial" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

eSIM installation tutorial - GoMoWorld

Icons and illustrations:

  • 📱 Mobile - Compatible smartphone
  • 🌍 Globe - Worldwide coverage
  • Lightning - Quick installation
  • 🔒 Security - Protected data
  • 💰 Savings - Competitive prices
  • 🎯 Precision - Targeted activation

FAQ and Interactive Content

FAQ sections and interactive content improve user experience by answering common questions.

Is my device eSIM compatible?

Most recent smartphones support eSIMs. Check in Settings > Mobile Data > Add Data Plan (iOS) or Settings > Connections > eSIM Manager (Android).

Can I keep my physical SIM?

Yes! eSIMs work in parallel with your physical SIM. You can use both simultaneously and switch between them as needed.

What happens if I lose my phone?

Your eSIMs are linked to your GoMoWorld account. You can reinstall them on a new compatible device by logging into your account.

Do eSIMs work everywhere?

GoMoWorld covers more than 190 countries worldwide. Check availability at your destination before departure via the app.

How can I save with eSIMs?

GoMoWorld eSIMs allow you to save up to 80% compared to traditional roaming charges, with plans starting from €3.99.

Can I cancel my eSIM plan?

Yes, you can cancel your eSIM plan at any time from the GoMoWorld app. No cancellation fees are applied.

Is customer support available 24/7?

Absolutely! Our support team is available 24/7 to help you with your eSIMs via the app or by email.

💡 Expert tip: Activate your eSIM before leaving your home country to avoid any connectivity issues upon arrival.

⚠️ Important: Make sure data roaming is enabled on your device to use your eSIM abroad.

✅ Success: More than 50,000 travelers trust GoMoWorld for their international connectivity needs.

Design System Conclusion

This comprehensive GoMoWorld design system guide demonstrates the consistency and versatility of components used in our blog articles. Each element has been designed to offer optimal user experience and maximum readability.

Key design system points

  • Clear typography hierarchy to guide reading
  • Interactive components for user engagement
  • Structured tables for data presentation
  • Images and media to enrich content
  • Interactive FAQs to answer questions
  • Consistent colors with GoMoWorld identity
  • Responsive design for all devices
  1. Headings: Use H1-H6 hierarchy consistently
  2. Lists: Organize information with bulleted and numbered lists
  3. Quotes: Highlight important information
  4. Tables: Present comparison data clearly
  5. Buttons: Guide user actions with appropriate buttons
  6. Images: Enrich content with relevant visuals

🎨 GoMoWorld Design System: A consistent and scalable system for creating exceptional user experiences.

This test article allows validating all GoMoWorld design system components in a real blog article context.

Share this guide
facebooktwitterlinkedin

Hear from our Happy Travelers

4.7

App Store

App Store

4.7

Google Play Store

Google Play Store

May 17, 2025

My favourite e-sim provider

I've been using GoMoWorld in several countries now (Egypt, Honduras, Guatemala, ...). From purchase through performance it is simple to handle and works perfectly.

Klaus

/static/flags/flag_DE.svgReview/static/flags/flag_EG.svg

April 25, 2025

Perfect

After a first trial in Montenegro a few years ago, we used GoMoWorld again this year in Turkey — another great success! We bought two eSIMs, one for me and one for my husband, and everything worked perfectly. I highly recommend GoMoWorld. Thank you so much!

Alice

/static/flags/flag_FR.svgReview/static/flags/flag_TR.svg

April 23, 2025

Good for travelling

I recommend to use this eSIM for all tourists. It is easy, fast and economic. I used 3 GB in 5 days. It is sufficient for all applications except movies.

B Savkin

/static/flags/flag_TR.svgReview/static/flags/flag_GB.svg

May 16, 2025

Good service for very correct price

I used this service two times in last several months, first time Europe plan (used in France), and the next one was for Spain. No problems, good coverage, mostly 5G. Very easy to set and to activate.

ab

/static/flags/flag_US.svgReview/static/flags/flag_ES.svg

May 6, 2025

It saves me time and money

By using GoMoWorld eSIM I can just buy the plan for the country I'm visiting and activate it the night before traveling no need to find a wifi in my destination. I can also hotspot the plan with the kids

Nabila

/static/flags/flag_IE.svgReview/static/flags/flag_US.svg

April 22, 2025

Recommended for travelling

So far, I've used GoMoWorld in several countries (USA, Guatemala, and Vietnam), and the coverage was good every time. It’s also consistently cheaper than other eSIM providers. Only in Mexico did we occasionally have connection issues, but I emailed them and they responded immediately with a suitable solution. I’m very happy with the service GoMoWorld offers and would recommend them to everyone.

Kim

/static/flags/flag_CH.svgReview/static/flags/flag_US.svg

What is an eSIM?

We’ll Explain Everything.

A simple, digital solution for staying connected wherever you Go.

todo

Say Goodbye to Physical SIM Cards

No need to handle a physical SIM card (or risk losing yours)—everything is digital with an eSIM.

todo

Quick and Easy Activation.

Download your GoMoWorld eSIM from our app and get connected in minutes. All our plans start at just €3.99, with no subscriptions or hidden fees.

todo

Perfect for Travelers

Keep your regular SIM active for calls and texts while using GoMoWorld for data. You can have both your primary SIM and eSIM active simultaneously, or two eSIMs.

from

€3.99

Still thinking about it?

Download the app and enjoy a risk-free Trial. Experience GoMoWorld travel eSIM now!

Apple StoreGoogle Play Store