Framework
Checkpoint Budapest
UI Style Guide
01. Color palette
#FED766
#C2948A
#9CCEC2
#087ca7
#3b3a53
#181828
#9CCEC2
#087ca7
#FED766
#C2948A
#3b3a53
#181828
#087ca7
#3b3a53
02. Text styles
Primary
Secondary
Heading 1
Heading 1
Heading 1
Heading 2
Heading 2
Heading 2
Heading 3
Heading 3
Heading 3
Heading 4
Heading 4
Heading 4
Body
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
List
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
- Lorum Ipsum
All in one
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
03. Modules
Primary
Secondary
Tertiary
Button
Blurb
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Email optin
Contact form
Image
Call to action
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Divider
Person
Name Goes Here
Position
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Name Goes Here
Position
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Name Goes Here
Position
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Social Media Follow
Toggle
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Testimonial
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Video
Accordion
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Blog
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed arcu massa, dapibus sit amet elit auctor, pharetra pharetra metus. Aliquam dolor odio, faucibus id volutpat a, ornare id diam. Nulla tempus porttitor mi id vehicula. Curabitur at nunc in arcu consectetur...
Automatikus vázlat
Equal opportunity, white paper mobilize, problem-solvers overcome injustice thought leadership, transparent collaborative cities human-centered justice social intrapreneurship inclusion shared value collaborative consumption. Incubator, inspirational when inspiring...
Minta bejegyzés
Social enterprise, improve the world paradigm the resistance progress scale and impact.
Social Good Ipsum
Social enterprise, improve the world paradigm the resistance progress scale and impact. Granular; invest replicable LGBTQ+, uplift cultivate, grit best practices big data scale and impact venture philanthropy. Inclusive, catalyze effective altruism invest because...
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed arcu massa, dapibus sit amet elit auctor, pharetra pharetra metus. Aliquam dolor odio, faucibus id volutpat a, ornare id diam. Nulla tempus porttitor mi id vehicula. Curabitur at nunc in arcu consectetur...
Automatikus vázlat
Equal opportunity, white paper mobilize, problem-solvers overcome injustice thought leadership, transparent collaborative cities human-centered justice social intrapreneurship inclusion shared value collaborative consumption. Incubator, inspirational when inspiring...
Minta bejegyzés
Social enterprise, improve the world paradigm the resistance progress scale and impact.
Social Good Ipsum
Social enterprise, improve the world paradigm the resistance progress scale and impact. Granular; invest replicable LGBTQ+, uplift cultivate, grit best practices big data scale and impact venture philanthropy. Inclusive, catalyze effective altruism invest because...
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed arcu massa, dapibus sit amet elit auctor, pharetra pharetra metus. Aliquam dolor odio, faucibus id volutpat a, ornare id diam. Nulla tempus porttitor mi id vehicula. Curabitur at nunc in arcu consectetur...
Automatikus vázlat
Equal opportunity, white paper mobilize, problem-solvers overcome injustice thought leadership, transparent collaborative cities human-centered justice social intrapreneurship inclusion shared value collaborative consumption. Incubator, inspirational when inspiring...
Minta bejegyzés
Social enterprise, improve the world paradigm the resistance progress scale and impact.
Social Good Ipsum
Social enterprise, improve the world paradigm the resistance progress scale and impact. Granular; invest replicable LGBTQ+, uplift cultivate, grit best practices big data scale and impact venture philanthropy. Inclusive, catalyze effective altruism invest because...