Style guide

A complete overview of typography, colors, and global styles used in the template, perfect for quick edits and consistent branding.

Color palette

Dark Brown
#38342a

Light Brown
#4a4841

Red
#ea4649

Beige
#eae7da

Light Beige
#f4f4f1

Light Grey
#eceae5

Buttons

Get in touch

Primary Button

Read post

Primary Button - Dark

Typography

Lorem ipsum

Heading 1

Dolor sit amet

Heading 2

Lorem ipsum dolor sit amet

Heading 3

Lorem ipsum dolor sit amet

Heading 4

Lorem ipsum dolor sit amet

Heading 5

Lorem ipsum dolor sit amet

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph

Text Link

Link

List item 1
List item 2
List item 3

Unordered List

List item 1
List item 2
List item 3

Ordered List

Block Quote

Block Quote

Rich text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

FAQ

A few things people usually ask me.

What kinds of design services do you offer?

I provide end-to-end product design services, including research, wireframes, UI/UX, prototypes, branding, and visual design. Each project is tailored to meet the client’s needs.

How do you work with clients and teams?

I collaborate closely with stakeholders such as brand designers, UX leads, and developers. I follow an agile, iterative process to integrate feedback, refine designs, and ensure smooth handoffs to development.

What is your typical project process and timeline?

Projects start with discovery and user research, then move through wireframing, interactive prototyping, design implementation, and developer handoff. Timelines vary by project scope, but I aim for clarity and efficiency at each stage.

What can I expect after the project is delivered? Do I keep the design files or get support?

After completion, I hand over all design assets, including mockups, source files, and style guides. I can also provide post-launch support or guidance for future iterations and maintenance.